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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
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
230
お気軽にチャレンジ モダンフロントエンド
firecolor
0
400
やろうぜ!プロトタイピング
firecolor
1
310
UXを考えたら問い合わせが倍増した話
firecolor
2
530
Other Decks in Design
See All in Design
チームをデザイン対象にする / Design for your team
kaminashi
1
500
AIエージェントが対話的なUIを返す!MCP−UIで変わるユーザ体験
daitasu
1
140
Shaolin_Showdown
solmetts
0
280
新規AIプロダクトで、事前に知るべきだった3つの壁 〜医療AIを1年間作って、従来の開発が通用しなかった話〜 / Three Walls in Building AI Products
shikichee
2
3.1k
「デザイン」の自分ごと化から始める、デザインピープルのふるまい
mewmo
PRO
0
160
30分でわかるインサイトマネジメント(2025年12月バージョン)
centou
1
300
【MIXI MEETUP!ー TECH & DESIGN DAYー】【工数98%削減】Xでモンストを話題にせよ!生成AIの活用で日本トレンド6位を獲得した企画の設計&デザイン術
mixi_design
PRO
0
190
組織はみんなでつくる。デザイナーが仕掛ける急拡大する組織のカルチャーづくり
mkasumi
0
1.1k
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
loglass2019
1
7k
AI時代に問われる、リサーチの感受性──地域⇄大企業の現場から見えた「違和感」との向き合い方
muture
PRO
0
420
大きな変化の中で、わたしが向き合ったこと #もがく中堅デザイナー
bengo4com
1
1.4k
Correspondence:共に生成していく過程
akiramotomura
0
190
Featured
See All Featured
Building Flexible Design Systems
yeseniaperezcruz
330
40k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.4k
New Earth Scene 8
popppiees
1
1.5k
Stop Working from a Prison Cell
hatefulcrawdad
273
21k
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
kimpetersen
PRO
0
230
Why You Should Never Use an ORM
jnunemaker
PRO
61
9.7k
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
1
430
Deep Space Network (abreviated)
tonyrice
0
45
Agile Actions for Facilitating Distributed Teams - ADO2019
mkilby
0
110
Balancing Empowerment & Direction
lara
5
880
Into the Great Unknown - MozCon
thekraken
40
2.2k
The Curious Case for Waylosing
cassininazir
0
230
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 ありがとうございました