Download as PDF, PPTX
![9
UXはそれ自体高く売れるから
$1 $5¢2 ¢25 $5¢2 ¢25
参考文献「[新訳]経験経済」B・J・パインII (著), J・H・ギルモア (著)](https://image.slidesharecdn.com/170621-supplement-ux-design-170622034751/85/UI-UX-UX-9-320.jpg)
![40
[EOF]](https://image.slidesharecdn.com/170621-supplement-ux-design-170622034751/85/UI-UX-UX-40-320.jpg)
Uploaded byAkihiro Moriyama
ゲームUI/UX勉強会予習資料「ゲームにおけるUXデザイン」
IT勉強会サークルUX Yokohamaが月1回主催している「ゲームUI/UX勉強会」で使用している初回参加者向けの予習資料です。 ゲームUI/UX勉強会の詳細はUX Yokohama ホームページをご覧ください。 https://uxyokohama.amebaownd.com/ ゲームUI/UX勉強会は、グリー株式会社様の社内勉強会「UI Disccsion」を元にプログラムを構成しております。グリー株式会社様の資料も合わせてご参照ください。https://www.slideshare.net/greeart/gcm3-ui
More Related Content
Similar to ゲームUI/UX勉強会予習資料「ゲームにおけるUXデザイン」
![[UX]は投げ捨てろ！](https://cdn.slidesharecdn.com/ss_thumbnails/sendai-150131020702-conversion-gate01-thumbnail.jpg?width=640&height=640&fit=bounds)
ゲームUI/UX勉強会予習資料「ゲームにおけるUXデザイン」
- 1. 資料： ゲームにおけるUXデザイン 森山 明宏 (ユーリカ株式会社代表/UXデザイナー) facebookakihiro.moriyama.ureka
- 2. 2 筆者紹介 森山 明宏（もりやま あきひろ） •UXYokohama 代表 •ユーリカ株式会社代表, UXデザイナー •2012年まで株式会社リコー総合デザインセン ターにてユーザー調査・分析・改善提案を担当 （見える化技法もここで習得） •2012年5月にユーリカ株式会社設立 •主にWebサイト改善、UX人材育成に従事 •facebook akihiro.moriyama.ureka
- 3.
- 4. 4 UX (User Experience)とは 製品やシステム・サービスの利用した時、および／また はその利用を予想した際に生じる人々の知覚と反応。 注1： UXは、使用前・使用中・使用後に起こるユーザーの感情・信念・嗜好・知覚・生理学的心理学 的な反応・行動・達成感のすべてを含む 注2： UXは、ブランドイメージ、見ため、機能、システム性能、インタラクションの動作やインタラ クティブシステムの支援機能、事前の経験から生じるユーザーの内的および身体的状態、態 度、スキルとパーソナリティ、利用状況の結果である 注3： ユーザーの個人的目標という観点から考えた時には、ユーザビリティは典型的にUXに付随する 知覚的感情的な側面を含む。ユーザビリティの評価基準を用いてUXの諸側面を評価することが できる 国際規格ISO9241-210:2010「インタラクティブシステムの人間中心設計プロセス」より
- 5.
- 6.
- 7.
- 8. 8 なぜUXデザインが重要なのか？ 1. UXはそれ自体高く売れるから 2. 革新的な新製品を作り出せるから 3.人間の行動をコントロールできるから
- 9. 9 UXはそれ自体高く売れるから $1 $5¢2 ¢25$5¢2 ¢25 参考文献「[新訳]経験経済」B・J・パインII (著), J・H・ギルモア (著)
- 10.
- 11.
- 12. 12 なぜスマホゲームにおいて UXデザインが重要なのか？ 1. UXはそれ自体高く売れるから 2. 革新的な新製品を作り出せるから 3.人間の行動をコントロールできるから 家電やビジネスアプリと まったく同じ！
- 13.
- 14. 14 UXデザインにとりくむことで 革新的なゲームを作り出せるから 201220122008 20162016 画像引用元：「Ingress」Niantic Inc. 画像引用元：「PokemonGO」Niantic Inc. / Nintendo/Creatures Inc. /GAME FREAK inc. 画像引用元：Wikipedia
- 15.
- 16. •UXとは、商品やサービスの利用によって感じる心地さ または不快感のこと •UXデザインが重要である理由 • UXはそれ自体高く売れる • UXデザインにとりくむことで、革新的な新製品を作り出せる •UXデザインによって、人間の行動をコントロールできる •ユーザーを深く理解していなければ優れたUXは作れない 16 この章のまとめ
- 17.
- 18. 18 継続的改善の手法「PDCA」 PLAN 計画 DO 実行 CHECK 評価 ACT 改善 PLAN 計画 従来の実績や将来の予測な どをもとにして業務計画を 作成する。 DO実行 計画に沿って業務を行う。 CHECK 評価 業務の実施が計画に沿って いるかどうかを評価する。 ACT 改善 業務の実施の計画に沿って いない部分を改善する。 「PDCAサイクル」
- 19.
- 20.
- 21.
- 22.
- 23. 23 HCDサイクル「調査」 •ユーザーの ”利用状況” を把握する •ユーザー(身体特性・知識・能力・等) • タスク(達成したい目的と達成のための行動) • 利用機材 • 環境（物理環境、社会、文化、等）
- 24. 24 HCDサイクル「分析」 •調査結果(事実)をわかりやすい形にまとめ、共有する • ユーザーモデリング • ワークモデリング •調査結果を元に洞察し、商品/サービスに対する要求 事項(仮説)を立てる • 仮説立案 • 要求定義(客側の視点での要件定義) の文書化
- 25. 25 HCDサイクル「分析」 •調査結果(事実)をわかりやすい形にまとめ、共有する • ユーザーモデリング • ワークモデリング •調査結果を元に洞察し、商品/サービスに対する要求 事項(仮説)を立てる • 仮説立案 • 要求定義(客側の視点での要件定義) の文書化 UXデザイン手法として有名な ペルソナやジャーニーマップは ここに相当します
- 26. 26 HCDサイクル「試作」 •ユーザー要求事項に対する解決案(仮説)として、設計 を行い、試作品を作る • 次の工程 ”評価”に用いることのできるものは すべて「試作品(プロトタイプ)」とみなされる
- 27. 27 HCDサイクル「評価」 •仮説を検証する • 設計(仮説)が要求事項に適合していることの検証 • そもそも要求事項(仮説)が正しいか否かの検証 •顧客の協力を得て行う •現実にはすべての評価作業に対して顧客の協力を 得ることは不可能であり、計画段階でどこまで協 力を得るかを決めておく必要がある • 顧客の協力を要しない評価手法もある
- 28.
- 29.
- 30.
- 31.
- 32. 32 良いゲームの条件 「UI Discussionの7つの評価視点」 分類： 1. 見やすさ 2.わかりやすさ 3. 使いやすさ 4. 演出・音・アニメ 5. アート・世界観 6. 統一性 7. 仕様 •グリー株式会社の社内勉強会 「UI Discussion」にて採用さ れている評価視点。 •ゲームの良さに影響を与える 要素のうち、特に重要である もの7つを抽出 •UIデザインの範ちゅうから外 れている要素は省略されてい ることに注意
- 33. 分類： 1. 見やすさ 2. わかりやすさ 3.使いやすさ 4. 演出・音・アニメ 5. アート・世界観 6. 統一性 7. 仕様 33 良いゲームの条件 「UI Discussionの7つの評価視点」 ゲームに限らず全てのアプリ に要求される要素 ゲームの楽しさの本質部分 UIデザイン以外でゲームの 楽しさに関わる部分
- 34. 画像引用元：iOSアプリ「パズル&ドラゴンズ」（ガンホー・オンライン・エンターテイメント） 34 1.見やすさ /2.わかりやすさ /3.使いやすさ ○例)重要なUI要素が大きく目立つ ○例) チュートリアルの提供 ○例) よく使う機能は手順が少ない × 例) 小さすぎて読めない文字 × 例) 説明不足・無駄に長い説明 × 例) 他社では当たり前の機能が実装 されていない 良い例 悪い例 Game UI/UX GameUI/UX Game UI/UX GameUI|UX GameUI/UX
- 35. 35 4. 演出・音・アニメ ○例) 感情の高まる演出 ○例)季節や昼夜に応じた演出 ○例) タップ操作の際の動きが面白い ○例) 声優の起用により没入感向上 × 例) 演出不足・演出過剰 良い例 悪い例 画像引用元：iOSアプリ「パズル&ドラゴンズ」（ガンホー・オンライン・エンターテイメント）
- 36. 36 5. アート・世界観 ○例) 美麗なグラフィック ○例)魅力的なキャラクター ○例) 独創的な世界設定 × 例) フォントがカッコ悪い × 例) システムメッセージが事務的 × 例) 一部のグラフィック以外手抜き 良い例 悪い例 画像引用元：iOSアプリ「パズル&ドラゴンズ」（ガンホー・オンライン・エンターテイメント） No.972 プリンセスヴァルキリー
- 37. 37 6. 統一性 ○例) 各UI要素のデザインに統一性が ある ○例)〃 の操作の作法に統一性がある ○例) 〃 のモーションに統一性がある × 例) 統一性の欠如 良い例 悪い例 画像引用元：iOSアプリ「パズル&ドラゴンズ」（ガンホー・オンライン・エンターテイメント）
- 38. 38 7. 仕様 (≒ 実際にはUIデザイナーの担当範囲でないもの) ○例)課金等の操作を要求するときに は確認画面を出す ○例) バトルに負けるとキャラクター は死んだものとして扱われる × 例) ロードの待ち時間が長すぎる × 例) 簡単すぎる・難しすぎる × 例) チュートリアルが長すぎて飽きる 良い例 悪い例 画像引用元：iOSアプリ「パズル&ドラゴンズ」（ガンホー・オンライン・エンターテイメント）
- 39.
- 40.