Tweet
Tweet

Slide 1

Slide 1 text

UI/UXを意識して 超快適なゲーム作ってみた 2020/4/24 yokohama.unity ゆーじ 1/23

Slide 2

Slide 2 text

自己紹介 ゆーじ (Yusuke Nakajima) 筑波大学大学院 修士2年 @yuji_ap
 2/23

Slide 3

Slide 3 text

デザインが好きなエンジニア - 文部科学省後援 色彩検定 2級保有 - 大学で色彩学や認知心理学の授業を履修 - 特にUI/UXデザインに最近ハマってる 3/23

Slide 4

Slide 4 text

本題 4/23

Slide 5

Slide 5 text

超快適なゲームを作りたい 5/23

Slide 6

Slide 6 text

超快適なゲームを作りたい UI/UXをしっかり考え抜いたゲーム
 
 
 5/23

Slide 7

Slide 7 text

1週間でパズルゲーム作りました！ Android Push - ブロックを押して動かすパズル
 iOS 6/23

Slide 8

Slide 8 text

デモ Android iOS 7/23

Slide 9

Slide 9 text

Push - ブロックを押して動かすパズル Android - 各色のブロックを同じ色の枠に 全て移動できたらクリア - 操作はタップのみ - ブロックをタップすると 三角形の指す方向に1マス移動する iOS 8/23

Slide 10

Slide 10 text

UX向上のために工夫した点 Android - 直感的に分かるルール - 配色の配慮 - スムーズなクリア表示 - プレイを妨げないオプション表示 iOS 9/23

Slide 11

Slide 11 text

UX向上のために工夫した点 Android - 直感的に分かるルール - 配色の配慮 - スムーズなクリア表示 - プレイを妨げないオプション表示 iOS 10/23

Slide 12

Slide 12 text

ゲーム前にも操作方法を示唆 Android - 「ブロックをタップしたら良い」 ということをゲーム前にも刷り込む - 三角形の方向に進むアニメーション - そもそもゲームタイトルから予想できる iOS 11/23

Slide 13

Slide 13 text

チュートリアル代わりのパズル Android iOS 12/23

Slide 14

Slide 14 text

UX向上のために工夫した点 Android - 直感的に分かるルール - 配色の配慮 - スムーズなクリア表示 - プレイを妨げないオプション表示 iOS 13/23

Slide 15

Slide 15 text

Adobe Color Android https://color.adobe.com/ja/trends iOS 14/23

Slide 16

Slide 16 text

カラーユニバーサルデザイン Android - 「識別補助機能」をONにすると 見分けやすいように表示される - 推奨配色セットを参考に配色 ( https://jfly.uni-koeln.de/colorset/ ) - [見分けやすい配色 × 2種類の形]で表示 iOS 15/23

Slide 17

Slide 17 text

UX向上のために工夫した点 Android - 直感的に分かるルール - 配色の配慮 - スムーズなクリア表示 - プレイを妨げないオプション表示 iOS 16/23

Slide 18

Slide 18 text

よくあるクリア表示 Android クリアダイアログを表示するやつ iOS 17/23

Slide 19

Slide 19 text

よくあるクリア表示 Android クリアダイアログを表示するやつ それ、
 本当に必要？
 
 iOS 17/23

Slide 20

Slide 20 text

よくあるクリア表示 Android クリアダイアログを表示するやつ それ、
 本当に必要？
 不要不急のダイアログでは...？
 iOS 17/23

Slide 21

Slide 21 text

クリアしたら自動で次のパズルへ Android - ユーザーは基本的には次に進みたい - 開発者としても次に進んで欲しい 　　　勝手に次に進めちゃえばいいのでは？ iOS 18/23

Slide 22

Slide 22 text

クリアしたら自動で次のパズルへ Android - ユーザーは基本的には次に進みたい - 開発者としても次に進んで欲しい 　　　勝手に次に進めちゃえばいいのでは？ サクサク進んで気持ちいい！ 
 プレイが快適！
 iOS 18/23

Slide 23

Slide 23 text

クリアダイアログが適しているゲーム Android - プレイ評価があるゲーム 　リトライしたくなる - 時間に追われるゲーム 　クリア時に休憩したい iOS 19/23

Slide 24

Slide 24 text

UX向上のために工夫した点 Android - 直感的に分かるルール - 配色の配慮 - スムーズなクリア表示 - プレイを妨げないオプション表示 iOS 20/23

Slide 25

Slide 25 text

よくあるオプション表示 Android オプションダイアログを表示するやつ iOS 21/23

Slide 26

Slide 26 text

よくあるオプション表示 Android オプションダイアログを表示するやつ それ、
 本当に必要？
 
 iOS 21/23

Slide 27

Slide 27 text

よくあるオプション表示 Android オプションダイアログを表示するやつ それ、
 本当に必要？
 不要不急のダイアログでは...？
 iOS 21/23

Slide 28

Slide 28 text

プレイを妨げないオプション表示 Android その場で項目を下に展開 - パズルが見えたままなので プレイ感が継続する - 識別補助機能の切り替わりが 見えるので分かりやすい - 閉じやすい iOS 22/23

Slide 29

Slide 29 text

超快適ゲーム、是非遊んでみてね Android Push - ブロックを押して動かすパズル
 iOS 23/23

Slide 30

Slide 30 text

GameUI.net Android ゲームのUIを研究するサイト を始めました！ iOS http://game-ui.net/ 24/23