UI/UXを意識して 超快適なゲーム作ってみた / Push

2020/4/24 yokohama.unity オンライン #0

『Push - ブロックを押して動かすパズル』

【AppStore】
https://apps.apple.com/jp/app/id1506984977

【GooglePlay】
https://play.google.com/store/apps/details?id=com.Yusuke.Push

Transcript

1. UI/UXを意識して 超快適なゲーム作ってみた 2020/4/24 yokohama.unity ゆーじ 1/23
2. 自己紹介 ゆーじ (Yusuke Nakajima) 筑波大学大学院 修士2年 @yuji_ap
 2/23
3. デザインが好きなエンジニア - 文部科学省後援 色彩検定 2級保有 - 大学で色彩学や認知心理学の授業を履修 - 特にUI/UXデザインに最近ハマってる 3/23
4. 本題 4/23
5. 超快適なゲームを作りたい 5/23
6. 超快適なゲームを作りたい UI/UXをしっかり考え抜いたゲーム
 
 
 5/23
7. 1週間でパズルゲーム作りました！ Android Push - ブロックを押して動かすパズル
 iOS 6/23
8. デモ Android iOS 7/23
9. Push - ブロックを押して動かすパズル Android - 各色のブロックを同じ色の枠に 全て移動できたらクリア - 操作はタップのみ - ブロックをタップすると 三角形の指す方向に1マス移動する iOS 8/23
10. UX向上のために工夫した点 Android - 直感的に分かるルール - 配色の配慮 - スムーズなクリア表示 - プレイを妨げないオプション表示 iOS 9/23
11. UX向上のために工夫した点 Android - 直感的に分かるルール - 配色の配慮 - スムーズなクリア表示 - プレイを妨げないオプション表示 iOS 10/23
12. ゲーム前にも操作方法を示唆 Android - 「ブロックをタップしたら良い」 ということをゲーム前にも刷り込む - 三角形の方向に進むアニメーション - そもそもゲームタイトルから予想できる iOS 11/23
13. チュートリアル代わりのパズル Android iOS 12/23
14. UX向上のために工夫した点 Android - 直感的に分かるルール - 配色の配慮 - スムーズなクリア表示 - プレイを妨げないオプション表示 iOS 13/23
15. Adobe Color Android https://color.adobe.com/ja/trends iOS 14/23
16. カラーユニバーサルデザイン Android - 「識別補助機能」をONにすると 見分けやすいように表示される - 推奨配色セットを参考に配色 ( https://jfly.uni-koeln.de/colorset/ ) - [見分けやすい配色 × 2種類の形]で表示 iOS 15/23
17. UX向上のために工夫した点 Android - 直感的に分かるルール - 配色の配慮 - スムーズなクリア表示 - プレイを妨げないオプション表示 iOS 16/23
18. よくあるクリア表示 Android クリアダイアログを表示するやつ iOS 17/23
19. よくあるクリア表示 Android クリアダイアログを表示するやつ それ、
 本当に必要？
 
 iOS 17/23
20. よくあるクリア表示 Android クリアダイアログを表示するやつ それ、
 本当に必要？
 不要不急のダイアログでは...？
 iOS 17/23
21. クリアしたら自動で次のパズルへ Android - ユーザーは基本的には次に進みたい - 開発者としても次に進んで欲しい 　　　勝手に次に進めちゃえばいいのでは？ iOS 18/23
22. クリアしたら自動で次のパズルへ Android - ユーザーは基本的には次に進みたい - 開発者としても次に進んで欲しい 　　　勝手に次に進めちゃえばいいのでは？ サクサク進んで気持ちいい！ 
 プレイが快適！
 iOS 18/23
23. クリアダイアログが適しているゲーム Android - プレイ評価があるゲーム 　リトライしたくなる - 時間に追われるゲーム 　クリア時に休憩したい iOS 19/23
24. UX向上のために工夫した点 Android - 直感的に分かるルール - 配色の配慮 - スムーズなクリア表示 - プレイを妨げないオプション表示 iOS 20/23
25. よくあるオプション表示 Android オプションダイアログを表示するやつ iOS 21/23
26. よくあるオプション表示 Android オプションダイアログを表示するやつ それ、
 本当に必要？
 
 iOS 21/23
27. よくあるオプション表示 Android オプションダイアログを表示するやつ それ、
 本当に必要？
 不要不急のダイアログでは...？
 iOS 21/23
28. プレイを妨げないオプション表示 Android その場で項目を下に展開 - パズルが見えたままなので プレイ感が継続する - 識別補助機能の切り替わりが 見えるので分かりやすい - 閉じやすい iOS 22/23
29. 超快適ゲーム、是非遊んでみてね Android Push - ブロックを押して動かすパズル
 iOS 23/23
30. GameUI.net Android ゲームのUIを研究するサイト を始めました！ iOS http://game-ui.net/ 24/23