Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Think of the User Experience not UX
Search
Kazuki YAMASHITA
November 26, 2017
Design
6
1.2k
Think of the User Experience not UX
UX≠ユーザー体験を考えるということ
DevLOVE関西 2017 commitment, 25th Nov 2017
Designed by IMPATH
Kazuki YAMASHITA
November 26, 2017
Tweet
Share
More Decks by Kazuki YAMASHITA
See All by Kazuki YAMASHITA
What Was UX Design All About?
ykazu
2
780
Core skills of the Design for Front-end
ykazu
17
50k
Primer of Information Architecture 2018
ykazu
5
520
Sustinable Frontend Design
ykazu
8
1.6k
Primer of Information Architecture 2016
ykazu
5
1.9k
Think Design for Future.
ykazu
5
1.2k
Other Decks in Design
See All in Design
情報設計からのデザインアプローチ ~ユーザーの声を聞くよりも、もっとデータの声を聞け~
securecat
4
2.5k
Design Your Own App Using Figma by Medha Muppala
gdgmontreal
0
1.5k
プロダクトデザインの「守破離」の「破」について
hayashirine
0
250
ビジョン実現を加速させるデザインプログラムマネージャーの視座とキャリア/ Designship2024_Sato
root_recruit
0
210
ネーミングの極意 - その名は体を現していますか? -
kakukoki
2
400
Findy - デザイナー向け会社紹介 / Hiring Findy's Designers
findyinc
6
56k
コンセプトで経営・事業・組織を動かす、 Ameba20周年ブランディング / ameba-20th-branding
cyberagentdevelopers
PRO
1
410
AIと創る広告の未来 ― タップルと極AIお台場スタジオの最新事例― / ai-tapple-odaiba
cyberagentdevelopers
PRO
1
530
LayerX DesignersDeck
layerx
PRO
0
920
実利の世界で、表現者である
kiyou77
3
150
ABEMAの進化 – 複雑化したコンテンツ構造とUI改善への道 – / abema-ui-improve
cyberagentdevelopers
PRO
2
470
root COMPANY DECK / We are hiring!
root_recruit
1
16k
Featured
See All Featured
Faster Mobile Websites
deanohume
305
30k
Automating Front-end Workflow
addyosmani
1366
200k
Embracing the Ebb and Flow
colly
84
4.5k
The Cost Of JavaScript in 2023
addyosmani
45
7k
Reflections from 52 weeks, 52 projects
jeffersonlam
347
20k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
0
98
BBQ
matthewcrist
85
9.4k
Large-scale JavaScript Application Architecture
addyosmani
510
110k
Thoughts on Productivity
jonyablonski
67
4.4k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
6.9k
Transcript
を考えるということ 25th Nov. 2017 DevLOVE関西 2017 commitment a a/2.4 130
45 ユーザー体験
山下 一樹 電機メーカー IT 部門にてソフトウェアの企画、 アプリ設計、開発に従事。退職し(株)インパスを設立。 UXデザイナーとしてサービスデザイン、 ユーザビリティを専門とするアプリデザイナー。 人間中心設計推進機構、 ヒューマンインタフェース学会所属。
UI と UX デザインを専門 デザインと Web/アプリ開発 改善、情報設計、インタラクションデザイン クライアントは大手・スタートアップが中心
ユーザー体験 を考えるということ UXデザインの今 現場でのUXデザイン UXデザイン、つまり◯◯ UXデザインの今後
期待 予感 記憶 思い出 使った 結果 使う 時間の流れ UXデザインとは?
多くのモノを作れば売れた 良いモノを作ればもっと売れた モノと情報が溢れている スペックやブランドでは売れない スペック 高品質 ブランド 価値はモノから「体験」 オン デマンド
マルチ デバイス ユーザー 参加型 UXデザインの背景
スマフォが欲しいのではなく、スマフォを通じた体験
シェアだけでなく、自身の体験を違う視点で振り返る
マーケティング施策が成功したから? BALMUDA
マーケティング UXデザイン 特定の層 ペルソナ ビジネスがゴール ユーザー理解が起点 マーケティングとUXデザイン
UXデザインのあらゆる手法 ユーザーシナリオ アクティングアウト ジャーニーマップ ペルソナ ユーザーインタビュー エスノグラフィ 上位下位分析法 オブザベーション プロトタイピング
ユーザビリティテスト ヒューリスティック評価 ワイヤーフレーム 発見する 理解する 改善する フェーズに合った UXデザインの手法があり、成果物は共通認識が目的
サービスデザイン ユーザー 理解 問題の 定義 プロト タイピング 実現性 の評価 調査/企画
設計/製造 すべての関係者が参加し反復的なフローを繰り返す
ユーザー体験 を考えるということ UXデザインの今 現場でのUXデザイン UXデザイン、つまり◯◯ UXデザインの今後
クライアント ディレクター デザイナー エンジニア 現場でのUXデザイン
UXの手法で・・・ ジャーニーマップを ビジョンが・・・ ニーズが・・・ 株主の反応が・・・ ビジュアルが・・・ ユーザービリティが・・・ それ実装むり。。。 要件 設計
デザイン 実装 チームは組めても職種ごとにある現実
要件 設計 デザイン 実装 構造化されたデザインシステム プロトタイピング 目に見えるものをまず作る 作っている過程を共有する 例えば最近のデザイナーは変わってきた
要件 設計 デザイン 実装 ユーザー 言語化された共通認識 誰でも始められる UXデザイン ユーザーを意識した誰でもできるUXデザインが必要
ユーザー体験 を考えるということ UXデザインの今 現場でのUXデザイン UXデザイン、つまり◯◯ UXデザインの今後
期待 予感 記憶 思い出 使った 結果 使う 時間の流れ UXデザイン、つまり◯◯
期待 予感 記憶 思い出 使った 結果 使う 時間の流れ UXデザイン、つまり期待
コンビニのお箸 日本では袋に入れてくれるのが「当たり前」のサービス 当たり前の「期待」を考える
検索UIは、今やサジェストされるのが期待される振る舞い 期待される振る舞いを考える
送信 送信 送信 記憶の中にあるもので考える UXデザイン、つまり期待
dev.to web では1秒で遷移すれば正常、ただし状況による 期待を良い意味で裏切ること
期待 予感 記憶 思い出 使った 結果 使う 時間の流れ どんな状況? 期待を考える上で必要な「状況」の理解
モバイルユーザーの「状況: コンテキスト」 対 PC セッションタイムは減少 ▲18% モバイルのトラフィックは増加 20% Google
乗換経路を検索 急いでいるとき、鞄片手に 操作するには難しい? 出発/到着時刻を指定して 検索。 駅までのことは自分で考える。 →駅付近で使用する前提 ジョルダン株式会社
現在地〜目的地を検索 現在地からのルートも示す。 →どこからでも検索可能 出発時刻になると知らせる。 次の行動として、 「いつ出るべきか」が分かる。 Google Maps
期待 予感 記憶 思い出 使った 結果 使う 期待値 ピークエンドルール 感情曲線によるピークとエンド(終わり)がもたらすUX
ピークとエンドの総和がよければ全体のUXがよい記憶だったと判定される考え方
期待から「体験価値」を発見する ユーザー体験 体験価値 体験を通して 得られる価値、感情 「本質的ニーズ」 製品・サービスの 利用体験 〇〇できる 欲求レベル
「ニーズ」 体験知識 トースターで簡単に パンを焦がさず焼き上げる 窯の焼きたてのような おいしいパンを焼きたい ホテルの朝食のように 豊かな毎朝を迎えたい BALMUDA の例
ユーザー体験 を考えるということ UXデザインの今 現場でのUXデザイン UXデザイン、つまり◯◯ UXデザインの今後
変化は緩やかだが大きい #IoT #デジタル<リアル
システムには人の心を惹きつけるものが求められる #対話UI #非コマンド型
職業人である前に私たちは「人」である #共通認識 #期待を考える
ユーザー体験 を考えるということ #共感
a a/2.4 130 45 Thank you. @yamashitakazuki