Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
ゲームで学ぶUI/UX
Search
firecolor
October 16, 2018
Design
0
420
ゲームで学ぶUI/UX
2018.10.13のゆるゆるIT勉強会 feat.Reedex Vol.4で発表。
Dist.22の影響を受けて作ったトークでした
firecolor
October 16, 2018
Tweet
Share
More Decks by firecolor
See All by firecolor
WordPressテーマ作成入門
firecolor
0
200
ワンランク上のデザイナーになる コーディングことはじめ
firecolor
0
220
お気軽にチャレンジ モダンフロントエンド
firecolor
0
390
やろうぜ!プロトタイピング
firecolor
1
300
UXを考えたら問い合わせが倍増した話
firecolor
2
510
Other Decks in Design
See All in Design
サービスリブランディングにおけるイラストレーションシステムの構築と活用事例 / Building and Utilizing an Illustration System in Service Rebranding
lycorptech_jp
PRO
0
550
「批評」を習慣にするための仕組みと場のデザイン/uxdesign202507
nikkei_engineer_recruiting
6
790
ビジネスアナリシスはビジネス”分析”じゃないよ!~システム人材が価値を生むための基盤スキルとしてのビジネスアナリシス~
bpstudy
0
610
UX & Accessibilité cognitive : et si vous simplifiiez vraiment l’expérience utilisateur ?
marietournelle35
0
120
BPStudy#213〜ビジネスアナリシスとDDD(ドメイン駆動設計)パネルディスカッション資料 / BPStudy213-panel
haru860
0
470
デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / Best Practices for Building a Consistent Design System from Design to Development
lycorptech_jp
PRO
0
490
harutaka Vision Deck
zenkigenforrecruit
0
190
新しいデザインの難しさ(公開版) / Difficulties in the New Design (public ver.)
usagimaru
1
840
Installing and Running decksh/pdfdeck
ajstarks
1
840
Design Studio Deck | インクルーシブデザインスタジオCULUUM
culumu
3
3.5k
AIで加速するアクセシビリティのこれから
magi1125
3
650
Memory Man v3 (WIP)
storybychad
PRO
0
2.5k
Featured
See All Featured
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
How to train your dragon (web standard)
notwaldorf
96
6.2k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Agile that works and the tools we love
rasmusluckow
329
21k
How STYLIGHT went responsive
nonsquared
100
5.7k
Mobile First: as difficult as doing things right
swwweet
223
9.9k
Practical Orchestrator
shlominoach
190
11k
The Language of Interfaces
destraynor
160
25k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
283
13k
Transcript
None
ゲームのUI/UX
ゲームのUI/UX • 実は学べることが多い! • ユーザーにさらされまくるUI • ゲームそのものがUX
今回は Besiege & KEEP TALKING a n d NOBODY EXPLODES
ゲームのUI/UX
Besiege
Besiege編
どんなゲームか? Besiege編 • 自由に乗り物や兵器を作るSandboxゲーム • 兵器を作って課題をクリアするモードもある
どんなゲームか? Besiege編
シンプルで分かりやすいUI Besiege編 • 見ただけでどうすればいいかわかる • 気になることを簡単に試せる
たとえばWebに Besiege編 • 適切なアイコンや記号 • チュートリアルやサポート • 軽快な動作
KEEP TALKING and NOBODY EXPLODES
K EEP TAL K ING a n d NOB OD
Y EXP LOD ES編
どんなゲームか? K EEP TAL K ING a n d NOB
OD Y EXP LOD ES編 • 爆弾解体ゲーム • ローカルでのマルチプレイに特化 • コンピューターゲームなのにコンピューターを 使わない?
どんなゲームか? K EEP TAL K ING a n d NOB
OD Y EXP LOD ES編
プレイヤーをワクワクさせるUX • PCでのゲーム画面はシンプル • UI?操作性?紙です • ユーザー同士のコミュニケーションと想像 力を刺激するUX K EEP
TAL K ING a n d NOB OD Y EXP LOD ES編
たとえばWebに • ウェブだけで終わらない多角的な体験を提供 • サイト上でカード、リアルでポイントやスタン プ • ユーザーごとに役割や制限を与えることで、コ ミュニケーションを推進 K
EEP TAL K ING a n d NOB OD Y EXP LOD ES編
まとめ
UI/UXは 手段であって目的ではない まとめ
ゲームは遊びじゃない!仕事だ! まとめ
登壇者 小泉 誠 こいずみ まこと Website:https://www.firecolor.com/ Blog:http://www.jetbaby.net/ Facebook:Makoto Koizumi Twitter:@FireColor
Line:@qsn3162t ありがとうございました