Mais conteúdo relacionado
Semelhante a Gcm#3 uiデザインの品質を効率的に向上させるには? (20)
Gcm#3 uiデザインの品質を効率的に向上させるには?
- 5. プラットホーム
• コンシューマゲーム
• アーケードゲーム
• PCゲーム
• モバイルソーシャルゲーム
(Web/Native)
ジャンル
• アクション
• RPG
• アドベンチャー
• シュミレーション
• スポーツ
• ホラー
• 知育
etc…
業務
• UIデザイン
• 採用
• 育成
ゲームUI歴
15年目
経歴
- 45. 分類 ①課題 ②原因 ③解決案
「○○クエスト」 Badコメント
悪いと感じた
個所を記入!
- 46. 分類 ①課題 ②原因 ③解決案
「○○クエスト」 Badコメント
悪いと感じた
個所の原因を
記入!
- 47. 分類 ①課題 ②原因 ③解決案
「○○クエスト」 Badコメント
解り
易さ
使い
易さ
演出/音/
アニメ
アート
世界観
仕様
見易さ
統一性
7つの分類を
記入!
- 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コメント例
解り
易さ
使い
易さ
演出/音/
アニメ
見易
さ
統一
性
アート
世界観
解り
易さ
- 72. Good UI Bad UI 7つの分類に
コメントを分け、数が多かった
事象それぞれ10個を紹介
DiscussionUI
演出
音
アニメ
アート
世界観
統一性 解り易さ見易さ 使い易さ 仕様
- 74. Bad UI 10 Select
気を付けましょう!
Good UI10 Select
- 75. Bad UI 10 Select
気を付けましょう!
Good UI10 Select
模範にしましょう!
- 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!