ゲームから学ぶui ux

29
株株株株株株株株株 株株 株 ゲゲゲゲゲゲゲ UI/UX

Transcript of ゲームから学ぶui ux

Page 1: ゲームから学ぶui ux

株式会社オプティマ 渡辺 巧

ゲームから学ぶUI/UX

Page 2: ゲームから学ぶui ux

・プログラマJava → C# → PHP(WordPress)

・好きな物ゲーム ( プレイ & 作成 )

・苦手な分野デザイン系

自己紹介

Page 3: ゲームから学ぶui ux

• これからお話する内容は私個人の見解です。• UI という正解の無い物に対しての、一つの意見として受け取って頂けると幸いです。• 間違いがありましたら、質疑応答で好きにつついて頂いて大丈夫です。

はじめに

Page 4: ゲームから学ぶui ux

そもそも「 UI 」って何だろう

Page 5: ゲームから学ぶui ux

ユーザーインターフェース直訳すると「ユーザー接点」システムとユーザーとの接点。( メニュー、ボタン、リンク、画像 etc…)

UI とは

Page 6: ゲームから学ぶui ux

UI に該当する物の例

ユーザーの目に映る画面

Page 7: ゲームから学ぶui ux

UI に該当しない物の例

システムを構成するソースコード

Page 8: ゲームから学ぶui ux

じゃあ、 UX ってなんだろう

Page 9: ゲームから学ぶui ux

• ユーザーエクスペリメンス• UI を通じて得られた満足感を含むポジティブな体験が「 UX 」といえる。

UX とは

Page 10: ゲームから学ぶui ux

UX の例

見る操作する

この会社の製品良さそうだなぁ(良い UX )

ユーザー

Page 11: ゲームから学ぶui ux

良い UI って何だろう

Page 12: ゲームから学ぶui ux

• 直感的に使用できる• 自己主張が激しくない。• 一目で、用途がわかる。

良い UI とは ( 予想 )

Page 13: ゲームから学ぶui ux

ゲームから学ぶ UI/UX( 二回目 )

Page 14: ゲームから学ぶui ux

• 娯楽品なので、 UI に対するユーザーの目線が一般的なシステムに比べ厳しい。• ゲームは一般的なシステムに比べ、非常にインタラクティブなメディア

何故ゲームから UI/UX を学ぶのか

Page 15: ゲームから学ぶui ux

• ユーザーに体験してもらいたいことは「感動」「ワクワク感」「達成感」等。• ユーザーはこの体験を求めてゲームをプレイする為、

UX の差が直に製品価値に繋がる。• 単純な機能性やわかりやすさだけでなく「夢中になる」「楽しくなる」要素が入っている。・その他インタラクティブデザイン強化学習プロセス etc…

ゲームの UI/UX の特徴

Page 16: ゲームから学ぶui ux

ゲームの UX/UI への追及

Page 17: ゲームから学ぶui ux

例えば・・・

Page 18: ゲームから学ぶui ux

• 当時としては画期的な「タッチパネル」による操作。• タッチ操作という「直観的な使いやすさ」に加え今まで無い「新しい体験」を提供。 → 瞬く間に大ヒットしました。

Page 19: ゲームから学ぶui ux

最近は・・・

Page 20: ゲームから学ぶui ux

次は別の方面から

Page 21: ゲームから学ぶui ux

例えば・・・

Page 22: ゲームから学ぶui ux

一個ずつ見ていきます。

Page 23: ゲームから学ぶui ux
Page 24: ゲームから学ぶui ux
Page 25: ゲームから学ぶui ux

他にも・・・

Page 26: ゲームから学ぶui ux
Page 27: ゲームから学ぶui ux

• UI は「わかりやすい」「見やすい」事も大事ですが、一番大事なのはユーザー体験を達成する事だと感じました。• フレームワーク、デザイン言語にのっとった整形された UI も良いですが、少し定石から外れた UI というのもユーザーに新しい体験をもたらすかもしれません。

まとめ

Page 28: ゲームから学ぶui ux

「何のため」を考えるつまり・・・

事が大事

Page 29: ゲームから学ぶui ux

おしまい