タグ

UIに関するponki_8のブックマーク (54)

  • サービス終了のお知らせ - NAVER まとめ

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

    サービス終了のお知らせ - NAVER まとめ
    ponki_8
    ponki_8 2014/03/04
  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
  • 12 gorgeous free UI kits for 2014 to download

    It can’t hurt to have more UI kits in your toolbox to improve our productivity in design work. The good thing is that there are many designers who provide free UI kits to the community. In today’s roundup, I will be focus on highlighting free UI kits that have been released in 2014. Most of these free kits look absolutely killer and is worth a download. Check out the full list below. #1: Dark UI k

    ponki_8
    ponki_8 2014/02/21
  • 2010年版 ユーザーインターフェース(UI)・ユーザビリティ必見サイト/必読書 - Feel Like A Fallinstar

    ウェブサイト 実はユーザー中心設計やユーザビリティ、インターフェースについてちゃんとまとまったサイトは国内には少数です。 ここに挙げたサイトはどれも大変充実したものだと思います。 ※残念ながら、海外の記事を紹介しているブログでよいものは見つからず。 劣化コピペサイトを紹介するのも気が引けるので割愛しました。 ヤコブ・ニールセンのAlert Box ユーザビリティ・ユーザ調査の世界的権威であるヤコブ・ニールセン博士のナレッジを発表しているサイトです。 実際の調査結果、そこに対する考察も含め、とてもよくまとまっています。 アップル ヒューマンインタフェースガイドライン Max OS Xのためのインターフェース資料に始まり、アプリケーションをデザインしている間、心に留めておくべき基礎となるデザイン原則がまとまっています。 もちろん、Windows / Linusユーザーにとっても必見。 ユーザビ

  • UI設計に役立つデザイン本 - wiz7

    誰のためのデザイン?―認知科学者のデザイン原論 (新曜社認知科学選書) ドナルド・A. ノーマン / D.A. ノーマン (新曜社) 1990-02 / ISBN-478850362X 心理学的なデザインの名著。 デザインを美的だけでなく、実用的にするために。 インタフェースデザインの心理学 ―ウェブやアプリに新たな視点をもたらす100の指針 Susan Weinschenk (オライリージャパン) 2012-07-14 / ISBN-4873115574 こっちも心理学的な認識論について。 100の指針として、それぞれ簡潔にまとめられているので読みやすい。

  • ソフトウエアエンジニアがUX/UIを考える上で読むべき4冊の良書と名言たち【五十嵐悠紀】 - エンジニアtype | 転職type

    2005年度下期IPA「天才プログラマー」認定、第24回独創性を拓く先端技術大賞 学生部門文部科学大臣賞(部門最優秀賞)など華々しい経歴を持ち、三児の母でもある五十嵐悠紀の連載です 五十嵐 悠紀 計算機科学者、サイエンスライター。2004年度下期、2005年度下期とIPA未踏ソフトに採択された、『天才プログラマー/スーパークリエータ』。日学術振興会特別研究員(筑波大学)を経て、明治大学総合数理学部の講師として、CG/UIの研究・開発に従事する。プライベートでは三児の母でもある 何か製品を考える時、そのものがカタチのあるものであっても、はたまたコンピュータの中で動くソフトウエアだったとしても、「ユーザーインターフェース(以下、UI)」について考える必要があります。さらには、わたしたちが日常生活においてストレスなく過ごせている裏側には、さまざまな人によって考えられてきたUIデザインが隠されて

    ソフトウエアエンジニアがUX/UIを考える上で読むべき4冊の良書と名言たち【五十嵐悠紀】 - エンジニアtype | 転職type
  • UI/UXが学べる神スライド7選 | Find Job ! Startup

    FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

    UI/UXが学べる神スライド7選 | Find Job ! Startup
  • これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう(前編) | Goodpatch Blog

    先日、長谷川恭久さんとの共同プロジェクト、“Patch Project”がスタートしました。これはUIデザインの新しいワークフローを作るために立ち上がったプロジェクトです。これまでのワークフローを見直して、より良いUIを作っていくためにはどうするべきなのか、実際に何かのUIをデザインしながら模索していきます。そのプロセスや結果はどんどんオープンにしていきますのでお楽しみに! まず今回はその導入部分として、ワークフローの提案について長谷川さんに話して頂いた内容を記事にしました。前編では、デザインカンプをやめてプロトタイプを作るべき理由を中心にまとめています。 そもそもUIとは何か UIの話というと多くの人がビジュアルデザインの話をしますが、そもそもUIとは人間とコンピュータの関係を円滑にするためのものです。人がコンピュータと関わるとき、そこには必ずインプットとアウトプットがあります。その中で

    これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう(前編) | Goodpatch Blog
  • PSDでダウンロード可能なフラットデザインUIキット素材まとめ

    Web界隈において、今年は「フラットデザイン」と... / UIキット / flatlyfe UI Kit [FREEBIE...他...全27件 Web界隈において、今年は「フラットデザイン」というキーワードを目にしない日はありません。PSDで無料ダウンロードできるUIキットも多数配布されています。そんな便利に使えるUIキットを集めました。

    PSDでダウンロード可能なフラットデザインUIキット素材まとめ
  • PSD形式のUI素材をダウンロードできるフリー素材まとめサイト7選

    サイト制作ではフリー素材のお世話になることも多い... / PSD素材まとめサイト5選 / freethroww他...全10件 サイト制作ではフリー素材のお世話になることも多いですよね。ラスター形式の素材は、拡大縮小などするとぼやけてしまうため編集するときに不便ですが、PSDで配布されているものは、ダウンロードしたあとも編集しやすいので重宝します。 そんな何かと重宝するPSD素材を探すときに便利な素材まとめサイトを集めました。

    PSD形式のUI素材をダウンロードできるフリー素材まとめサイト7選
  • さらなる“ユーザー中心設計”を目指すために [最終回] | ゼロ円でもできる!? 省コストユーザビリティ向上術

    ユーザー中心設計とはこれまで「師匠と弟子方式のインタビュー」「ペルソナ」「カードソート」「ペーパープロトタイプ」「ユーザーテスト」といったユーザビリティ手法を紹介したが、種を明かせば、これらは私の発明品ではない。「ユーザー中心設計(人間中心設計とも言う)」に含まれるテクニックの一部なのだ。 ユーザー中心設計とはソフトウェアの設計思想の1つであり、個々の手法を指すものではない。カレン・ホルツブラットの「コンテクスチュアル・デザイン」も、アラン・クーパーの「ゴール・ダイレクテッド・デザイン」も、さらにこの連載で紹介してきた「ディスカウント・ユーザビリティ」も、いずれもがユーザー中心設計の範疇に入る。 ただ、そこには骨格となるような共通したパターンがある。それは以下のようなものだ。 ユーザーの利用状況を把握する。利用状況からユーザーニーズを探索する。ユーザーニーズを満たすような解決案を作る。解決

    さらなる“ユーザー中心設計”を目指すために [最終回] | ゼロ円でもできる!? 省コストユーザビリティ向上術
    ponki_8
    ponki_8 2013/08/01
  • ビジネス志向が強すぎる危険性

    HCD活動にビジネス的な観点は重要なものではあるが、そこに過度にウェイトをかけるのではなく、生活や業務における意味性とユーザビリティを保証することを忘れてはならない。 黒須教授 2013年7月29日 特にUXがHCDの中心的なキーワードになった頃から、HCDの活動がビジネス的な成功に重きをおく傾向が強くなっているように思う。HCDという概念は、1999年にISO 13407が制定されてから使われるようになったものだが、1980年代から1990年代というユーザビリティ工学の発達期には、HCD活動の対象はビジネス的な成功よりはエンドユーザの満足だった。ユーザが苦労しないように、ということがHCD活動の目標だった訳である。もちろん、これはいわゆるスモールユーザビリティ的な観点であり、これだけではHCDが現在のように普及することは起こりえなかっただろう。 ISO 9241-11の定義を援用したIS

    ビジネス志向が強すぎる危険性
  • 簡単に使えて、コンバージョン率が高まるUI Tipsまとめ | Goodpatch Blog

    しっかりと考えられたUIのアプリやWebサイトはとても使いやすいく、使っていてとても楽しいですよね。この記事を見ているデザイナーやディレクターの方の中でショッピングサイトや登録型サービスを担当し、UI設計をしている方もいるのではないでしょうか。UI設計をする上で必ず考えるのが「ユーザーが使いやすいUI」だと思います。しかし前述したショッピングサイトや登録型サービスの場合は使いやすさと共に、「ショッピング購入数」や「登録者数」にも気を配る必要があります。そこで今回は「ショッピング購入数」や「登録者数」を示す、”コンバージョン率” を高めるUIとはどんなものか、海外の記事を参考に考えてみたいと思います。 (この記事はGoodUIから翻訳抜粋したものです) GoodUIには簡単に使えて、コンバージョン率を高めるUIのアイデアがいくつかまとめられています。その中から6つ、素晴らしいアイデアをピック

    簡単に使えて、コンバージョン率が高まるUI Tipsまとめ | Goodpatch Blog
  • Amazonメニューの「使いやすさ」を検証する方法

    マウスカーソルを重ねると下層の項目が開く階層型のメニュー(ドロップダウン)では、カーソルを注意深く移動しないとメニューが閉じたり、隣のメニューが開いたりしてしまうことがあります。 Amazonでは、このような誤動作を防ぐために、カーソルが下層のメニューに向かって移動している間はメニューが少し長めに開き続けるようになっていることが最近、ブログで紹介され、話題になりました(英語のオリジナル記事/日語の紹介記事)。 操作してみると確かに快適ですが、説明されなければ気がつかない地味な工夫です。 ユーザーの利便性を高めるために地道に改善を積み重ねるのも大事ですが、誰にも気がつかれないのはもったいない話です。効果を定量的に検証できるようにすれば、制作スタッフの貢献度が社内で認知されるようになり、いろいろな提案が通りやすくなるでしょう。 また、改善のつもりが実は効果が薄く、作り手の自己満足で終わること

    Amazonメニューの「使いやすさ」を検証する方法
    ponki_8
    ponki_8 2013/06/06
  • ASCII.jp:Web制作の現場で使えるjQuery UIデザイン入門

    Webデザイナー、(X)HTMLCSSコーダー、マークアップエンジニアが扱いやすいJavaScriptライブラリー「jQuery」を基礎から解説。プログラムの基的な書き方から、実務で使えるサンプルまで。jQueryをマスターして仕事の幅をぐっと広げよう。<cj:inc template="792" element_id="499288" />

    ASCII.jp:Web制作の現場で使えるjQuery UIデザイン入門
  • in the looop | Looops communications

    ループス・コミュニケーションズは、 企業のSNS活用戦略の立案・運用改善、啓発教育などのコンサルティングサービスや、リーダーシップやイノベーションをテーマとした企業研修を提供しています。

  • UX/UI(ユーザー体験/ユーザー・インタフェース):ITpro

    アプリやサービスによる創造的なユーザー体験と、使いやすいユーザーインタフェースの実現に役立つ情報を提供します。【冬休みスペシャル2012-2013】 マルチスクリーンで新しいユーザー体験を作ろう スマートフォン、タブレット、パソコン、テレビ---これら複数のスクリーン(=デバイス)の活用が、新しいユーザー体験を生み出す。エンジニア、デザイナー、クリエイター、企業、様々なところから、新しいアイデアやアプリや取り組みが生まれ始めている。 【つ部 × Multi-Screen UX Competition トークライブ レポート】 「クロスサービス、マルチスクリーンにチャンス」、バイドゥ矢野氏とコンセント長谷川氏 【マルチスクリーン時代の企業UX(ユーザー体験)戦略】 Part7. UX視点からのイノベーションの定義 【マルチスクリーン時代の企業UX(ユーザー体験)戦略】 Part6. UX

    ponki_8
    ponki_8 2013/05/04
  • jQuery UIのインタラクションを使ってみよう

    CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

    jQuery UIのインタラクションを使ってみよう
  • jQuery UI 日本語リファレンス

    jQuery UI とは、jQuery公式のユーザインターフェース(UI)用ライブラリのこと。カレンダー、タブ、アコーディオン、ダイアログ、エフェクト、並べ替え、表示切替、ドラッグ移動、ドロップ、サイズ変更、スライダーなど、多様な UI を簡単に導入できる。 jQuery UI 導入方法 Accordion / アコーディオン AddClass / クラス追加 Autocomplete / オートコンプリート Button / ボタン Datepicker / カレンダー Dialog / ダイアログ Draggable / ドラッグ移動 Droppable / ドロップ Effects / エフェクト Hide / 非表示 Menu / メニュー Position / 位置指定 Progressbar / プログレス・バー RemoveClass / クラス削除 Resizable /