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

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

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Gaku Oyanagi Gaku Oyanagi
July 23, 2018
Design
85
1

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

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

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

Avatar for Gaku Oyanagi

Gaku Oyanagi

July 23, 2018

More Decks by Gaku Oyanagi

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

Other Decks in Design

See All in Design
社長の宿題への回答 「新卒×AI」が生み出す価値
Avatar for さき saki822
2
150
デザイナーとエンジニアで 同じ山に登ろう
Avatar for moco moco1013
0
240
【優秀賞＋特別賞】くまモン食いしん坊弁当「くまモンの魔法の柑橘弁当」最終審査資料
Avatar for Shoko shoko_seven11
0
180
デザインとフロントエンドの境界が融ける Claude Code × Figma
Avatar for littlebusters littlebusters
1
2.9k
「ツール」から「パートナー」へ。AI伴走時代のUXデザインとは？～操作を減らし、成果を最大にするための設計～
Avatar for NCDC ncdc
1
640
CULTURE DECK／Creative Director
Avatar for M-HAND,Inc. mhand01
0
1.2k
怖くないアクセシビリティ -カウンターカルチャーとしてのアッカン東京-
Avatar for Yu Morita securecat
1
170
CREATIVE CLASS受講課題｜無印良品を題材としたブランド再構築について
Avatar for satoshi kobayashi happy_ferret153
0
920
hicard_credential_202601
Avatar for hicard hicard
0
240
CULTURE DECK／Marketing Director
Avatar for M-HAND,Inc. mhand01
0
1.3k
Drawing_for_Anim_Final_PDF.pdf
Avatar for Mandalyn Teo lynteo
2
150
20260309_3月ICTデザイン勉強会_地域創生2.0
Avatar for Kimura Atsunobu a2k
0
110

Featured

See All Featured
Exploring the relationship between traditional SERPs and Gen AI search
Avatar for Ray Grieselhuber raygrieselhuber
PRO
2
4k
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
400
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
58k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
5.1k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
3.3k
Heart Work Chapter 1 - Part 1
Avatar for Lake Fama lfama
PRO
7
36k
技術選定の審美眼（2025年版） / Understanding the Spiral of Technologies 2025 edition
Avatar for Takuto Wada twada
PRO
118
120k
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
190
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
330
40k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
163
24k
Lightning talk: Run Django tests with GitHub Actions
Avatar for Sarah Abderemane sabderemane
0
190

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