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
770

Other Decks in Design

See All in Design
自分たちがターゲットになりにくい業務アプリケーションのユーザビリティを担保する取り組み / Initiatives to ensure the usability of business applications that are difficult for us to target
Avatar for Hiromi Morikawa hiromitsuuuuu
1
1.3k
第18回サイゼミ
Avatar for LW lw
1
3.3k
見栄えと使いやすさの先にある 特別感 をデザインする / Designing a Sense of Specialness Beyond Aesthetics and Usability
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
0
250
maki setoguchi
Avatar for Maki / Web Designer maki_setoguchi
0
670
チームで事業価値を生み出す、プロアクティブなデザイナーになるための道のり/ Designship2025_Naya
Avatar for 株式会社ルート root_recruit
0
380
不確実性の時代にみんなで試したFigma × MCP × Cursor ハンズオン
Avatar for PERSOL CAREER Dev | techtekt techtekt
PRO
7
1.8k
“ことば”が苦手なデザイナーへの処方箋 「なんとなく」から「意図」へ、 デザインを動かす言葉の力
Avatar for MIXI DESIGN mixi_design
PRO
1
200
Franks Myth
Avatar for George Frank Hayford-Taylor gfht1
1
410
DMMデザイナーの “AI活用の現在と未来”
Avatar for TakumaS takumasaito
1
450
【pmconf2025】PdMの頭の中を見える化する体験構造図
Avatar for Shigeyuki Kameda kamechi7222222
1
1.9k
Spacemarket Brand Guide
Avatar for Spacemarket spacemarket
2
170
生成AIの不確実性を価値に変える、「ビズリーチ」の体験設計 / KNOTS2026
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
4
710

Featured

See All Featured
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.3k
Marketing to machines
Avatar for Jono Alderson jonoalderson
1
4.7k
The untapped power of vector embeddings
Avatar for Frank van Dijk frankvandijk
1
1.6k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
11
830
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
470k
AI in Enterprises - Java and Open Source to the Rescue
Avatar for ivargrimstad ivargrimstad
0
1.1k
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
Avatar for Andy Polaine apolaine
0
190
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6k
The #1 spot is gone: here's how to win anyway
Avatar for Tamara Novitovic tamaranovitovic
2
950
Information Architects: The Missing Link in Design Systems
Avatar for Michelle Chin soysaucechin
0
780
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.6k
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
Avatar for Christian Goodrich cargoodrich
3
110

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