Upgrade to Pro — share decks privately, control downloads, hide ads and more …

ゲームで学ぶUI/UX

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for firecolor firecolor
October 16, 2018
Design
0
430

 ゲームで学ぶUI/UX

2018.10.13のゆるゆるIT勉強会 feat.Reedex Vol.4で発表。
Dist.22の影響を受けて作ったトークでした

Avatar for firecolor

firecolor

October 16, 2018
Tweet

More Decks by firecolor

See All by firecolor
WordPressテーマ作成入門
Avatar for firecolor firecolor
0
210
ワンランク上のデザイナーになる コーディングことはじめ
Avatar for firecolor firecolor
0
230
お気軽にチャレンジ モダンフロントエンド
Avatar for firecolor firecolor
0
400
やろうぜ！プロトタイピング
Avatar for firecolor firecolor
1
310
UXを考えたら問い合わせが倍増した話
Avatar for firecolor firecolor
2
530

Other Decks in Design

See All in Design
mount_company_profile
Avatar for mount inc. mount_inc
0
4.8k
【Designship 2025｜10.11】デザイン組織と事業貢献、その挑戦と結果。
Avatar for payatsun payatsusan213
1
900
hicard_credential_202601
Avatar for hicard hicard
0
120
Correspondence：共に生成していく過程
Avatar for Akira Motomura akiramotomura
0
180
Meet, Learn, Grow × AI ― コミュニティで加速するスキル循環 「コミュニティと関わり方」
Avatar for ため tame
1
360
文化のデザイン - Soft Impact of Design
Avatar for Atsushi Homma atsushihomma
0
130
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
Avatar for akatsuki174 akatsuki174
1
780
「余白」と「欲望」を味方につける ——AI時代のデザインエンジニアリングと「越境」の作法 #KNOTS2026
Avatar for koyaman koyaman
1
1.2k
越境するデザイン人材：デザイナーが社会資本となる世界へ
Avatar for Goodpatch Inc. goodpatch
1
500
30分でわかるインサイトマネジメント（2025年12月バージョン）
Avatar for Centou centou
0
290
OSO2025-マサカリと太陽：伝え方の情報デザイン
Avatar for majimasachi majimasachi
0
670
AI情報に溺れながら、それでも頑張って泳ぐための思考法
Avatar for Iori67 yoriss67
0
120

Featured

See All Featured
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
150
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
59
6.3k
Technical Leadership for Architectural Decision Making
Avatar for Kenny Baas-Schwegler baasie
1
230
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
120
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
133
19k
How to Grow Your eCommerce with AI & Automation
Avatar for Katarina Dahlin katarinadahlin
PRO
0
100
What’s in a name? Adding method to the madness
Avatar for The Alliance productmarketing
PRO
24
3.9k
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
0
430
Conquering PDFs: document understanding beyond plain text
Avatar for Ines Montani inesmontani
PRO
4
2.3k
Navigating Weather and Climate Data
Avatar for Ryan Abernathey rabernat
0
85
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
162
24k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
16k

Transcript

  1. None

  2. ゲームのUI/UX

  3. ゲームのUI/UX • 実は学べることが多い！ • ユーザーにさらされまくるUI • ゲームそのものがUX

  4. 今回は Besiege ＆ KEEP TALKING a n d NOBODY EXPLODES

    ゲームのUI/UX

  5. Besiege

  6. Besiege編

  7. どんなゲームか？ Besiege編 • 自由に乗り物や兵器を作るSandboxゲーム • 兵器を作って課題をクリアするモードもある

  8. どんなゲームか？ Besiege編

  9. シンプルで分かりやすいUI Besiege編 • 見ただけでどうすればいいかわかる • 気になることを簡単に試せる

  10. たとえばWebに Besiege編 • 適切なアイコンや記号 • チュートリアルやサポート • 軽快な動作

  11. KEEP TALKING and NOBODY EXPLODES

  12. K EEP TAL K ING a n d NOB OD

    Y EXP LOD ES編

  13. どんなゲームか？ K EEP TAL K ING a n d NOB

    OD Y EXP LOD ES編 • 爆弾解体ゲーム • ローカルでのマルチプレイに特化 • コンピューターゲームなのにコンピューターを 使わない？

  14. どんなゲームか？ K EEP TAL K ING a n d NOB

    OD Y EXP LOD ES編

  15. プレイヤーをワクワクさせるUX • PCでのゲーム画面はシンプル • UI?操作性？紙です • ユーザー同士のコミュニケーションと想像 力を刺激するUX K EEP

    TAL K ING a n d NOB OD Y EXP LOD ES編

  16. たとえばWebに • ウェブだけで終わらない多角的な体験を提供 • サイト上でカード、リアルでポイントやスタン プ • ユーザーごとに役割や制限を与えることで、コ ミュニケーションを推進 K

    EEP TAL K ING a n d NOB OD Y EXP LOD ES編

  17. まとめ

  18. UI/UXは 手段であって目的ではない まとめ

  19. ゲームは遊びじゃない！仕事だ！ まとめ

  20. 登壇者 小泉 誠 こいずみ まこと Website：https://www.firecolor.com/ Blog：http://www.jetbaby.net/ Facebook：Makoto Koizumi Twitter：@FireColor

    Line：@qsn3162t ありがとうございました