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

たった1つのUIがサービスの体験を変える -デザインする上で気をつけている2つのこと-

Avatar for Gaku Oyanagi Gaku Oyanagi
July 23, 2018
Design
1
82

たった1つのUIがサービスの体験を変える -デザインする上で気をつけている2つのこと-

2018年7月23日に開催された、U24 Designer Meetupで発表した内容です。

※口頭での説明が多くありました

Avatar for Gaku Oyanagi

Gaku Oyanagi

July 23, 2018
Tweet

More Decks by Gaku Oyanagi

See All by Gaku Oyanagi
共通認識のためのユーザビリティテスト by AIエージェント - Accelerating Value Delivery
Avatar for Gaku Oyanagi gakuoya
1
750

Other Decks in Design

See All in Design
「UXとUIの違い」v2
Avatar for Shirasu3 shirasu3
0
280
文字コントラストを改めて考える / Reevaluating Text Contrast
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
610
DESIGNEAST 2025 A-3
Avatar for Shigeru Kobayashi _kotobuki_
0
110
AIを身近に感じるために、デザイナー全員で一つのサービスを使ってみた
Avatar for Saiko.T _psyc0_
0
330
OSO2025-マサカリと太陽：伝え方の情報デザイン
Avatar for majimasachi majimasachi
0
490
プロダクトリニューアルと同時に進める初めてのデザインシステム
Avatar for PERSOL CAREER Dev | techtekt techtekt
PRO
0
170
ChatGPT、Gemini、Claude は、なぜ似たようなUIを採用しているのか？
Avatar for ふわり fuwarisprit
3
1.7k
【最新】マズロー安達の弟子実績（1期-6期の37人分）
Avatar for マズロー安達 maslow_akkun
0
3.4k
【MIXI MEETUP！ー TECH & DESIGN DAYー】新たなSNS「mixi2」の “0→1”開発の舞台裏：デザイナーが語るプロダクト誕生秘話
Avatar for MIXI DESIGN mixi_design
PRO
0
160
Spectrum Tokyo_ デザイナーが事業責任者になってみた
Avatar for Woo seop Shin shin_2
0
160
アクセシビリティに取り組むメリット
Avatar for Rikiya Ihara / magi magi1125
2
280
【Designship 2025｜10.11】デザイン組織と事業貢献、その挑戦と結果。
Avatar for payatsun payatsusan213
1
770

Featured

See All Featured
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
110k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
10
920
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.5k
Done Done
Avatar for chrislema chrislema
186
16k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
95
14k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
329
39k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
PRO
23
1.5k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
54
7.9k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
25k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
80
6k

Transcript

  1. ͨͬͨ1ͭͷUI͕ αʔϏεͷମݧΛม͑Δ Gaku Oyanagi σβΠϯ͢Δ্ͰؾΛ͚͍ͭͯΔ2ͭͷ͜ͱ

  2. IUUQTFVSFLBEFTJHO .design

  3. ͨͬͨ1ͭͷUI͕ αʔϏεͷମݧΛม͑Δ σβΠϯ͢Δ্ͰؾΛ͚͍ͭͯΔ2ͭͷ͜ͱ

  4. ొ࿥ ೥ྸ֬ೝ ͕͢͞ ͍͍Ͷʂ Ϛονϯά ϝοηʔδ ɾχοΫωʔϜ ɾੑผ ɾੜ೥݄೔ ɾډॅ஍

    PairsͷମݧભҠਤ

  5. ਖ਼͍͠ੜ೥݄೔Λೖྗͯ͠΋Β͑ͳ͍ͱ͍͏՝୊͕͋Γ·ͨ͠

  6. UI

  7. ϢʔβʹޡͬͨߦಈΛͤͯ͞͠·͍ͬͯͨ ɾ͓ࢼ͠ؾ෼ ɾొ࿥Λ؆୯ʹࡁ·͍ͤͨ ద౰ͳੜ೥݄೔Ͱ ਐΉ͜ͱ͕Ͱ͖ͯ ͠·͏ ʹ ݁Ռ UI User

    × ɾॳظ஋͕ೖ͍ͬͯΔ

  8. ϢʔβʹޡͬͨߦಈΛͤͯ͞͠·͍ͬͯͨ ɾॳظ஋͕ೖ͍ͬͯΔ ʹ ݁Ռ UI User × ͜͜Λมߋ͠ɺϢʔβʔ͞Μͷ ߦಈΛม͑ͳ͍ͱ͍͚ͳ͍ ɾ͓ࢼ͠ؾ෼

    ɾొ࿥Λ؆୯ʹࡁ·͍ͤͨ ద౰ͳੜ೥݄೔Ͱ ਐΉ͜ͱ͕Ͱ͖ͯ ͠·͏
  9. None

  10. มߋͨ݁͠Ռ ʹ ݁Ռ UI User × ɾ͓ࢼ͠ؾ෼ ɾొ࿥Λ؆୯ʹࡁ·͍ͤͨ ೖྗͤ͟ΔΛಘͳ͍ ঢ়ଶ

    ɾυϥϜϩʔϧ͔Β ςΩετϑΟʔϧυʹมߋ

  11. ϓϩμΫτͷಛੑ΍ Ϣʔβʔͷײ৘Λཧղͯ͠ UIΛબ୒͢Δ͜ͱ͕େ੾ ͨͬͨ1ͭͷUI͕ɺαʔϏεͷମݧΛม͑ͯ͠·͏͔Β