Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
ユーザーエクスペリエンスデザインのススメ
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
松崎 希
May 11, 2017
Technology
71
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
ユーザーエクスペリエンスデザインのススメ
松崎 希
May 11, 2017
More Decks by 松崎 希
See All by 松崎 希
プレゼンテーション_20250527_松崎希.pdf
hokorin
0
21
Swapskills_UX_vol.1
hokorin
0
62
DevLove2012
hokorin
0
46
KA法ワークショップ
hokorin
0
180
Other Decks in Technology
See All in Technology
"優秀な誰か"の下位互換にならないために
yut0naga1_fa
1
1.8k
Persisting Massive Data with Rails ~Designing for 60 billion rows, and fighting the bottlenecks~ Railsで挑む大量データ永続化 〜600億件を永続化するための設計とボトルネックとの戦い〜
occhi
0
730
二歩目のフロントエンド・ウェブアクセシビリティ
camiha
2
650
V8のArray.prototype.flatを最大約20倍速くするまでと、巨大OSSへの大規模コミットの道のり
riyaamemiya
0
300
Conditional PED-ANOVA: Hyperparameter Importance in Hierarchical & Dynamic Search Spaces
pfn
PRO
0
140
Kiro Crewで「みのるん式」仕事術やってみた
minorun365
PRO
1
240
How to Design Configuration for Rails Applications
willnet
1
830
『SAR衛星データ解析入門』のご紹介とその応用
syuchimu
0
120
コンテナ運用におけるネットワーク・コンテナコストの削減方法/How to Reduce Network and Container Costs in Container Operations
masakiokuda
1
280
大型犬好きによるPugの紹介
yamanoku
1
160
PHPカンファレンス関西の招待状 / Invitation to PHP Conference Kansai
ykanoh
0
190
Benchmarking Disaggregated Serving on vLLM + Dynamo with a Real Coding-Agent Workload
nttcom
1
200
Featured
See All Featured
The untapped power of vector embeddings
frankvandijk
2
1.9k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.6k
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
kimpetersen
PRO
0
500
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
16k
30 Presentation Tips
portentint
PRO
1
430
How Software Deployment tools have changed in the past 20 years
geshan
2
35k
How to make the Groovebox
asonas
2
2.5k
Agile that works and the tools we love
rasmusluckow
331
22k
B2B Lead Gen: Tactics, Traps & Triumph
marketingsoph
1
280
Public Speaking Without Barfing On Your Shoes - THAT 2023
reverentgeek
1
600
The Invisible Side of Design
smashingmag
301
52k
Done Done
chrislema
187
17k
Transcript
ユーザーエクスペリエンスデザイン のススメ for Web Director HCD-Net認定 人間中心設計専門家 松崎 希 presented
by hcdvalue
▪プロフィール 松崎 希 http://www.hokorin.com/ Copyright (C) 2012 hcdvalue All Rights
Reserved. 2000年〜 Webスクール卒業後、派遣やフリーランス にて、Webデザイン・コーディング 2006年〜 Webディレクターとして 株式会社アイ・エム・ジェイに入社。 ▪HCD-Net認定 人間中心設計専門家 ▪ワークショップデザイナー
▪プロフィール 2012年〜 自宅警備員になる。仕事はおもに猫の世話。 Copyright (C) 2012 hcdvalue All Rights Reserved.
▪ユーザーエクスペリエンス (UX)とは Copyright (C) 2012 hcdvalue All Rights Reserved.
▪ユーザーエクスペリエンスとは Copyright (C) 2012 hcdvalue All Rights Reserved. ちょっと気になる人に 誕生日プレゼントを贈る!!
Copyright (C) 2012 hcdvalue All Rights Reserved. なんにしようか・・・ ▪ユーザーエクスペリエンスとは
Copyright (C) 2012 hcdvalue All Rights Reserved. !!!!!!!!!!!!!!! ▪ユーザーエクスペリエンスとは
Copyright (C) 2012 hcdvalue All Rights Reserved. お店の人もハッピー!! ▪ユーザーエクスペリエンスとは
でも ちょっと注意!! Copyright (C) 2012 hcdvalue All Rights Reserved. ▪ユーザーエクスペリエンスとは
Copyright (C) 2012 hcdvalue All Rights Reserved. UI ≒ UX
▪ユーザーエクスペリエンスとは
Copyright (C) 2012 hcdvalue All Rights Reserved. UIはユーザーインターフェース UXはユーザーエクスペリエンス ▪ユーザーエクスペリエンスとは
Copyright (C) 2012 hcdvalue All Rights Reserved. UIは「モノのデザイン」 UXは「コトのデザイン」 ▪ユーザーエクスペリエンスとは
Copyright (C) 2012 hcdvalue All Rights Reserved. UI / UX
▪ユーザーエクスペリエンスとは
UX 人間工学 ユーザビリティ アクセシビリティ UI ユーザー マーケティング Web スマートフォン アジャイル
ステークホルダー ブランディング 販売 ビジュアルデザイン 製品デザイン LeanUX ライティング 経営分析 ハードウェア ソフトウェア システム分析 ユーザーサポート Copyright (C) 2012 hcdvalue All Rights Reserved. もっと沢山 あります。 ▪ユーザーエクスペリエンスとは
Copyright (C) 2012 hcdvalue All Rights Reserved. えっ、でも僕たちは ずっとユーザーのことを考えて デザインしてきたじゃん!!
▪ユーザーエクスペリエンスとは
Copyright (C) 2012 hcdvalue All Rights Reserved. ▪生活モデルの多様化 生活モデルが多様化してきた。
Copyright (C) 2012 hcdvalue All Rights Reserved. 懐かしの黒電話 ▪生活モデルの多様化
Copyright (C) 2012 hcdvalue All Rights Reserved. ガラケー ▪生活モデルの多様化
Copyright (C) 2012 hcdvalue All Rights Reserved. スマートフォン ▪生活モデルの多様化
Copyright (C) 2012 hcdvalue All Rights Reserved. 製造業の不振 ▪生活モデルの多様化
Copyright (C) 2012 hcdvalue All Rights Reserved. サービスの低下 ▪生活モデルの多様化
ユーザーエクスペリエンス実現の ためのHCDプロセス Copyright (C) 2012 hcdvalue All Rights Reserved.
人間中心設計 ▪人間中心設計とは。 ・Human Centered Design(HCD) ・人間中心デザイン、 ユーザー中心デザイン(UCD) とも言います。 ・ISO9241-210で定義されています。 Copyright
(C) 2012 hcdvalue All Rights Reserved.
▪ISO9241-210におけるHCDプロセス Copyright (C) 2012 hcdvalue All Rights Reserved. ユーザを知ろう ユーザのコトを考えよう
解決策を考えよう テストしよう
じゃあ、HCDをどうディレクショ ンに活かすか。 Copyright (C) 2012 hcdvalue All Rights Reserved. ▪HCDをディレクションに活かす
ディレクションでこんなことあり ませんでしたか? Copyright (C) 2012 hcdvalue All Rights Reserved. ▪HCDをディレクションに活かす
Copyright (C) 2012 hcdvalue All Rights Reserved. 終わらないミューティング ▪HCDをディレクションに活かす
Copyright (C) 2012 hcdvalue All Rights Reserved. 話が違う ▪HCDをディレクションに活かす
Copyright (C) 2012 hcdvalue All Rights Reserved. なんでも入れたがる。 ▪HCDをディレクションに活かす
Copyright (C) 2012 hcdvalue All Rights Reserved. 情報設計が・・・ ▪HCDをディレクションに活かす
Copyright (C) 2012 hcdvalue All Rights Reserved. デザインの手戻り ▪HCDをディレクションに活かす
▪ひとつの解決方法 Copyright (C) 2012 hcdvalue All Rights Reserved.
Copyright (C) 2012 hcdvalue All Rights Reserved. ▪ユーザーエクスペリエンスの定義 HCDの手法は、 ディレクションのツール
▪HCDによるディレクション解決方法 Copyright (C) 2012 hcdvalue All Rights Reserved. ワークショップ形式などでのクライ アントとの共有、可視化
Copyright (C) 2012 hcdvalue All Rights Reserved. ユーザー体験のデザインを行う手法 (本質的価値抽出法 KA法)
▪HCDによるディレクション解決方法
Copyright (C) 2012 hcdvalue All Rights Reserved. ユーザー体験のデザインを行う手法 (ペルソナ・シナリオ法) ▪HCDによるディレクション解決方法
Copyright (C) 2012 hcdvalue All Rights Reserved. ・クライアント視点でもなく、 制作者視点でもなくなる。 ・制作者はビジネスモデル、
クライアントは制作フローを 理解できる。 ・目指すところは一緒 ▪HCDによるディレクション解決方法
Copyright (C) 2012 hcdvalue All Rights Reserved. ペーパープロトタイピングで致命的 なミスをなくしておく。 ▪HCDによるディレクション解決方法
Copyright (C) 2012 hcdvalue All Rights Reserved. ストーリーボーディングによるユー ザー体験の検証 ▪HCDによるディレクション解決方法
Copyright (C) 2012 hcdvalue All Rights Reserved. 日々の改善 ▪HCDによるディレクション解決方法
Copyright (C) 2012 hcdvalue All Rights Reserved. ヒューリスティック評価などで日々 の改善 ▪HCDによるディレクション解決方法
Copyright (C) 2012 hcdvalue All Rights Reserved. 認知的ウォークスルーによる、 ユーザー視点からのサイト評価 ▪HCDによるディレクション解決方法
Copyright (C) 2012 hcdvalue All Rights Reserved. ユーザーテストによる問題点発見 ▪HCDによるディレクション解決方法
Copyright (C) 2012 hcdvalue All Rights Reserved. ▪その結果 その結果。
Copyright (C) 2012 hcdvalue All Rights Reserved. 誰がどう考えてもおかしなサービス は阻止できます。 ▪その結果
Copyright (C) 2012 hcdvalue All Rights Reserved. ディレクターとして評価があがります ▪その結果
Copyright (C) 2012 hcdvalue All Rights Reserved. クライアントも制作者もユーザーも 同じチームになれます。 ▪その結果
▪まとめ Copyright (C) 2012 hcdvalue All Rights Reserved. ▪まとめ
Copyright (C) 2012 hcdvalue All Rights Reserved. ユーザーエクスペリエンスデザインは Webディレクターにとって 大きな武器になります。
▪まとめ
Copyright (C) 2012 hcdvalue All Rights Reserved. 一生 でぃれくたー します!
▪まとめ
▪おわり BLOG: http://www.hokorin.com/ Facebook:http://www.facebook.com/hokorin ご清聴ありがとうございました。 社内や勉強会での ワークショップのご相談はお気軽に。 Copyright (C) 2012
hcdvalue All Rights Reserved.