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
ユーザーエクスペリエンスデザインのススメ
Search
松崎 希
May 11, 2017
Technology
0
68
ユーザーエクスペリエンスデザインのススメ
松崎 希
May 11, 2017
Tweet
Share
More Decks by 松崎 希
See All by 松崎 希
プレゼンテーション_20250527_松崎希.pdf
hokorin
0
7
Swapskills_UX_vol.1
hokorin
0
59
DevLove2012
hokorin
0
44
KA法ワークショップ
hokorin
0
170
Other Decks in Technology
See All in Technology
会社紹介資料 / Sansan Company Profile
sansan33
PRO
15
400k
仕様書駆動AI開発の実践: Issue→Skill→PRテンプレで 再現性を作る
knishioka
2
680
ブロックテーマでサイトをリニューアルした話 / 2026-01-31 Kansai WordPress Meetup
torounit
0
480
ClickHouseはどのように大規模データを活用したAIエージェントを全社展開しているのか
mikimatsumoto
0
270
AzureでのIaC - Bicep? Terraform? それ早く言ってよ会議
torumakabe
1
600
学生・新卒・ジュニアから目指すSRE
hiroyaonoe
2
760
【Ubie】AIを活用した広告アセット「爆速」生成事例 | AI_Ops_Community_Vol.2
yoshiki_0316
1
120
生成AIと余白 〜開発スピードが向上した今、何に向き合う?〜
kakehashi
PRO
0
140
生成AIを活用した音声文字起こしシステムの2つの構築パターンについて
miu_crescent
PRO
3
220
Red Hat OpenStack Services on OpenShift
tamemiya
0
130
茨城の思い出を振り返る ~CDKのセキュリティを添えて~ / 20260201 Mitsutoshi Matsuo
shift_evolve
PRO
1
390
AIが実装する時代、人間は仕様と検証を設計する
gotalab555
1
170
Featured
See All Featured
Why Our Code Smells
bkeepers
PRO
340
58k
GitHub's CSS Performance
jonrohan
1032
470k
Practical Orchestrator
shlominoach
191
11k
技術選定の審美眼(2025年版) / Understanding the Spiral of Technologies 2025 edition
twada
PRO
117
110k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.3k
16th Malabo Montpellier Forum Presentation
akademiya2063
PRO
0
52
B2B Lead Gen: Tactics, Traps & Triumph
marketingsoph
0
57
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
sarafernandez
0
120
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
aleyda
1
1.9k
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
3
460
Odyssey Design
rkendrick25
PRO
1
500
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
94
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.