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

お節介UIになってない？ ゲームに学ぶ『ちょうどいい』フォロー

aicocco
September 12, 2023
Design
0
190

お節介UIになってない？ ゲームに学ぶ『ちょうどいい』フォロー

ユーザーに親切にするあまりに、お節介なUIになってしまうことはないですか？ 迷う人に合わせて行動できる範囲を制限する、進行に詰まらないように画面上に様々な情報を追加する ゲームでこれをやるのは良くないと思うのに、UIを考える時にやってしまいそうになることはありませんか？
アプリだと、チュートリアルを終えないと操作できない・ユーザーが迷わないことを意識しすぎてステップが増えてしまう、などが起こる場合があります。 お節介すぎるUIはユーザーの自律性を奪い、モチベーションの低下にもつながります。
没入感の高いゲームでは、ユーザーに主導権があり自由に世界を探索できます。
ユーザーの自律性とそれによって生まれる没入感について紐解き、UIを考える時のヒントを探ってみます。

aicocco

September 12, 2023
Tweet

More Decks by aicocco

See All by aicocco
エンジニア中心のスタートアップで デザイナーができること
aicocco
4
1.8k

Other Decks in Design

See All in Design
A Designer’s Guide to Documenting Accessibility & User Interactions
stephaniewalter
1
17k
UXA2023 Elle Geraghty - Chat GPT and your content: What works and what doesn’t.
uxaustralia
PRO
0
100
Yukiya Shiba PDF Portfolio
48yukyia
0
150
Customizing Icons to Complement Fonts
strongeron
0
110
UXA2023 Erin Casali - Driving organizational change with co-design
uxaustralia
PRO
0
280
「タクティクスオウガ リボーン」に学ぶ、 過去制作物修正における取捨選択
kenjiclown5
0
330
新しい「はたらく」 をデザインする_Designship2023
kazukikanda
1
160
3 reasons to switch to OKLCH
lovchikov
0
580
Spindle UIのつくりかた / Spindle UI: From Concept to Creation
spindle
3
1.4k
デザイナーの帽子をかぶりながら、チームとの関わり方を考えつづけている話/How does a designer fit in a Scrum Team?
hiromitsuuuuu
5
3.7k
サツドラ社CDOと語る協業DX ドラッグストアアプリNo1評価を得るまでの取り組み
cyberagentdevelopers
PRO
0
590
デザイン組織の持続的成長を実現する“20%ルール“とは？
shunmacher
0
380

Featured

See All Featured
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
101
6.4k
Side Projects
sachag
450
39k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
26
5.5k
Happy Clients
brianwarren
92
6.1k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
44
25k
No one is an island. Learnings from fostering a developers community.
thoeni
14
1.8k
Build your cross-platform service in a week with App Engine
jlugia
223
17k
GraphQLとの向き合い方2022年版
quramy
25
12k
Build The Right Thing And Hit Your Dates
maggiecrowley
23
1.7k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
225
50k
Ruby is Unlike a Banana
tanoku
93
9.9k
A Tale of Four Properties
chriscoyier
150
21k

Transcript

  1. 2023/09/08　DIST.41 「ゲームから学ぶUI/UX IV」 kanro
    お節介UIになってない？
    ゲームに学ぶ


    『ちょうどいい』フォロー

    View Slide

  2. ϗϦλΞΠί
    גࣜձࣾ&-&.&/54
    ϓϩμΫτσβΠφʔ
    9ɿ!LBOSBNF

    View Slide

  3. 方向音痴の人、いますか？

    View Slide

  4. 現実でもゲームでも


    方向音痴
    迷いすぎて詰んでます…

    View Slide

  5. 『あれ？最近迷ってないかも？』

    View Slide

  6. View Slide

  7. 広大なオープンワールド

    View Slide

  8. 動画：ホグワーツ城内

    View Slide

  9. 魔法の光

    View Slide

  10. 動画：魔法の光

    View Slide

  11. View Slide

  12. フロムの死にゲー
    未クリアです…

    View Slide

  13. 光の導き

    View Slide

  14. 光のアイキャッチ

    View Slide

  15. 意外と目立つ
    自然と画面中央にくる松明

    View Slide

  16. View Slide

  17. 相棒のトルガル
    可愛いし癒されるし可愛いです

    View Slide

  18. 動画：トルガルナビ

    View Slide

  19. 動画：カメラナビ

    View Slide

  20. ナビゲーション

    View Slide

  21. 魔法の光 導きの光 トルガル

    View Slide

  22. 世界観に沿った


    ナビゲーション
    没入感を妨げない

    View Slide

  23. ナビゲーションが欲しい時に


    手軽に使える
    使わない時は意識しない

    View Slide

  24. UIが少ない？

    View Slide

  25. 実際は色々表示されます
    使わないUIは非表示にできる

    View Slide

  26. 全部必要な情報

    View Slide

  27. 非戦闘時
    映画を見ている感覚でプレイできる

    View Slide

  28. 情報の出し分けが大事
    必要としている情報に絞って提供する

    View Slide

  29. お節介しすぎてない？
    ・すべてを伝えようとしてないか
    ・必要な情報も削ってないか
    ・便利な機能を押し付けないか
    ・行動を制限してないか

    View Slide

  30. お節介のしすぎは


    ユーザーの主導権を奪う
    便利な機能でも、使わない自由もある

    View Slide

  31. ユーザーの主導権を奪わない


    ちょうどいいフォローを意識
    自分が操作している感、大事

    View Slide

  32. ありがとうございました！

    View Slide