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
390
ゲームで学ぶ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
180
ワンランク上のデザイナーになる コーディングことはじめ
firecolor
0
200
お気軽にチャレンジ モダンフロントエンド
firecolor
0
380
やろうぜ!プロトタイピング
firecolor
1
280
UXを考えたら問い合わせが倍増した話
firecolor
2
470
Other Decks in Design
See All in Design
AIと創る広告の未来 ― タップルと極AIお台場スタジオの最新事例― / ai-tapple-odaiba
cyberagentdevelopers
PRO
1
610
藤本佳子・ポートフォリオ・2025/01
yoshi_designer
0
1.6k
世界中のチームワークをどうデザインしているのか
ka3zu1ma10
0
270
(第1回) アーキテクト・テックリード育成講座
masakaya
0
130
デザインできるもの、できないもの | Designship 2024 | Yasuhiro Yokota
yasuhiroyokota
2
980
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 移動・不動産領域の取り組み
tmtgtkhs
0
190
Les petites aventures de CSS, saison 2025
goetter
3
3.9k
コンセプトで経営・事業・組織を動かす、 Ameba20周年ブランディング / ameba-20th-branding
cyberagentdevelopers
PRO
1
490
The Very Small Creatures - dressing up warm sequence
lizziestoryboards
0
130
Дизайн услуги через её визуализацию с Картой процесса-опыта
ashapiro
0
190
ENEOS社事例|アプリ事業を加速させるデザイナーの取り組み / dx-eneos-design
cyberagentdevelopers
PRO
1
660
[Designship2024] デザインの力でサービスの価値を追求していたら、組織全体をデザインしていた話
okakasoysauce
2
1k
Featured
See All Featured
Learning to Love Humans: Emotional Interface Design
aarron
274
40k
Testing 201, or: Great Expectations
jmmastey
41
7.2k
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
The Art of Programming - Codeland 2020
erikaheidi
53
13k
GraphQLの誤解/rethinking-graphql
sonatard
68
10k
Code Reviewing Like a Champion
maltzj
521
39k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
A better future with KSS
kneath
238
17k
Designing for humans not robots
tammielis
250
25k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
3
180
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
29
960
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
28
2.2k
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 ありがとうございました