Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
ゲームで学ぶUI/UX
Search
firecolor
October 16, 2018
Design
0
430
ゲームで学ぶ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
210
ワンランク上のデザイナーになる コーディングことはじめ
firecolor
0
220
お気軽にチャレンジ モダンフロントエンド
firecolor
0
400
やろうぜ!プロトタイピング
firecolor
1
310
UXを考えたら問い合わせが倍増した話
firecolor
2
520
Other Decks in Design
See All in Design
佐藤千晶|ポートフォリオ
chimi_chia
0
410
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
takanorip
0
820
そのUIコンポーネント、これから先も使えますか?―Headless UI,Open UI,グローバルデザインシステム
sakito
2
2.4k
自分たちがターゲットになりにくい業務アプリケーションのユーザビリティを担保する取り組み / Initiatives to ensure the usability of business applications that are difficult for us to target
hiromitsuuuuu
1
1.1k
街・都市という眼差し。まちづくりにおける規範と実践
sakamon
1
250
「自分の仕事はどこまで?」と問い続けたら。デザイナーの「視座」を考える
mukai_takeru
0
260
【MIXI MEETUP!ー TECH & DESIGN DAYー】【工数98%削減】Xでモンストを話題にせよ!生成AIの活用で日本トレンド6位を獲得した企画の設計&デザイン術
mixi_design
PRO
0
180
DESIGNEAST 2025 A-3
_kotobuki_
0
120
【pmconf2025】PdMの頭の中を見える化する体験構造図
kamechi7222222
1
1.4k
BXデザイン組織が挑んだスクラム 〜ブランドを育み、デザイナーを解放する変革の物語〜(Scrum Fest Mikawa 2025)
tadashiinoue
0
970
maki setoguchi
maki_setoguchi
0
590
OSO2025-マサカリと太陽:伝え方の情報デザイン
majimasachi
0
570
Featured
See All Featured
The Limits of Empathy - UXLibs8
cassininazir
1
190
Redefining SEO in the New Era of Traffic Generation
szymonslowik
1
150
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.2k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
231
22k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
kimpetersen
PRO
0
38
Neural Spatial Audio Processing for Sound Field Analysis and Control
skoyamalab
0
120
Discover your Explorer Soul
emna__ayadi
2
1k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
chikuwait
0
21
The Art of Programming - Codeland 2020
erikaheidi
56
14k
Claude Code どこまでも/ Claude Code Everywhere
nwiizo
61
47k
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
Building Better People: How to give real-time feedback that sticks.
wjessup
370
20k
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 ありがとうございました