SlideShare a Scribd company logo
株式会社オプティマ 渡辺 巧
・プログラマ
Java → C# → PHP(WordPress)
・好きな物
ゲーム(プレイ&作成)
・苦手な分野
デザイン系
自己紹介
• これからお話する内容は私個人の見解です。
• UIという正解の無い物に対しての、一つの
意見として受け取って頂けると幸いです。
• 間違いがありましたら、質疑応答で好きに
つついて頂いて大丈夫です。
はじめに
そもそも「UI」って何だろう
ユーザーインターフェース
直訳すると「ユーザー接点」
システムとユーザーとの接点。
(メニュー、ボタン、リンク、画像 etc…)
UIとは
UIに該当する物の例
ユーザーの目に映る画面
UIに該当しない物の例
システムを構成するソースコード
じゃあ、UXってなんだろう
• ユーザーエクスペリメンス
• UIを通じて得られた満足感を含むポジティ
ブな体験が「UX」といえる。
UXとは
UXの例
見る
操作する
この会社の製品
良さそうだなぁ
(良いUX)
ユーザー
良いUIって何だろう
• 直感的に使用できる
• 自己主張が激しくない。
• 一目で、用途がわかる。
良いUIとは(予想)
ゲームから学ぶUI/UX(二回目)
• 娯楽品なので、UIに対するユーザーの目線
が一般的なシステムに比べ厳しい。
• ゲームは一般的なシステムに比べ、非常に
インタラクティブなメディア
何故ゲームからUI/UXを学ぶのか
• ユーザーに体験してもらいたいことは「感動」
「ワクワク感」「達成感」等。
• ユーザーはこの体験を求めてゲームをプレイす
る為、UXの差が直に製品価値に繋がる。
• 単純な機能性やわかりやすさだけでなく「夢中
になる」「楽しくなる」要素が入っている。
・その他
インタラクティブデザイン
強化学習プロセス etc…
ゲームのUI/UXの特徴
ゲームのUX/UIへの追及
例えば・・・
• 当時としては画期的な「タッチパネル」に
よる操作。
• タッチ操作という「直観的な使いやすさ」
に加え今まで無い「新しい体験」を提供。
→瞬く間に大ヒットしました。
最近は・・・
次は別の方面から
例えば・・・
一個ずつ見ていきます。
ゲームから学ぶui ux
ゲームから学ぶui ux
他にも・・・
ゲームから学ぶui ux
• UIは「わかりやすい」「見やすい」事も大
事ですが、一番大事なのはユーザー体験を
達成する事だと感じました。
• フレームワーク、デザイン言語にのっとっ
た整形されたUIも良いですが、少し定石か
ら外れたUIというのもユーザーに新しい体
験をもたらすかもしれません。
まとめ
「何のため」を考える
つまり・・・
事が大事
おしまい

More Related Content

PDF
20200524Live講師実践会プレゼン「ZOOM時代の 研修ゲーム(仮)」
PPTX
初心者目線でIo t
PDF
ゲームUI/UX勉強会予習資料「ゲームにおけるUXデザイン」
PDF
CEDEC2013 ソーシャルゲームの開発現場でUXについて思いっきりあがいてみた1年間の話
PPTX
Why startups need "Lean Startup" & "Design Sprint"?
PDF
最近のUIデザインプロセス
PDF
Design Sprint 概要 / デザインスプリント概要
PDF
UXのためのUIデザイン
20200524Live講師実践会プレゼン「ZOOM時代の 研修ゲーム(仮)」
初心者目線でIo t
ゲームUI/UX勉強会予習資料「ゲームにおけるUXデザイン」
CEDEC2013 ソーシャルゲームの開発現場でUXについて思いっきりあがいてみた1年間の話
Why startups need "Lean Startup" & "Design Sprint"?
最近のUIデザインプロセス
Design Sprint 概要 / デザインスプリント概要
UXのためのUIデザイン

Similar to ゲームから学ぶui ux (20)

PDF
『デザイニング・インターフェース』読書会資料
PDF
Gcm#3 uiデザインの品質を効率的に向上させるには?
PDF
ゲームに学ぶUXデザイン
PDF
はじめてのUXとUIの話
PDF
Designing UX Development
PDF
[UX]は投げ捨てろ!
PDF
Android Design ざっくりレビュー
PDF
アプリUI勉強会 in ネットイヤーグループ
PDF
デザイン思考および周辺 - ユーザビリティ、UX、アジャイル開発を含めて-
PDF
Cedec keynote02
PPTX
磨いて光らせるUX入門〜 ユーザ視点でUXを改善しよう! 〜
PDF
ゲームニクス理論2
PDF
UX / UIデザインって何?
PPTX
X dev 20121106
PDF
GUI Test is (not) necessary
PDF
Jumvo 2.0 における デザイナーとエンジニアの連携
PDF
Indigo Studio で作るプロトタイプ
PDF
開発に知っておいて欲しいUX/UIデザインの考え方
PPTX
UX設計の第一歩-インテリジェントネット社内勉強会
PPTX
市場動向並びに弊社製品の今後の展望について
『デザイニング・インターフェース』読書会資料
Gcm#3 uiデザインの品質を効率的に向上させるには?
ゲームに学ぶUXデザイン
はじめてのUXとUIの話
Designing UX Development
[UX]は投げ捨てろ!
Android Design ざっくりレビュー
アプリUI勉強会 in ネットイヤーグループ
デザイン思考および周辺 - ユーザビリティ、UX、アジャイル開発を含めて-
Cedec keynote02
磨いて光らせるUX入門〜 ユーザ視点でUXを改善しよう! 〜
ゲームニクス理論2
UX / UIデザインって何?
X dev 20121106
GUI Test is (not) necessary
Jumvo 2.0 における デザイナーとエンジニアの連携
Indigo Studio で作るプロトタイプ
開発に知っておいて欲しいUX/UIデザインの考え方
UX設計の第一歩-インテリジェントネット社内勉強会
市場動向並びに弊社製品の今後の展望について
Ad

