Uploaded byGREE/Art
Gcm#3 uiデザインの品質を効率的に向上させるには？
GREE Creators' Meetup#3 https://youtu.be/xkbk93k6H-U 【UIデザインの品質を効率的に向上させるには？】
![[CEDEC2014] 消滅都市のつくりかた 半年で素敵なゲームをリリースするには -](https://cdn.slidesharecdn.com/ss_thumbnails/cedec2014-140908233456-phpapp01-thumbnail.jpg?width=640&height=640&fit=bounds)
Gcm#3 uiデザインの品質を効率的に向上させるには？
- 1.
- 2. 1. 自己紹介・ご挨拶 2. UIデザイン効率についての課題 3. 課題に対しての取り組みと効果 4. GoodUIBadUI紹介 5. まとめ 6. 質疑応答 本日の流れ
- 3. 1. 自己紹介・ご挨拶 2. UIデザイン効率についての課題 3. 課題に対しての取り組みと効果 4. GoodUIBadUI紹介 5. まとめ 6. 質疑応答
- 4. Wright Flyer Studios2 Art Group SeniorManager UI UX Team Manager 長﨑 二郎 Jiro Nagasaki
- 5. プラットホーム • コンシューマゲーム • アーケードゲーム •PCゲーム • モバイルソーシャルゲーム （Web/Native） ジャンル • アクション • RPG • アドベンチャー • シュミレーション • スポーツ • ホラー • 知育 etc… 業務 • UIデザイン • 採用 • 育成 ゲームUI歴 15年目 経歴
- 6.
- 7. 1. 自己紹介・ご挨拶 2. UIデザイン効率についての課題 3. 課題に対しての取り組みと効果 4. GoodUIBadUI紹介 5. まとめ 6. 質疑応答
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14. 1. 自己紹介・ご挨拶 2. UIデザイン効率についての課題 3. 課題に対しての取り組みと効果 4. GoodUIBadUI紹介 5. まとめ 6. 質疑応答
- 15.
- 16.
- 17.
- 18.
- 19.
- 20.
- 21.
- 22.
- 23.
- 24.
- 25. 日程 ：2015年6月末～実施中 メンバー：社内デザイナー（UIデザイナー以外も含む） 参加人数 ：約１５名（回によって変動） ディスカッション頻度：毎週１回（一回あたり１時間） 調査するゲーム：Nativeモバイルゲーム 調査するゲーム本数：毎週２本をレビュー １タイトルのプレイの目安：チュートリアルとゲームサイクルを ２,３周プレイした状態 DiscussionUI
- 26.
- 27.
- 28.
- 29.
- 30.
- 31.
- 32.
- 33.
- 34.
- 35.
- 36.
- 37.
- 38.
- 39. 分類 ①良い所 ②要因 「○○クエスト」Goodコメント
- 40. 分類 ①良い所 ②要因 「○○クエスト」Goodコメント 良いと感じた 個所を記入！
- 41. 分類 ①良い所 ②要因 「○○クエスト」Goodコメント 良いと感じた 個所の要因を 記入！
- 42. 分類 ①良い所 ②要因 「○○クエスト」Goodコメント ７つの分類を 記入！
- 43. 分類 ①良い所 ②要因 「○○クエスト」Goodコメント 解り 易さ 使い 易さ 演出/音/ アニメ アート 世界観 仕様 見易さ 統一性 ７つの分類を 記入！
- 44. 分類 ①課題 ②原因③解決案 「○○クエスト」 Badコメント
- 45. 分類 ①課題 ②原因③解決案 「○○クエスト」 Badコメント 悪いと感じた 個所を記入！
- 46. 分類 ①課題 ②原因③解決案 「○○クエスト」 Badコメント 悪いと感じた 個所の原因を 記入！
- 47. 分類 ①課題 ②原因③解決案 「○○クエスト」 Badコメント 解り 易さ 使い 易さ 演出/音/ アニメ アート 世界観 仕様 見易さ 統一性 ７つの分類を 記入！
- 48. 分類 ①課題 ②原因③解決案 「○○クエスト」 Badコメント 大 事 ！ どうすれば 改善するかを 記入！
- 49. 分類 ①良い所 ②要因 ロード画面の待ちが楽しいかわいいキャラクターが アニメーションしている為 バトルが簡単にすぐ遊べる チュートリアルが解り易い為 ボタンが押しやすい 面積が大きい為 UI全体が世界観に合っていて 美しい シンプルなデザインで、キャ ラクターとも相性が良い為 購入画面、うっかり課金せずに 済んだ 課金前に確認ウィンドウが 表示される為 画面の遷移がサクサク動く 読み込みがほとんどない為 ボタンをタップすると気持ち良い 音と見た目が合っている為 「○○クエスト」 Goodコメント例 解り 易さ 使い 易さ 演出/音/ アニメ アート 世界観 仕様 使い 易さ 演出/音/ アニメ
- 50. 分類 ①良い所 ②要因 ロード画面の待ちが楽しいかわいいキャラクターが アニメーションしている為 バトルが簡単にすぐ遊べる チュートリアルが解り易い為 ボタンが押しやすい 面積が大きい為 UI全体が世界観に合っていて 美しい シンプルなデザインで、キャ ラクターとも相性が良い為 購入画面、うっかり課金せずに 済んだ 課金前に確認ウィンドウが 表示される為 画面の遷移がサクサク動く 読み込みがほとんどない為 ボタンをタップすると気持ち良い 音と見た目が合っている為 「○○クエスト」 Goodコメント例 解り 易さ 使い 易さ 演出/音/ アニメ アート 世界観 仕様 使い 易さ 演出/音/ アニメ
- 51. 分類 ①良い所 ②要因 ロード画面の待ちが楽しいかわいいキャラクターが アニメーションしている為 バトルが簡単にすぐ遊べる チュートリアルが解り易い為 ボタンが押しやすい 面積が大きい為 UI全体が世界観に合っていて 美しい シンプルなデザインで、キャ ラクターとも相性が良い為 購入画面、うっかり課金せずに 済んだ 課金前に確認ウィンドウが 表示される為 画面の遷移がサクサク動く 読み込みがほとんどない為 ボタンをタップすると気持ち良い 音と見た目が合っている為 「○○クエスト」 Goodコメント例 解り 易さ 使い 易さ 演出/音/ アニメ アート 世界観 仕様 使い 易さ 演出/音/ アニメ
- 52. 分類 ①良い所 ②要因 ロード画面の待ちが楽しいかわいいキャラクターが アニメーションしている為 バトルが簡単にすぐ遊べる チュートリアルが解り易い為 ボタンが押しやすい 面積が大きい為 UI全体が世界観に合っていて 美しい シンプルなデザインで、キャ ラクターとも相性が良い為 購入画面、うっかり課金せずに 済んだ 課金前に確認ウィンドウが 表示される為 画面の遷移がサクサク動く 読み込みがほとんどない為 ボタンをタップすると気持ち良い 音と見た目が合っている為 「○○クエスト」 Goodコメント例 解り 易さ 使い 易さ 演出/音/ アニメ アート 世界観 仕様 使い 易さ 演出/音/ アニメ
- 53. 分類 ①課題 ②原因③解決案 ボタンで押せる所が 解らない フラット過ぎてボタ ンぽくないので ボタンを出っ張ら せて目立たせる ボタンが押しづらい 小さすぎる為 大きさ調整 勝利画面が寂しい エフェクトが無い為 派手に演出する 画面の情報が 解り難い レイアウトがごちゃ ごちゃしている為 情報精査と レイアウト調整 文字が読めない 小さすぎる為 大きく表示する ボタンがバラバラに みえる 見た目の統一感が 無い為 基本のデザインで ビジュアルを統一 UIデザインが唐突 世界観とかけ離れ リデザイン 「○○クエスト」 Badコメント例 解り 易さ 使い 易さ 演出/音/ アニメ 見易 さ 統一 性 アート 世界観 解り 易さ
- 54. 分類 ①課題 ②原因③解決案 ボタンで押せる所が 解らない フラット過ぎてボタ ンぽくないので ボタンを出っ張ら せて目立たせる ボタンが押しづらい 小さすぎる為 大きさ調整 勝利画面が寂しい エフェクトが無い為 派手に演出する 画面の情報が 解り難い レイアウトがごちゃ ごちゃしている為 情報精査と レイアウト調整 文字が読めない 小さすぎる為 大きく表示する ボタンがバラバラに みえる 見た目の統一感が 無い為 基本のデザインで ビジュアルを統一 UIデザインが唐突 世界観とかけ離れ リデザイン 「○○クエスト」 Badコメント例 解り 易さ 使い 易さ 演出/音/ アニメ 見易 さ 統一 性 アート 世界観 解り 易さ
- 55. 分類 ①課題 ②原因③解決案 ボタンで押せる所が 解らない フラット過ぎてボタ ンぽくないので ボタンを出っ張ら せて目立たせる ボタンが押しづらい 小さすぎる為 大きさ調整 勝利画面が寂しい エフェクトが無い為 派手に演出する 画面の情報が 解り難い レイアウトがごちゃ ごちゃしている為 情報精査と レイアウト調整 文字が読めない 小さすぎる為 大きく表示する ボタンがバラバラに みえる 見た目の統一感が 無い為 基本のデザインで ビジュアルを統一 UIデザインが唐突 世界観とかけ離れ リデザイン 「○○クエスト」 Badコメント例 解り 易さ 使い 易さ 演出/音/ アニメ 見易 さ 統一 性 アート 世界観 解り 易さ
- 56. 分類 ①課題 ②原因③解決案 ボタンで押せる所が 解らない フラット過ぎてボタ ンぽくないので ボタンを出っ張ら せて目立たせる ボタンが押しづらい 小さすぎる為 大きさ調整 勝利画面が寂しい エフェクトが無い為 派手に演出する 画面の情報が 解り難い レイアウトがごちゃ ごちゃしている為 情報精査と レイアウト調整 文字が読めない 小さすぎる為 大きく表示する ボタンがバラバラに みえる 見た目の統一感が 無い為 基本のデザインで ビジュアルを統一 UIデザインが唐突 世界観とかけ離れ リデザイン 「○○クエスト」 Badコメント例 解り 易さ 使い 易さ 演出/音/ アニメ 見易 さ 統一 性 アート 世界観 解り 易さ
- 57. 分類 ①課題 ②原因③解決案 ボタンで押せる所が 解らない フラット過ぎてボタ ンぽくないので ボタンを出っ張ら せて目立たせる ボタンが押しづらい 小さすぎる為 大きさ調整 勝利画面が寂しい エフェクトが無い為 派手に演出する 画面の情報が 解り難い レイアウトがごちゃ ごちゃしている為 情報精査と レイアウト調整 文字が読めない 小さすぎる為 大きく表示する ボタンがバラバラに みえる 見た目の統一感が 無い為 基本のデザインで ビジュアルを統一 UIデザインが唐突 世界観とかけ離れ リデザイン 「○○クエスト」 Badコメント例 解り 易さ 使い 易さ 演出/音/ アニメ 見易 さ 統一 性 アート 世界観 解り 易さ
- 58.
- 59.
- 60.
- 61.
- 62.
- 63.
- 64.
- 65.
- 66.
- 67.
- 68.
- 69.
- 70.
- 71. 1. 自己紹介・ご挨拶 2. UIデザイン効率についての課題 3. 課題に対しての取り組みと効果 4. GoodUIBadUI紹介 5. まとめ 6. 質疑応答
- 72. Good UI BadUI ７つの分類に コメントを分け、数が多かった 事象それぞれ１０個を紹介 DiscussionUI 演出 音 アニメ アート 世界観 統一性 解り易さ見易さ 使い易さ 仕様
- 73. Bad UI 10Select Good UI10 Select
- 74. Bad UI 10Select 気を付けましょう！ Good UI10 Select
- 75. Bad UI 10Select 気を付けましょう！ Good UI10 Select 模範にしましょう！
- 76.
- 77.
- 78.
- 79.
- 80.
- 81.
- 82.
- 83.
- 84.
- 85.
- 86.
- 87.
- 88.
- 89.
- 90.
- 91.
- 92.
- 93.
- 94.
- 95.
- 96.
- 97.
- 98.
- 99. 見易さ 使い易さ 統一性 使い易さ 解り易さ 解り易さ演出/音/アニメ 解り易さ 見易さ使い易さ ① ② ③ ④⑤ ⑥ ⑦ ⑧ ⑨ ⑩ BadUI傾向
- 100. 先ほどの１０選で述べてきた Bad UIの傾向 © GREE,Inc. 分析・作成：グリー株式会社 UI/UXチーム BadUI傾向
- 101. 「使い易さ」（30.3%） 使い易さ © GREE, Inc.分析・作成：グリー株式会社 UI/UXチーム BadUI傾向
- 102. 「解り易さ」（28.2%） 解り易さ © GREE, Inc.分析・作成：グリー株式会社 UI/UXチーム 使い易さ BadUI傾向
- 103.
- 104.
- 105.
- 106. 重要 度 概要 詳細 1 UIパーツの機能が不足している為使いづらい。戻るボタン、もしくは戻り操作が難解で使いづらい。 閉じる・削除の操作が難解で使いづらい。タップして動くが機能し ない機能過多、UIの機能不足。 2 UIの文字の可読性が低い為見難い。 文字の大きさ、色、効果、テキスト量、見切れ、改行、選定ミス、 ローカライズが原因で見難い。等 3 UIの画面用途、ゲーム攻略についての説明が 不足している為解りにくい。 UIの画面用途、ゲーム攻略についての説明が不足している為 解りにくい。 4 UIの演出不足・演出過多によりユーザーの 感情を高めていない。 リザルトで演出不足、コンボ連鎖、リンクで演出不足、 ゲームスタート時の演出不足、エフェクトで演出過多。 5 UIのビジュアル要素（UI、フォント、キャラ、背景） が整理されてない為解りにくい。 TOPまたはホーム画面の情報整理が出来ておらず解りにくい、 バナー情報整理が出来ておらず解りにくい。等 6 UIのビジュアルや文言が一般的でない為解りにくい。 アイコンデザイン、ボタンの色味、タブ機能、ソート機能、 ページャー機能、表示文言が一般的でない。等 7 UIが誤操作を招く為使いづらい。 ボタン同士の配置の問題で誤操作を起こす、 タップスワイプ操作の受付範囲の不備で誤操作を起こす。等 8 UI全体のビジュアルやパーツデザイン・文字に 統一性や規則性がない。 UIパーツに統一感とルールがない、UIパーツが統一され過ぎて 単調、アートのパーツ品質に統一感が無い。 9 UIの読み込み時間やロードが頻繁に起こる為 使いづらい。 背景、UIの装飾、ロゴ、エフェクト、UIウィンドウの デザインが過多。等 10 UIを構成している背景描写や装飾が過多、または唐突。 ロード時間が長い、頻繁に起こる、 すぐにゲームがシャットアウトする。頻繁に再起動する。等 BadUI 10Select Check sheet 解り易さ 統一性 使い易さ 演出/音/アニメ 見易さ 解り易さ 解り易さ 使い易さ 使い易さ 見易さ ※2015年11月時点UI Discussion
- 107. 重要 度 概要 詳細 1 UIパーツの機能が不足している為使いづらい。戻るボタン、もしくは戻り操作が難解で使いづらい。 閉じる・削除の操作が難解で使いづらい。タップして動くが機能し ない機能過多、UIの機能不足。 2 UIの文字の可読性が低い為見難い。 文字の大きさ、色、効果、テキスト量、見切れ、改行、選定ミス、 ローカライズが原因で見難い。等 3 UIの画面用途、ゲーム攻略についての説明が 不足している為解りにくい。 UIの画面用途、ゲーム攻略についての説明が不足している為 解りにくい。 4 UIの演出不足・演出過多によりユーザーの 感情を高めていない。 リザルトで演出不足、コンボ連鎖、リンクで演出不足、 ゲームスタート時の演出不足、エフェクトで演出過多。 5 UIのビジュアル要素（UI、フォント、キャラ、背景） が整理されてない為解りにくい。 TOPまたはホーム画面の情報整理が出来ておらず解りにくい、 バナー情報整理が出来ておらず解りにくい。等 6 UIのビジュアルや文言が一般的でない為解りにくい。 アイコンデザイン、ボタンの色味、タブ機能、ソート機能、 ページャー機能、表示文言が一般的でない。等 7 UIが誤操作を招く為使いづらい。 ボタン同士の配置の問題で誤操作を起こす、 タップスワイプ操作の受付範囲の不備で誤操作を起こす。等 8 UI全体のビジュアルやパーツデザイン・文字に 統一性や規則性がない。 UIパーツに統一感とルールがない、UIパーツが統一され過ぎて 単調、アートのパーツ品質に統一感が無い。 9 UIの読み込み時間やロードが頻繁に起こる為 使いづらい。 背景、UIの装飾、ロゴ、エフェクト、UIウィンドウの デザインが過多。等 10 UIを構成している背景描写や装飾が過多、または唐突。 ロード時間が長い、頻繁に起こる、 すぐにゲームがシャットアウトする。頻繁に再起動する。等 BadUI 10Select Check sheet 解り易さ 統一性 使い易さ 演出/音/アニメ 見易さ 解り易さ 解り易さ 使い易さ 使い易さ 見易さ ※2015年11月時点UI Discussion 上から Badコメント 数が多い順
- 108. 重要 度 概要 詳細 1 UIパーツの機能が不足している為使いづらい。戻るボタン、もしくは戻り操作が難解で使いづらい。 閉じる・削除の操作が難解で使いづらい。タップして動くが機能し ない機能過多、UIの機能不足。 2 UIの文字の可読性が低い為見難い。 文字の大きさ、色、効果、テキスト量、見切れ、改行、選定ミス、 ローカライズが原因で見難い。等 3 UIの画面用途、ゲーム攻略についての説明が 不足している為解りにくい。 UIの画面用途、ゲーム攻略についての説明が不足している為 解りにくい。 4 UIの演出不足・演出過多によりユーザーの 感情を高めていない。 リザルトで演出不足、コンボ連鎖、リンクで演出不足、 ゲームスタート時の演出不足、エフェクトで演出過多。 5 UIのビジュアル要素（UI、フォント、キャラ、背景） が整理されてない為解りにくい。 TOPまたはホーム画面の情報整理が出来ておらず解りにくい、 バナー情報整理が出来ておらず解りにくい。等 6 UIのビジュアルや文言が一般的でない為解りにくい。 アイコンデザイン、ボタンの色味、タブ機能、ソート機能、 ページャー機能、表示文言が一般的でない。等 7 UIが誤操作を招く為使いづらい。 ボタン同士の配置の問題で誤操作を起こす、 タップスワイプ操作の受付範囲の不備で誤操作を起こす。等 8 UI全体のビジュアルやパーツデザイン・文字に 統一性や規則性がない。 UIパーツに統一感とルールがない、UIパーツが統一され過ぎて 単調、アートのパーツ品質に統一感が無い。 9 UIの読み込み時間やロードが頻繁に起こる為 使いづらい。 背景、UIの装飾、ロゴ、エフェクト、UIウィンドウの デザインが過多。等 10 UIを構成している背景描写や装飾が過多、または唐突。 ロード時間が長い、頻繁に起こる、 すぐにゲームがシャットアウトする。頻繁に再起動する。等 BadUI 10Select Check sheet 解り易さ 統一性 使い易さ 演出/音/アニメ 見易さ 解り易さ 解り易さ 使い易さ 使い易さ 見易さ ※2015年11月時点UI Discussion 概要
- 109. 重要 度 概要 詳細 1 UIパーツの機能が不足している為使いづらい。戻るボタン、もしくは戻り操作が難解で使いづらい。 閉じる・削除の操作が難解で使いづらい。タップして動くが機能し ない機能過多、UIの機能不足。 2 UIの文字の可読性が低い為見難い。 文字の大きさ、色、効果、テキスト量、見切れ、改行、選定ミス、 ローカライズが原因で見難い。等 3 UIの画面用途、ゲーム攻略についての説明が 不足している為解りにくい。 UIの画面用途、ゲーム攻略についての説明が不足している為 解りにくい。 4 UIの演出不足・演出過多によりユーザーの 感情を高めていない。 リザルトで演出不足、コンボ連鎖、リンクで演出不足、 ゲームスタート時の演出不足、エフェクトで演出過多。 5 UIのビジュアル要素（UI、フォント、キャラ、背景） が整理されてない為解りにくい。 TOPまたはホーム画面の情報整理が出来ておらず解りにくい、 バナー情報整理が出来ておらず解りにくい。等 6 UIのビジュアルや文言が一般的でない為解りにくい。 アイコンデザイン、ボタンの色味、タブ機能、ソート機能、 ページャー機能、表示文言が一般的でない。等 7 UIが誤操作を招く為使いづらい。 ボタン同士の配置の問題で誤操作を起こす、 タップスワイプ操作の受付範囲の不備で誤操作を起こす。等 8 UI全体のビジュアルやパーツデザイン・文字に 統一性や規則性がない。 UIパーツに統一感とルールがない、UIパーツが統一され過ぎて 単調、アートのパーツ品質に統一感が無い。 9 UIの読み込み時間やロードが頻繁に起こる為 使いづらい。 背景、UIの装飾、ロゴ、エフェクト、UIウィンドウの デザインが過多。等 10 UIを構成している背景描写や装飾が過多、または唐突。 ロード時間が長い、頻繁に起こる、 すぐにゲームがシャットアウトする。頻繁に再起動する。等 BadUI 10Select Check sheet 解り易さ 統一性 使い易さ 演出/音/アニメ 見易さ 解り易さ 解り易さ 使い易さ 使い易さ 見易さ ※2015年11月時点UI Discussion 詳細
- 110. 重要 度 概要 詳細 1 UIパーツの機能が不足している為使いづらい。戻るボタン、もしくは戻り操作が難解で使いづらい。 閉じる・削除の操作が難解で使いづらい。タップして動くが機能し ない機能過多、UIの機能不足。 2 UIの文字の可読性が低い為見難い。 文字の大きさ、色、効果、テキスト量、見切れ、改行、選定ミス、 ローカライズが原因で見難い。等 3 UIの画面用途、ゲーム攻略についての説明が 不足している為解りにくい。 UIの画面用途、ゲーム攻略についての説明が不足している為 解りにくい。 4 UIの演出不足・演出過多によりユーザーの 感情を高めていない。 リザルトで演出不足、コンボ連鎖、リンクで演出不足、 ゲームスタート時の演出不足、エフェクトで演出過多。 5 UIのビジュアル要素（UI、フォント、キャラ、背景） が整理されてない為解りにくい。 TOPまたはホーム画面の情報整理が出来ておらず解りにくい、 バナー情報整理が出来ておらず解りにくい。等 6 UIのビジュアルや文言が一般的でない為解りにくい。 アイコンデザイン、ボタンの色味、タブ機能、ソート機能、 ページャー機能、表示文言が一般的でない。等 7 UIが誤操作を招く為使いづらい。 ボタン同士の配置の問題で誤操作を起こす、 タップスワイプ操作の受付範囲の不備で誤操作を起こす。等 8 UI全体のビジュアルやパーツデザイン・文字に 統一性や規則性がない。 UIパーツに統一感とルールがない、UIパーツが統一され過ぎて 単調、アートのパーツ品質に統一感が無い。 9 UIの読み込み時間やロードが頻繁に起こる為 使いづらい。 背景、UIの装飾、ロゴ、エフェクト、UIウィンドウの デザインが過多。等 10 UIを構成している背景描写や装飾が過多、または唐突。 ロード時間が長い、頻繁に起こる、 すぐにゲームがシャットアウトする。頻繁に再起動する。等 BadUI 10Select Check sheet 解り易さ 統一性 使い易さ 演出/音/アニメ 見易さ 解り易さ 解り易さ 使い易さ 使い易さ 見易さ ※2015年11月時点UI Discussion チェックボックス ※チェックが多い ほどBadUI!
- 111.
- 112.
- 113.
- 114.
- 115.
- 116.
- 117.
- 118.
- 119.
- 120.
- 121.
- 122.
- 123.
- 124.
- 125. ♪BGM/SE/ボイス 演出/音/アニメ 使い易さ Good UI傾向とまとめ アート/世界観 ① ②③ ④ ⑤ ⑥ ⑦ ⑧ ⑨ ⑩ 演出/音/アニメ 演出/音/アニメ 解り易さ アート/世界観 アート/世界観 仕様 演出/音/アニメ
- 126. 先ほどの１０選で述べてきた Good UIの傾向 Good UI傾向とまとめ ©GREE, Inc. 分析・作成：グリー株式会社 UI/UXチーム
- 127. 「演出・アニメ・音」（41.5%） 演出 音 アニメ Good UI傾向とまとめ © GREE,Inc. 分析・作成：グリー株式会社 UI/UXチーム
- 128. 「アート・世界観」（23.5%） アート 世界観 © GREE, Inc.分析・作成：グリー株式会社 UI/UXチーム Good UI傾向とまとめ 演出 音 アニメ
- 129.
- 130.
- 131.
- 132. 重要 度 概要 詳細 1 UIのビジュアルが統一され魅力的である。 UIのアートが統一され製品としてのまとまりがある、UIがシンプル・フラットで統一され 魅力的である。 異なる世界観のUIビジュアルをあえて共存させる事で新規性を生みだし魅力的である。等 2 UIの操作感・挙動・演出の魅力により ユーザーの感を高めている。 UIの挙動・エフェクト・画面効果・操作感、カメラワークの心地よさや迫力により ユーザーの感情を高めている。 3 UIの画面ごとの演出によりユーザーの感情 を高めてる。 ロード/ダウンロード画面の魅力によりユーザーの感情を高めている。ログインボーナスの 魅力によりユーザーの感情を高めている。フィーバー/チャンスタイムの演出の魅力により ユーザーの感情を高めている。ガチャ関連の演出によりユーザーの感情を高めている。等 4 UIの画面用途、ゲーム攻略についての説明が 解り易い。 チュートリアルや遊び方が解り易い、収穫・アップグレードや解放が解り易い。等 5 UIを構成しているパーツや背景・装飾が 魅力的である。 UIパーツ、アイコン、バナー、広告、マップイラスト、UI背景イラストが魅力的、 またはUI機能とビジュアルが世界観として一致していて魅力的。等 6 サウンドの魅力によりユーザーの感情を 高めている。 BGM/SE/ボイスによりユーザーの感情を高めている。 7 UIパーツの高い有用性により使い易い。UIの機能が便利で使い易い。 8 UI全体の演出によりユーザーの感情を 高めている。 UI画面が常に動く、四季や時間ごとに演出やビジュアルを変え、 ユーザーの感情を高めている。等 9 画面の遷移が容易である。 目的の遷移が近い、画面ごとの機能の分類が明確で遷移に迷わない。 10 文言の演出によりユーザーの感情を 高めている。 文言の内容、フォントの演出によりユーザーの感情を高めている。 GoodUI 10Select Check sheet アート/世界観 使い易さ 仕様 演出/音/アニメ 演出/音/アニメ 解り易さ アート/世界観 演出/音/アニメ 演出/音/アニメ 演出/音/アニメ ※2015年11月時点UI Discussion
- 133. 重要 度 概要 詳細 1 UIのビジュアルが統一され魅力的である。 UIのアートが統一され製品としてのまとまりがある、UIがシンプル・フラットで統一され 魅力的である。 異なる世界観のUIビジュアルをあえて共存させる事で新規性を生みだし魅力的である。等 2 UIの操作感・挙動・演出の魅力により ユーザーの感を高めている。 UIの挙動・エフェクト・画面効果・操作感、カメラワークの心地よさや迫力により ユーザーの感情を高めている。 3 UIの画面ごとの演出によりユーザーの感情 を高めてる。 ロード/ダウンロード画面の魅力によりユーザーの感情を高めている。ログインボーナスの 魅力によりユーザーの感情を高めている。フィーバー/チャンスタイムの演出の魅力により ユーザーの感情を高めている。ガチャ関連の演出によりユーザーの感情を高めている。等 4 UIの画面用途、ゲーム攻略についての説明が 解り易い。 チュートリアルや遊び方が解り易い、収穫・アップグレードや解放が解り易い。等 5 UIを構成しているパーツや背景・装飾が 魅力的である。 UIパーツ、アイコン、バナー、広告、マップイラスト、UI背景イラストが魅力的、 またはUI機能とビジュアルが世界観として一致していて魅力的。等 6 サウンドの魅力によりユーザーの感情を 高めている。 BGM/SE/ボイスによりユーザーの感情を高めている。 7 UIパーツの高い有用性により使い易い。UIの機能が便利で使い易い。 8 UI全体の演出によりユーザーの感情を 高めている。 UI画面が常に動く、四季や時間ごとに演出やビジュアルを変え、 ユーザーの感情を高めている。等 9 画面の遷移が容易である。 目的の遷移が近い、画面ごとの機能の分類が明確で遷移に迷わない。 10 文言の演出によりユーザーの感情を 高めている。 文言の内容、フォントの演出によりユーザーの感情を高めている。 GoodUI 10Select Check sheet アート/世界観 使い易さ 仕様 演出/音/アニメ 演出/音/アニメ 解り易さ アート/世界観 演出/音/アニメ 演出/音/アニメ 演出/音/アニメ ※2015年11月時点UI Discussion 上から Goodコメント 数が多い順
- 134. 重要 度 概要 詳細 1 UIのビジュアルが統一され魅力的である。 UIのアートが統一され製品としてのまとまりがある、UIがシンプル・フラットで統一され 魅力的である。 異なる世界観のUIビジュアルをあえて共存させる事で新規性を生みだし魅力的である。等 2 UIの操作感・挙動・演出の魅力により ユーザーの感を高めている。 UIの挙動・エフェクト・画面効果・操作感、カメラワークの心地よさや迫力により ユーザーの感情を高めている。 3 UIの画面ごとの演出によりユーザーの感情 を高めてる。 ロード/ダウンロード画面の魅力によりユーザーの感情を高めている。ログインボーナスの 魅力によりユーザーの感情を高めている。フィーバー/チャンスタイムの演出の魅力により ユーザーの感情を高めている。ガチャ関連の演出によりユーザーの感情を高めている。等 4 UIの画面用途、ゲーム攻略についての説明が 解り易い。 チュートリアルや遊び方が解り易い、収穫・アップグレードや解放が解り易い。等 5 UIを構成しているパーツや背景・装飾が 魅力的である。 UIパーツ、アイコン、バナー、広告、マップイラスト、UI背景イラストが魅力的、 またはUI機能とビジュアルが世界観として一致していて魅力的。等 6 サウンドの魅力によりユーザーの感情を 高めている。 BGM/SE/ボイスによりユーザーの感情を高めている。 7 UIパーツの高い有用性により使い易い。UIの機能が便利で使い易い。 8 UI全体の演出によりユーザーの感情を 高めている。 UI画面が常に動く、四季や時間ごとに演出やビジュアルを変え、 ユーザーの感情を高めている。等 9 画面の遷移が容易である。 目的の遷移が近い、画面ごとの機能の分類が明確で遷移に迷わない。 10 文言の演出によりユーザーの感情を 高めている。 文言の内容、フォントの演出によりユーザーの感情を高めている。 GoodUI 10Select Check sheet アート/世界観 使い易さ 仕様 演出/音/アニメ 演出/音/アニメ 解り易さ アート/世界観 演出/音/アニメ 演出/音/アニメ 演出/音/アニメ ※2015年11月時点UI Discussion 概要
- 135. 重要 度 概要 詳細 1 UIのビジュアルが統一され魅力的である。 UIのアートが統一され製品としてのまとまりがある、UIがシンプル・フラットで統一され 魅力的である。 異なる世界観のUIビジュアルをあえて共存させる事で新規性を生みだし魅力的である。等 2 UIの操作感・挙動・演出の魅力により ユーザーの感を高めている。 UIの挙動・エフェクト・画面効果・操作感、カメラワークの心地よさや迫力により ユーザーの感情を高めている。 3 UIの画面ごとの演出によりユーザーの感情 を高めてる。 ロード/ダウンロード画面の魅力によりユーザーの感情を高めている。ログインボーナスの 魅力によりユーザーの感情を高めている。フィーバー/チャンスタイムの演出の魅力により ユーザーの感情を高めている。ガチャ関連の演出によりユーザーの感情を高めている。等 4 UIの画面用途、ゲーム攻略についての説明が 解り易い。 チュートリアルや遊び方が解り易い、収穫・アップグレードや解放が解り易い。等 5 UIを構成しているパーツや背景・装飾が 魅力的である。 UIパーツ、アイコン、バナー、広告、マップイラスト、UI背景イラストが魅力的、 またはUI機能とビジュアルが世界観として一致していて魅力的。等 6 サウンドの魅力によりユーザーの感情を 高めている。 BGM/SE/ボイスによりユーザーの感情を高めている。 7 UIパーツの高い有用性により使い易い。UIの機能が便利で使い易い。 8 UI全体の演出によりユーザーの感情を 高めている。 UI画面が常に動く、四季や時間ごとに演出やビジュアルを変え、 ユーザーの感情を高めている。等 9 画面の遷移が容易である。 目的の遷移が近い、画面ごとの機能の分類が明確で遷移に迷わない。 10 文言の演出によりユーザーの感情を 高めている。 文言の内容、フォントの演出によりユーザーの感情を高めている。 GoodUI 10Select Check sheet アート/世界観 使い易さ 仕様 演出/音/アニメ 演出/音/アニメ 解り易さ アート/世界観 演出/音/アニメ 演出/音/アニメ 演出/音/アニメ ※2015年11月時点UI Discussion 詳細
- 136. 重要 度 概要 詳細 1 UIのビジュアルが統一され魅力的である。 UIのアートが統一され製品としてのまとまりがある、UIがシンプル・フラットで統一され 魅力的である。 異なる世界観のUIビジュアルをあえて共存させる事で新規性を生みだし魅力的である。等 2 UIの操作感・挙動・演出の魅力により ユーザーの感を高めている。 UIの挙動・エフェクト・画面効果・操作感、カメラワークの心地よさや迫力により ユーザーの感情を高めている。 3 UIの画面ごとの演出によりユーザーの感情 を高めてる。 ロード/ダウンロード画面の魅力によりユーザーの感情を高めている。ログインボーナスの 魅力によりユーザーの感情を高めている。フィーバー/チャンスタイムの演出の魅力により ユーザーの感情を高めている。ガチャ関連の演出によりユーザーの感情を高めている。等 4 UIの画面用途、ゲーム攻略についての説明が 解り易い。 チュートリアルや遊び方が解り易い、収穫・アップグレードや解放が解り易い。等 5 UIを構成しているパーツや背景・装飾が 魅力的である。 UIパーツ、アイコン、バナー、広告、マップイラスト、UI背景イラストが魅力的、 またはUI機能とビジュアルが世界観として一致していて魅力的。等 6 サウンドの魅力によりユーザーの感情を 高めている。 BGM/SE/ボイスによりユーザーの感情を高めている。 7 UIパーツの高い有用性により使い易い。UIの機能が便利で使い易い。 8 UI全体の演出によりユーザーの感情を 高めている。 UI画面が常に動く、四季や時間ごとに演出やビジュアルを変え、 ユーザーの感情を高めている。等 9 画面の遷移が容易である。 目的の遷移が近い、画面ごとの機能の分類が明確で遷移に迷わない。 10 文言の演出によりユーザーの感情を 高めている。 文言の内容、フォントの演出によりユーザーの感情を高めている。 GoodUI 10Select Check sheet アート/世界観 使い易さ 仕様 演出/音/アニメ 演出/音/アニメ 解り易さ アート/世界観 演出/音/アニメ 演出/音/アニメ 演出/音/アニメ ※2015年11月時点UI Discussion チェックボックス ※チェックが多い ほどGoodUI!
- 137. 1. 自己紹介・ご挨拶 2. UIデザイン効率についての課題 3. 課題に対しての取り組みと効果 4. GoodUIBadUI紹介 5. まとめ 6. 質疑応答
- 138.
- 139. Bad UIを 改善するなら この二つ！ 演出 音 アニメ アート 世界観 解り易さ 使い易さ GoodUIを 目指して品質を 高めるのであれば この二つ！
- 140.
- 141.
- 142.
- 143.
- 144.
- 145.
- 146.