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
670

Other Decks in Design

See All in Design
今日から意識できるアクセシビリティ
Avatar for fumiko fumiko
0
240
Goodpatch Tour💙 / We are hiring!
Avatar for Goodpatch Inc. goodpatch
31
860k
Crisp Code inc. ブランドガイドライン
Avatar for So Kotani / Crisp Code inc. CEO so_kotani
1
180
Storyboard Honey
Avatar for Rocío Parrón rocioparronrubio
0
270
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP！】
Avatar for viviON Design vivion
0
710
The Golden Whitney
Avatar for OhTristanArt ohtristanart
PRO
0
500
NAHO SHIMONO_Portfolio2025
Avatar for Naho nahohphp
0
830
事例で学ぶ！今日から使えるWebサービスUI改善ポイント
Avatar for NCDC ncdc
0
150
CMS管理画面のアクセシビリティ
Avatar for Rikiya Ihara / magi magi1125
5
1.6k
パンくずリストかわいい(breadcrumb so cute)
Avatar for Ysuda ysuda
0
270
“ブロック”で作る、WordPress制作フロー変革のすすめ
Avatar for Koots koots2021
4
1.8k
バイアスを凌ぐデザインとコード ―異動直後にどうふるまうか―
Avatar for kkaru kkaru
0
430

Featured

See All Featured
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
299
21k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
270
20k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
53
11k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
Writing Fast Ruby
Avatar for Erik Berlin sferik
628
61k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
10
650
A better future with KSS
Avatar for Kyle Neath kneath
239
17k
KATA
Avatar for Megan Lloyd mclloyd
29
14k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
2.8k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
179
9.8k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
26k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k

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