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
80

たった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
690

Other Decks in Design

See All in Design
Bulletproof Design System with TypeScript
Avatar for takanorip takanorip
6
3.7k
Design Studio Deck | インクルーシブデザインスタジオCULUUM
Avatar for インクルーシブデザインスタジオCULUMU culumu
3
2.4k
freee + Product Design FY25Q4
Avatar for freee freee
4
15k
Мышление дизайнера историями. Как текстовые модели человеческого поведения помогают проектировать
Avatar for Andrew Shapiro ashapiro
0
320
株式会社Muture_ソーシャル推進事業
Avatar for Muture muture
PRO
0
110
Yumika Yamada Portfolio
Avatar for Yumii yumii
0
970
真・altはつけるだけじゃなくて -alt属性の考察 2025年版-
Avatar for Yu Morita securecat
5
1.6k
エンジニアでも捗る デザイナー的思考入門
Avatar for Tsubasa SEKIGUCHI tinykitten
PRO
1
1.1k
デフォルトの16:9（960*540px）のケース / Google Slide Size Test
Avatar for Arthur arthur1
0
3k
サービスリブランディングにおけるイラストレーションシステムの構築と活用事例 / Building and Utilizing an Illustration System in Service Rebranding
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
400
AI時代に淘汰されないデザインのしごと
Avatar for Akinen akinen
1
150
ポートフォリオ_webデザイナー
Avatar for Nami_designer/corder nami_webdesigner
0
120

Featured

See All Featured
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
53k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
54
11k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
271
27k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
328
39k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
2.9k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.4k
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
23
3.6k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
96
6.1k
Designing for Performance
Avatar for Lara Hogan lara
610
69k
Building Applications with DynamoDB
Avatar for Matt Wood mza
95
6.5k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
25
1.8k

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͕ɺαʔϏεͷମݧΛม͑ͯ͠·͏͔Β