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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Kazuki YAMASHITA
November 26, 2017
Design
6
1.3k
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
910
Core skills of the Design for Front-end
ykazu
17
51k
Primer of Information Architecture 2018
ykazu
5
590
Sustinable Frontend Design
ykazu
8
1.7k
Primer of Information Architecture 2016
ykazu
5
2.1k
Think Design for Future.
ykazu
5
1.4k
Other Decks in Design
See All in Design
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
takanorip
1
910
公開スライド)熊本市様-電子申請中級編
garyuten
0
870
企業にデザインが融けたとき、デザイナーにできること。事業会社12年間の探究と葛藤 / Designship2025
visional_engineering_and_design
0
1.4k
Ralph Penel Portfolio
ralphpenel
0
290
Storyboard Exercise: Chase Sequence
lynteo
1
210
デザインを信じていますか
sekiguchiy
1
980
Crisp Code inc.|ブランドガイドライン - Brand guidelines
so_kotani
1
310
AIでデザインをつくる:基礎編
kenichiota0711
3
2.6k
新規AIプロダクトで、事前に知るべきだった3つの壁 〜医療AIを1年間作って、従来の開発が通用しなかった話〜 / Three Walls in Building AI Products
shikichee
2
3.5k
アイデアを加速させる!Firefly ボードで発想の幅を広げよう
connecre
1
320
文化のデザイン - Soft Impact of Design
atsushihomma
0
140
新卒2年目デザイナーが、UX検定基礎にチャレンジした話
designer_no_pon
0
1.2k
Featured
See All Featured
First, design no harm
axbom
PRO
2
1.1k
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
62
50k
Being A Developer After 40
akosma
91
590k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
helenjbeal
1
130
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
inesmontani
PRO
0
230
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
sarafernandez
1
1.3k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
jQuery: Nuts, Bolts and Bling
dougneiner
65
8.4k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
chikuwait
0
350
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.7k
For a Future-Friendly Web
brad_frost
182
10k
B2B Lead Gen: Tactics, Traps & Triumph
marketingsoph
0
60
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