はじめてのUXとUIの話

山下 一樹俺聞け4 2013.2.16

山下　一樹

会社員　メーカー系SE

ykazuki

今日の話

UXって◯◯◯

じゃUIは？

UI改善をやってみた

UXって◯◯◯

User Experience

“ユーザーとサービス、商品の相互作用すべてで、混乱や面倒なしで顧客の的確なニーズを満たし、所有する楽しさ、使用する楽しさを生み出す「簡潔さと優雅さ」”

http://www.nngroup.com/about-user-experience-definition/

Donald Norman

ユーザー もの

できごと=UX

期待予感

もらう出会う

触れるずっと使う

記憶思い出

時間の流れ

UXデザイン

期待予感

もらう出会う

触れるずっと使う

記憶思い出

ドラゴンクエストはスクエアエニックスの登録商標です

UXを実現していた例

五感に訴える

視覚、聴覚、触覚、味覚、嗅覚

UXって◯◯◯

UXって記憶に残ること

記憶に残るかどうかは、人によって違うのでルール化できない

でも、“より多くの人に記憶に残ってほしい”

これがクリエイターの使命であり挑戦する面白さでもある

今日の話

UXって◯◯◯

じゃUIは？

UI改善をやってみた

じゃUIは？

五感に訴える

視覚、聴覚、触覚、味覚、嗅覚

は、ウェブでは表現できない味覚、嗅覚ビジュアル、言葉、図形で補完：UI

ユーザー もの

できごと=UX UI

プロダクトデザイン人間工学インタラクションユーザビリティ

情報認知心理学情報アーキテクト情報デザイン情報工学

もの

“カッコイイ”だけじゃない

UIを考えるには

使いやすさの前にある“分かりやすさ”

誰もが本当に分かりやすいか？

Simplify“私たちがなによりも大切にしているのは、ユーザーとコンテンツの間に余計なものが何もないと思えるまで、設計を徹底的に練り直すこと”“単にシンプルなものから、本当に洗練されたものへとそぎ落としていく過程が、私は好きなのです”

http://www.telegraph.co.uk/technology/apple/9283706/Jonathan-Ive-interview-simplicity-isnt-simple.html

Jonathan Ive

誰もが分かりやすいか？機能・情報を整理する

UIを組む 白黒ワイヤーフレームで

ユーザーとして操作する ルールに基づいて整合が取れているか？

洗練されたものへの過程

やること ポイント

×考える

じゃUIは？

最初はカッコよくなくていい

分かりやすさ≠デザイン

徹底的に考え繰り返す

今日の話

UXって◯◯◯

じゃUIは？

UI改善をやってみた

UI改善をやってみた

チェックインシステム

13.5度触れやすいか

五十音順表のルーツ適応従来の表示

Before

After

さいごに

複雑さの中で生きている

UIで分かりやすくUXでHappyに！記憶に残るものを一緒に作りましょう