More from yumi_chappy (20)

PPTX
PPTX
Itelt vol7 7
PPTX
Itelt vol7 1
PPTX
Itelt vol7 9
PPTX
Itelt vol7 8
PPTX
Itelt vol7 6
PPTX
Itelt vol7 2
PPTX
Itelt vol7 5
PPTX
Itelt vol7 4
PPTX
Itelt vol7 3
PPTX
理想の教育、上から見るか?下から見るか?
PPTX
JAWS DAYS Report
PPTX
資料ビジュアル化のススメ
PPTX
美ら海水族館から考えるユーザー心理
PPTX
IoT製品の魅力
PPTX
新しい家族を紹介します~1台と1匹~
PPTX
Windows10でword2vecを使ってみた
PPTX
色で伝えるイメージ
PPTX
バランスを整える
PPTX
脆弱性のふさぎ方
Itelt vol7 7
Itelt vol7 1
Itelt vol7 9
Itelt vol7 8
Itelt vol7 6
Itelt vol7 2
Itelt vol7 5
Itelt vol7 4
Itelt vol7 3
理想の教育、上から見るか?下から見るか?
JAWS DAYS Report
資料ビジュアル化のススメ
美ら海水族館から考えるユーザー心理
IoT製品の魅力
新しい家族を紹介します~1台と1匹~
Windows10でword2vecを使ってみた
色で伝えるイメージ
バランスを整える
脆弱性のふさぎ方
Ad

Recently uploaded (10)

PDF
世界化学品産業の市場動向と将来展望に関する包括的な調査研究 QYResearch
PDF
西都 採用サイト掲載用ピッチ資料 | 安心して働ける環境と成長できるキャリアパス
PDF
東京商工会議所荒川支部で中小企業講演「今日から使える!省力化・効率化に向けた生成AI活用入門」
PDF
【QYResearch】世界製薬業界の市場変革と将来展望における多角的な事業展開の探求
PDF
sustainability_MSOLサステナビリティレポート_202508_日本語版_完成版.pdf
PDF
【2507】インパクト共創室実績
PDF
【会社紹介資料】株式会社スキルアップ ~エンジニア第一主義!収入・働きやすさ・成長機会でトップクラスを目指す~ 高収入を実現する還元モデル × 自分で選べ...
PDF
2508_ インパクトレポート会社概要_雨風太陽
PPTX
データサイエンス研修提案資料 RIZAPビジネスイノベーション株式会社.pptx
PDF
受発注バスターズ説明資料  (2025_08_13~) Saleshub掲載用.pdf
世界化学品産業の市場動向と将来展望に関する包括的な調査研究 QYResearch
西都 採用サイト掲載用ピッチ資料 | 安心して働ける環境と成長できるキャリアパス
東京商工会議所荒川支部で中小企業講演「今日から使える!省力化・効率化に向けた生成AI活用入門」
【QYResearch】世界製薬業界の市場変革と将来展望における多角的な事業展開の探求
sustainability_MSOLサステナビリティレポート_202508_日本語版_完成版.pdf
【2507】インパクト共創室実績
【会社紹介資料】株式会社スキルアップ ~エンジニア第一主義!収入・働きやすさ・成長機会でトップクラスを目指す~ 高収入を実現する還元モデル × 自分で選べ...
2508_ インパクトレポート会社概要_雨風太陽
データサイエンス研修提案資料 RIZAPビジネスイノベーション株式会社.pptx
受発注バスターズ説明資料  (2025_08_13~) Saleshub掲載用.pdf

ゲームから学ぶui ux

Editor's Notes

  • #14: ようやく本題。 忘れてそうなので、もう一回出す。
  • #15: ゲームのコンテンツは基本的に、ユーザーが 眺める・見る物ではなく実際に触れる物です。 そのため、一般的なシステムに比べユーザーが UIに触れている時間がとても長いです。
  • #16: つまり、UX重視してて、単純な機能性だけを求めてるわけじゃないって言いたい。 特に、UIが他サービスの差別化点の一つレベルになっている点。
  • #18: 新しいUIについて、といった形の流れ。
  • #24: 全体的に「布」をイメージした世界観となっている。 これであればメニューを見ただけでユーザーは「ぬいぐるみのメルヘンな世界観」を存分に体験できるだろう。 右下のボタン等、少々直感的でないボタンもありますが、「メルヘンの世界観を体験させる」というUXにもとづけば 良いUIだと考えられると思います。
  • #25: こちらは人気ゲーム「モンスターとストライク」の画面。 こちらは、あまり世界観に比重を置いていないゲームとなる。 この場合、各UIパーツは「わかりやすさ」を優先し、各ボタンには文字の注釈が入っている。 ゲームの交友名詞が、ボタンに使用されていない点も、「直観的」という面で優れている。
  • #27: これもとあるホラーゲームのアイテム一覧の写真。 ゲーム画面にウィンドウを作らず、あえて主人公の前に表示している。 これもメニューを開く行為をシステム的なものではなく、「世界観の中での出来事」だという事をユーザーに体験させている。