Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
ゲームで学ぶ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
450
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
ゲームで学ぶUI/UX
2018.10.13のゆるゆるIT勉強会 feat.Reedex Vol.4で発表。
Dist.22の影響を受けて作ったトークでした
firecolor
October 16, 2018
More Decks by firecolor
See All by firecolor
WordPressテーマ作成入門
firecolor
0
230
ワンランク上のデザイナーになる コーディングことはじめ
firecolor
0
260
お気軽にチャレンジ モダンフロントエンド
firecolor
0
420
やろうぜ!プロトタイピング
firecolor
1
340
UXを考えたら問い合わせが倍増した話
firecolor
2
570
Other Decks in Design
See All in Design
Where Imagination Ends AI Begins
r5ni4
0
460
技術に明るくない人が技術を選ぶために
moco1013
0
140
デザイン組織の"次の"強みづくり
isaikaori
2
310
AVI 2026 Keynote "Vision-Driven Design"
ishii_mit
0
190
人工知能のための哲学塾 ニューロフィロソフィ篇 第参夜「河合隼雄と中空構造」
miyayou
0
110
JBUG大阪#9_登壇資料_引き継ぎで困らないためのBacklogWikiの整え方_ミスと属人化を防ぐために、 “次の人が動ける状態”をどう残すか
webnaut
2
290
Spectrum Tokyo Meetup #26「できることが増えた時、デザイナーは何に時間を使うべきか」
muture
PRO
0
280
凡庸を落とすハーネス
hiromimaeo
2
960
富山デザイン勉強会_生成AIを使ったデザイン制作2026最新版.pdf
keita_yoshikawa
0
150
Webブラウザで動く VJツールをつくる
akirafukuoka
0
110
Figmaを使わなくなった私が、最近していること
mela_dayo
0
110
明日から真似できる、AIでデザインシステムを活用する方法
vivion
0
810
Featured
See All Featured
KATA
mclloyd
PRO
35
16k
Navigating Algorithm Shifts & AI Overviews - #SMXNext
aleyda
1
1.6k
Mozcon NYC 2025: Stop Losing SEO Traffic
samtorres
1
570
AI Search: Where Are We & What Can We Do About It?
aleyda
0
8.1k
The Power of CSS Pseudo Elements
geoffreycrofte
82
6.6k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.6k
How to train your dragon (web standard)
notwaldorf
96
6.9k
A Tale of Four Properties
chriscoyier
163
24k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
livdayseo
0
210
Discover your Explorer Soul
emna__ayadi
2
1.3k
GraphQLとの向き合い方2022年版
quramy
50
15k
sira's awesome portfolio website redesign presentation
elsirapls
0
450
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 ありがとうございました