SlideShare a Scribd company logo
1 of 37
Download to read offline
MTDDC Meetup TOKYO 2018
HCD活用をさらに深める
「ユーザー」の考え方
株式会社コンセント プロジェクトマネージャー
笹 原 舞
2018 © Concent, Inc. All RightsReserved. 2
自己紹介
2018 © Concent, Inc. All RightsReserved. 3
https://www.concentinc.jp/
コンセントは、企業と伴走し活動を支えるデザイン会社です。
事業開発やコーポレートコミュニケーション、クリエイティブ開発を、
戦略から実行まで一貫してお手伝いします。
コンセントについて
2018 © Concent, Inc. All RightsReserved. 4
2006年入社以来、カネボウ化粧品案件に従事。コーポ
レートサイトや複数のブランドサイトの構築~運用に加
え、社内の管理ツールなどの構築~運用に携わり、Web
活用におけるアドバイザーも務める。また、Webサイト
構築のみではなくEIA(Enterprise Information
Architecture)観点でのWeb戦略立案なども行い、過去
にはWebガバナンス戦略の立案や、中長期Web戦略立案
からそれを実行するための企業内組織の立ち上げにおけ
るアドバイザーなどの実績がある。ユーザーを中心に問
題解決を行う、特定非営利活動法人 人間中心設計推進機
構(HCD-Net)認定 人間中心設計専門家。
株式会社コンセント
プロジェクトマネージャー
笹原 舞
要は、主に企業のWebサイトと
それを取り巻く組織や環境を
対象にお困りごとの解決を
やっています。
2018 © Concent, Inc. All RightsReserved. 5
今日のお話
2018 © Concent, Inc. All RightsReserved.
「ユーザー」の考え方
HCD活用をさらに深める
6
1
セッションタイトル
2
2018 © Concent, Inc. All RightsReserved. 7
HCD活用 ユーザーの考え方
• HCD概要
• 活用方法(検証)
• 策定のポイント
• 策定方法
1 2
本セッションの全体像
2018 © Concent, Inc. All RightsReserved. 8コンセントの一般的なプロジェクトステップ全体像
サイト全体戦略策定
サイト現状評価/
課題の抽出
ユーザ分析/
UX戦略策定
コンテンツ/機能開発
・新規コンテンツ開発
・新規機能開発
更新/保守業務支援
・サイト運営作業支援
サイト改善プログラム
・ログ分析
・課題改修
・システムパフォーマンス評価
・KPI評価
戦略フェーズ 設計フェーズ 制作フェーズ
原稿作成
ページデザイン
コンテンツ制作
HTML/Flash制作
テンプレート作成
制作品質管理・試験
(システム開発)
ガイドライン作成
ユーザ経験定義
動線設計
ナビゲーション定義
アートディレクション
プロトタイピング
コンテンツ企画
画面設計
CSS/HTML設計
運用ポリシー策定
評価・検証
運用フェーズ
評価・検証
メディア戦略策定
(プロモーション・
マーケティング戦
略)
ユーザー分析/
UX戦略策定
プロジェクトの中での位置づけ
2018 © Concent, Inc. All RightsReserved. 9
HCDの紹介
2018 © Concent, Inc. All RightsReserved. 10
Human Centered Design
の頭文字
HCDとは…?
2018 © Concent, Inc. All RightsReserved. 11
使う人の観点でものを作るためのしくみ
HCDは次の4つのフェーズ[観察][理解][設計][評価]で構成されており、
この手続きを取り入れることで作られるものに利用者の観点を取り入れられ
る、という考え方
コンピュータシステムだけでなく、実は書籍やプロダクト、サービスなど幅
広くこの考え方が有効である
最近ではこのHCDの考え方をビジネスに取り入れた手法として「デザイン思
考(Design Thinking)」というものが普及してきています。
ユーザー体験(ユーザーエクスペリエンス)という考え方も、 HCDプロセス
が基盤
ポイントは、デザイナーがやっているよということではなく、プロジェクト
マネージャがきちんとプロセスとしてこの手続きを取り入れていること、ビ
ジネス主体側がこの考え方を理解しているというところ 抜粋元:
CONCENTコーポレートサイト ひらくデザイン 「HCDとは」(長谷川敦士 著)より
https://www.concentinc.jp/design_research/2010/04/hcd_overview/
HCDとは…?
「使う人の観点で
ものを作るためのしくみ」
…だけ抑えておけば(最初は)大丈夫!
2018 © Concent, Inc. All RightsReserved. 12
出典: 人間中心設計入門
HCDサイクル(ISO9241-210)
利用状況の
把握と明示
ユーザーの
要求事項の明確化
ユーザーの要求事項を
満足させる設計による
解決策の作成
要求事項に対する
設計の評価
人間中心
設計プロセス
の計画
適切な段階へ反復
要求事項へ
適合している
(実装)
0
1
2
3
4
2018 © Concent, Inc. All RightsReserved. 13
HCDの「H」を
考える
2018 © Concent, Inc. All RightsReserved.
Human Centered Design
の頭文字
14
HCDとは…?
「人間」=「ユーザー」
である
2018 © Concent, Inc. All RightsReserved. 15
ユーザー定義
いよいよ
2018 © Concent, Inc. All RightsReserved. 16
「誰に向けたものなのか」
を定めること
届けたい人に適切に伝わるものを
作るためにとても重要
ターゲットユーザーを定める
!
2018 © Concent, Inc. All RightsReserved.
こんなケースを想定してみます
17
新しく発売される、コンビニや
スーパーで買える高級なお茶の
Webサイト制作を受注しました!
よくあるお茶
129円
玉露
1000円
ふつうのお茶
129円
2018 © Concent, Inc. All RightsReserved. 18
全員
洗い出す
メイン
を決める
具体化
する
ターゲットユーザー策定手順
1 2 3
2018 © Concent, Inc. All RightsReserved.
実態を
調査する
or
予想する
全員洗い出す
19
全員
洗い出す
メイン
を決める
具体化
する
クライアント
にヒアリング &
1
1 2 3
2018 © Concent, Inc. All RightsReserved.
新しく発売される、コンビニや
スーパーで買える高級なお茶の
Webサイト制作を受注しました!
お茶の例
20
• 製造メーカー
• 販売元
• 競合企業
• 卸業者
• 運送業者
全員
洗い出す
メイン
を決める
具体化
する
1 2 3
• 代理店
• 販売業者
• 外食企業
• 一般消費者
…など
玉露
1000円
2018 © Concent, Inc. All RightsReserved.
Webサイトで重視する
ユーザーを絞る
(1~3種程度)
メインを決める2
21
「ビジネス上最も重要なステークホルダー」が
「Webサイトのメインターゲット」であるとは限りません!
!
全員
洗い出す
メイン
を決める
具体化
する
1 2 3
2018 © Concent, Inc. All RightsReserved.
お茶の例
22
全員
洗い出す
メイン
を決める
具体化
する
1 2 3
• 製造メーカー
• 販売元
• 競合企業
• 卸業者
• 運送業者
• 代理店
• 販売業者
• 外食企業
• 一般消費者
…など
単価が少し高く
ても満足度や価
値を求めて買っ
てくれる方
2018 © Concent, Inc. All RightsReserved.
お茶の例
23
全員
洗い出す
メイン
を決める
具体化
する
1 2 3
よくあるお茶
129円
玉露
1000円
ふつうのお茶
129円
• 一般消費者
単価が少し高くても
満足度や価値を求め
て買ってくれる方
その中でも…
買うためのもうひと押しを
探している方
2018 © Concent, Inc. All RightsReserved.
メインターゲットユーザーの
キャラクターをイメージする
具体化する3
24
全員
洗い出す
メイン
を決める
具体化
する
1 2 3
2018 © Concent, Inc. All RightsReserved.
お茶の例
25
単価が少し高くても満足度や価値を求めて買ってくれる方の中でも
買うためのもうひと押しを探している方
年代 30代中盤~50代くらい
性別 男性
情報収集手段
仕事以外のことは主にスマートフォンで通
勤中に
価値観
高級なものに触れるときにはコンセプトや
世界観も大切にしたい
全員
洗い出す
メイン
を決める
具体化
する
1 2 3
2018 © Concent, Inc. All RightsReserved.
一般消費者
単価が少し高くても満足度や
価値を求めて買ってくれる方
単価が少し高くても満足度や価値を求めて買ってくれる方の中でも
買うためのもうひと押しを探している方
年代はやや上の30代中盤~50代くらい。
自分ではやや高価だなと思ったらそれを比較検討するくらいには
情報収集は日常的にできる
高級なものに触れるときにはコンセプトや世界観も大切にしたい
全部やるのは無理でも…
26
2018 © Concent, Inc. All RightsReserved. 27
UX
把握・検討
・戦略立案
デザイン(UI)
をつくる
ターゲットユーザー策定の後は…
全員
洗い出す
メイン
を決める
具体化
する
1 2 3
2018 © Concent, Inc. All RightsReserved. 28
検証してみる
2018 © Concent, Inc. All RightsReserved.
HCDサイクル(ISO9241-210)
29
出典: 人間中心設計入門
利用状況の
把握と明示
ユーザーの
要求事項の明確化
ユーザーの要求事項を
満足させる設計による
解決策の作成
要求事項に対する
設計の評価
人間中心
設計プロセス
の計画
適切な段階へ反復
要求事項へ
適合している
(実装)
0
1
2
3
4
2018 © Concent, Inc. All RightsReserved. 30
今日のまとめ
2018 © Concent, Inc. All RightsReserved. 31
全ターゲットの中からWebサイトの
メインターゲットを策定し、
コンテンツやデザインを作るときに
イメージできるレベルまで
落としてみましょう
まとめ
仮説で立てた場合はきちんと検証をするなど、
「使う人の観点でものを作るためのしくみ」が使えるとなおよし
2018 © Concent, Inc. All RightsReserved. 32
1. とにかく関係者を全員洗い出す
2. その中から対象セグメントを定める
3. 「●●な●●」にまで落とす
4. 「●●な●●」の中でWebサイトの
ターゲットは?を決める
5. コンテンツやデザインを作るときに
イメージできるレベルまで落とす
手順のおさらい
2018 © Concent, Inc. All RightsReserved. 33
おまけ
2018 © Concent, Inc. All RightsReserved. 34
作るWebサイトは
どんなキャラクターなのか
を考えるのもオススメ
Webサイトの擬人化
2018 © Concent, Inc. All RightsReserved. 35
さらに
2018 © Concent, Inc. All RightsReserved. 36
「コンセント」で検索!
HCD活用をさらに深める「ユーザー」の考え方|	MTDDC Meetup TOKYO 2018

More Related Content

What's hot

未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-Satoru MURAKOSHI
 
Webデザイナー1年生の為のしおり
Webデザイナー1年生の為のしおりWebデザイナー1年生の為のしおり
Webデザイナー1年生の為のしおりtomoakitomono
 
デザインのためのデザイン
デザインのためのデザインデザインのためのデザイン
デザインのためのデザインMasayuki Uetani
 
対話からはじまるデザインプロセス:UX Japan Forum2015
対話からはじまるデザインプロセス:UX Japan Forum2015対話からはじまるデザインプロセス:UX Japan Forum2015
対話からはじまるデザインプロセス:UX Japan Forum2015Satoru MURAKOSHI
 
Concent Contents Strategy
Concent Contents StrategyConcent Contents Strategy
Concent Contents StrategyConcent, Inc.
 
ChatworkのUXリサーチと プロダクトへの生かし方
ChatworkのUXリサーチと プロダクトへの生かし方ChatworkのUXリサーチと プロダクトへの生かし方
ChatworkのUXリサーチと プロダクトへの生かし方Tomoko Nishina
 
成長するデザイン組織
成長するデザイン組織成長するデザイン組織
成長するデザイン組織Mikihiro Fujii
 
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドラインコーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドラインHiroyuki Makishita
 
企業経営におけるビジネスとデザイン日本マーケティング融合のための方法論の追求
企業経営におけるビジネスとデザイン日本マーケティング融合のための方法論の追求企業経営におけるビジネスとデザイン日本マーケティング融合のための方法論の追求
企業経営におけるビジネスとデザイン日本マーケティング融合のための方法論の追求Silent it/feast/drapology
 
[Presentation]hc dsaloninkyoto2016
[Presentation]hc dsaloninkyoto2016[Presentation]hc dsaloninkyoto2016
[Presentation]hc dsaloninkyoto2016Yuichi Inobori
 
IMG SRC presskit2021-recruit
IMG SRC presskit2021-recruitIMG SRC presskit2021-recruit
IMG SRC presskit2021-recruitssusera9e938
 
社会の価値観が大きく変わるこれからの「インターナル・コミュニケーション
社会の価値観が大きく変わるこれからの「インターナル・コミュニケーション社会の価値観が大きく変わるこれからの「インターナル・コミュニケーション
社会の価値観が大きく変わるこれからの「インターナル・コミュニケーションKoki Kaku
 
【SDNJ】Ligtning talk on sdnj meetup#4
【SDNJ】Ligtning talk on sdnj meetup#4【SDNJ】Ligtning talk on sdnj meetup#4
【SDNJ】Ligtning talk on sdnj meetup#4Yuichi Inobori
 
そもそもディレクターにとって失敗とは何か
そもそもディレクターにとって失敗とは何かそもそもディレクターにとって失敗とは何か
そもそもディレクターにとって失敗とは何かSatoru MURAKOSHI
 
誰のためのUI? - モノづくりのゴールを実現するフレームワーク -
誰のためのUI?  - モノづくりのゴールを実現するフレームワーク -誰のためのUI?  - モノづくりのゴールを実現するフレームワーク -
誰のためのUI? - モノづくりのゴールを実現するフレームワーク -Mikihiro Fujii
 
SketchがAndroidのUIデザインに向いているワケ
SketchがAndroidのUIデザインに向いているワケSketchがAndroidのUIデザインに向いているワケ
SketchがAndroidのUIデザインに向いているワケAsami Yamamoto
 
エクスペリエンスデザインによる価値創出- how to reframe the value by UX design-
エクスペリエンスデザインによる価値創出- how to reframe the value by UX design-エクスペリエンスデザインによる価値創出- how to reframe the value by UX design-
エクスペリエンスデザインによる価値創出- how to reframe the value by UX design-Yuichi Inobori
 
風呂場で考えるUIデザイナーの未来
風呂場で考えるUIデザイナーの未来風呂場で考えるUIデザイナーの未来
風呂場で考えるUIデザイナーの未来Masayuki Uetani
 
[Lecture]UX_business*design
[Lecture]UX_business*design[Lecture]UX_business*design
[Lecture]UX_business*designYuichi Inobori
 

What's hot (20)

未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
 
Webデザイナー1年生の為のしおり
Webデザイナー1年生の為のしおりWebデザイナー1年生の為のしおり
Webデザイナー1年生の為のしおり
 
デザインのためのデザイン
デザインのためのデザインデザインのためのデザイン
デザインのためのデザイン
 
対話からはじまるデザインプロセス:UX Japan Forum2015
対話からはじまるデザインプロセス:UX Japan Forum2015対話からはじまるデザインプロセス:UX Japan Forum2015
対話からはじまるデザインプロセス:UX Japan Forum2015
 
Concent Contents Strategy
Concent Contents StrategyConcent Contents Strategy
Concent Contents Strategy
 
ChatworkのUXリサーチと プロダクトへの生かし方
ChatworkのUXリサーチと プロダクトへの生かし方ChatworkのUXリサーチと プロダクトへの生かし方
ChatworkのUXリサーチと プロダクトへの生かし方
 
成長するデザイン組織
成長するデザイン組織成長するデザイン組織
成長するデザイン組織
 
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドラインコーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドライン
 
20150806_UXnama_Goodpatch
20150806_UXnama_Goodpatch20150806_UXnama_Goodpatch
20150806_UXnama_Goodpatch
 
企業経営におけるビジネスとデザイン日本マーケティング融合のための方法論の追求
企業経営におけるビジネスとデザイン日本マーケティング融合のための方法論の追求企業経営におけるビジネスとデザイン日本マーケティング融合のための方法論の追求
企業経営におけるビジネスとデザイン日本マーケティング融合のための方法論の追求
 
[Presentation]hc dsaloninkyoto2016
[Presentation]hc dsaloninkyoto2016[Presentation]hc dsaloninkyoto2016
[Presentation]hc dsaloninkyoto2016
 
IMG SRC presskit2021-recruit
IMG SRC presskit2021-recruitIMG SRC presskit2021-recruit
IMG SRC presskit2021-recruit
 
社会の価値観が大きく変わるこれからの「インターナル・コミュニケーション
社会の価値観が大きく変わるこれからの「インターナル・コミュニケーション社会の価値観が大きく変わるこれからの「インターナル・コミュニケーション
社会の価値観が大きく変わるこれからの「インターナル・コミュニケーション
 
【SDNJ】Ligtning talk on sdnj meetup#4
【SDNJ】Ligtning talk on sdnj meetup#4【SDNJ】Ligtning talk on sdnj meetup#4
【SDNJ】Ligtning talk on sdnj meetup#4
 
そもそもディレクターにとって失敗とは何か
そもそもディレクターにとって失敗とは何かそもそもディレクターにとって失敗とは何か
そもそもディレクターにとって失敗とは何か
 
誰のためのUI? - モノづくりのゴールを実現するフレームワーク -
誰のためのUI?  - モノづくりのゴールを実現するフレームワーク -誰のためのUI?  - モノづくりのゴールを実現するフレームワーク -
誰のためのUI? - モノづくりのゴールを実現するフレームワーク -
 
SketchがAndroidのUIデザインに向いているワケ
SketchがAndroidのUIデザインに向いているワケSketchがAndroidのUIデザインに向いているワケ
SketchがAndroidのUIデザインに向いているワケ
 
エクスペリエンスデザインによる価値創出- how to reframe the value by UX design-
エクスペリエンスデザインによる価値創出- how to reframe the value by UX design-エクスペリエンスデザインによる価値創出- how to reframe the value by UX design-
エクスペリエンスデザインによる価値創出- how to reframe the value by UX design-
 
風呂場で考えるUIデザイナーの未来
風呂場で考えるUIデザイナーの未来風呂場で考えるUIデザイナーの未来
風呂場で考えるUIデザイナーの未来
 
[Lecture]UX_business*design
[Lecture]UX_business*design[Lecture]UX_business*design
[Lecture]UX_business*design
 

Similar to HCD活用をさらに深める「ユーザー」の考え方| MTDDC Meetup TOKYO 2018

コンテンツ戦略の第一歩 -理解・納得・共感を生む体験のデザイン-
コンテンツ戦略の第一歩 -理解・納得・共感を生む体験のデザイン-コンテンツ戦略の第一歩 -理解・納得・共感を生む体験のデザイン-
コンテンツ戦略の第一歩 -理解・納得・共感を生む体験のデザイン-Concent, Inc.
 
20180322 wingarc saikido_panel
20180322 wingarc saikido_panel20180322 wingarc saikido_panel
20180322 wingarc saikido_panelHideki Ojima
 
171116 海外企業、国内スタートアップで注目を集める「カスタマーサクセス」
171116 海外企業、国内スタートアップで注目を集める「カスタマーサクセス」171116 海外企業、国内スタートアップで注目を集める「カスタマーサクセス」
171116 海外企業、国内スタートアップで注目を集める「カスタマーサクセス」カラクリ株式会社
 
昨今のデジタルマーケティング市場とその展望:2018夏
昨今のデジタルマーケティング市場とその展望:2018夏昨今のデジタルマーケティング市場とその展望:2018夏
昨今のデジタルマーケティング市場とその展望:2018夏Teiichi Ota
 
11年モノのテックブログを引き継いでから始めたこと、続けたこと、やめたこと
11年モノのテックブログを引き継いでから始めたこと、続けたこと、やめたこと11年モノのテックブログを引き継いでから始めたこと、続けたこと、やめたこと
11年モノのテックブログを引き継いでから始めたこと、続けたこと、やめたことManabu Yamamoto
 
Co-Creative時代の企画・ディレクション 先生:阿部淳也
Co-Creative時代の企画・ディレクション 先生:阿部淳也Co-Creative時代の企画・ディレクション 先生:阿部淳也
Co-Creative時代の企画・ディレクション 先生:阿部淳也schoowebcampus
 
インタラクティブクリエイターズ会社概要 201204glbl
インタラクティブクリエイターズ会社概要 201204glblインタラクティブクリエイターズ会社概要 201204glbl
インタラクティブクリエイターズ会社概要 201204glblInteractive Creators Tokyo
 
ローカルプロダクション富川屋
ローカルプロダクション富川屋ローカルプロダクション富川屋
ローカルプロダクション富川屋tomikawaya
 
Moribus Navi_221031.pdf
Moribus Navi_221031.pdfMoribus Navi_221031.pdf
Moribus Navi_221031.pdfssuser6ddbba1
 
業務エンジニアのためのWebサイト制作手順
業務エンジニアのためのWebサイト制作手順業務エンジニアのためのWebサイト制作手順
業務エンジニアのためのWebサイト制作手順Masaya Okamoto
 
変化も安定もほしいならプロダクトを作れる人になろう
変化も安定もほしいならプロダクトを作れる人になろう変化も安定もほしいならプロダクトを作れる人になろう
変化も安定もほしいならプロダクトを作れる人になろうYumaMannami
 
AnyTag MarketPlace_credential_ver1(2022Q4)_ja.pdf
AnyTag MarketPlace_credential_ver1(2022Q4)_ja.pdfAnyTag MarketPlace_credential_ver1(2022Q4)_ja.pdf
AnyTag MarketPlace_credential_ver1(2022Q4)_ja.pdfKahoYamada1
 
20220524_採用ピッチ
20220524_採用ピッチ20220524_採用ピッチ
20220524_採用ピッチSAIRU
 
ic顧客開拓研究会_20210806
ic顧客開拓研究会_20210806ic顧客開拓研究会_20210806
ic顧客開拓研究会_20210806Kiyomi Mizusaki
 

Similar to HCD活用をさらに深める「ユーザー」の考え方| MTDDC Meetup TOKYO 2018 (20)

「わたしたちがアクセシビリティに 取り組む理由」
「わたしたちがアクセシビリティに 取り組む理由」「わたしたちがアクセシビリティに 取り組む理由」
「わたしたちがアクセシビリティに 取り組む理由」
 
コンテンツ戦略の第一歩 -理解・納得・共感を生む体験のデザイン-
コンテンツ戦略の第一歩 -理解・納得・共感を生む体験のデザイン-コンテンツ戦略の第一歩 -理解・納得・共感を生む体験のデザイン-
コンテンツ戦略の第一歩 -理解・納得・共感を生む体験のデザイン-
 
戦略広報における オウンドメディアコミュニケーションとは
戦略広報における オウンドメディアコミュニケーションとは戦略広報における オウンドメディアコミュニケーションとは
戦略広報における オウンドメディアコミュニケーションとは
 
20180322 wingarc saikido_panel
20180322 wingarc saikido_panel20180322 wingarc saikido_panel
20180322 wingarc saikido_panel
 
171116 海外企業、国内スタートアップで注目を集める「カスタマーサクセス」
171116 海外企業、国内スタートアップで注目を集める「カスタマーサクセス」171116 海外企業、国内スタートアップで注目を集める「カスタマーサクセス」
171116 海外企業、国内スタートアップで注目を集める「カスタマーサクセス」
 
昨今のデジタルマーケティング市場とその展望:2018夏
昨今のデジタルマーケティング市場とその展望:2018夏昨今のデジタルマーケティング市場とその展望:2018夏
昨今のデジタルマーケティング市場とその展望:2018夏
 
11年モノのテックブログを引き継いでから始めたこと、続けたこと、やめたこと
11年モノのテックブログを引き継いでから始めたこと、続けたこと、やめたこと11年モノのテックブログを引き継いでから始めたこと、続けたこと、やめたこと
11年モノのテックブログを引き継いでから始めたこと、続けたこと、やめたこと
 
Co-Creative時代の企画・ディレクション 先生:阿部淳也
Co-Creative時代の企画・ディレクション 先生:阿部淳也Co-Creative時代の企画・ディレクション 先生:阿部淳也
Co-Creative時代の企画・ディレクション 先生:阿部淳也
 
Intranet20
Intranet20Intranet20
Intranet20
 
インタラクティブクリエイターズ会社概要 201204glbl
インタラクティブクリエイターズ会社概要 201204glblインタラクティブクリエイターズ会社概要 201204glbl
インタラクティブクリエイターズ会社概要 201204glbl
 
ローカルプロダクション富川屋
ローカルプロダクション富川屋ローカルプロダクション富川屋
ローカルプロダクション富川屋
 
Moribus Navi_221031.pdf
Moribus Navi_221031.pdfMoribus Navi_221031.pdf
Moribus Navi_221031.pdf
 
Thanks gift
Thanks giftThanks gift
Thanks gift
 
業務エンジニアのためのWebサイト制作手順
業務エンジニアのためのWebサイト制作手順業務エンジニアのためのWebサイト制作手順
業務エンジニアのためのWebサイト制作手順
 
変化も安定もほしいならプロダクトを作れる人になろう
変化も安定もほしいならプロダクトを作れる人になろう変化も安定もほしいならプロダクトを作れる人になろう
変化も安定もほしいならプロダクトを作れる人になろう
 
AnyTag MarketPlace_credential_ver1(2022Q4)_ja.pdf
AnyTag MarketPlace_credential_ver1(2022Q4)_ja.pdfAnyTag MarketPlace_credential_ver1(2022Q4)_ja.pdf
AnyTag MarketPlace_credential_ver1(2022Q4)_ja.pdf
 
Bazaar
BazaarBazaar
Bazaar
 
玉腰泰三事業案内
玉腰泰三事業案内玉腰泰三事業案内
玉腰泰三事業案内
 
20220524_採用ピッチ
20220524_採用ピッチ20220524_採用ピッチ
20220524_採用ピッチ
 
ic顧客開拓研究会_20210806
ic顧客開拓研究会_20210806ic顧客開拓研究会_20210806
ic顧客開拓研究会_20210806
 

More from Concent, Inc.

ビジネスを加速するためのウェブサイト運営戦略
ビジネスを加速するためのウェブサイト運営戦略ビジネスを加速するためのウェブサイト運営戦略
ビジネスを加速するためのウェブサイト運営戦略Concent, Inc.
 
伝わるスライドデザイン術
伝わるスライドデザイン術伝わるスライドデザイン術
伝わるスライドデザイン術Concent, Inc.
 
可能性をひらくインクルーシブデザイン
可能性をひらくインクルーシブデザイン可能性をひらくインクルーシブデザイン
可能性をひらくインクルーシブデザインConcent, Inc.
 
愛されるブランドになる方法 -ブランド価値を定義するための知識とプロセス-
愛されるブランドになる方法 -ブランド価値を定義するための知識とプロセス-愛されるブランドになる方法 -ブランド価値を定義するための知識とプロセス-
愛されるブランドになる方法 -ブランド価値を定義するための知識とプロセス-Concent, Inc.
 
著作権侵害をしない、されないために。 クリエイティブの現場で出あう「法律」との向き合い方
著作権侵害をしない、されないために。 クリエイティブの現場で出あう「法律」との向き合い方著作権侵害をしない、されないために。 クリエイティブの現場で出あう「法律」との向き合い方
著作権侵害をしない、されないために。 クリエイティブの現場で出あう「法律」との向き合い方Concent, Inc.
 
大企業のWebガバナンス、次の一手を探る ーウェブサイト統括・運営の先にある課題解決に向けてー
大企業のWebガバナンス、次の一手を探る ーウェブサイト統括・運営の先にある課題解決に向けてー大企業のWebガバナンス、次の一手を探る ーウェブサイト統括・運営の先にある課題解決に向けてー
大企業のWebガバナンス、次の一手を探る ーウェブサイト統括・運営の先にある課題解決に向けてーConcent, Inc.
 
ユーザーを知るためのインタビュー調査入門
ユーザーを知るためのインタビュー調査入門ユーザーを知るためのインタビュー調査入門
ユーザーを知るためのインタビュー調査入門Concent, Inc.
 
撮影ディレクション基本と実践 -心揺さぶるビジュアル開発の現場-
撮影ディレクション基本と実践 -心揺さぶるビジュアル開発の現場-撮影ディレクション基本と実践 -心揺さぶるビジュアル開発の現場-
撮影ディレクション基本と実践 -心揺さぶるビジュアル開発の現場-Concent, Inc.
 
多様性の時代を生きる、私たちのデザイン -インクルーシブデザインとサービスデザインを語る-
多様性の時代を生きる、私たちのデザイン -インクルーシブデザインとサービスデザインを語る-多様性の時代を生きる、私たちのデザイン -インクルーシブデザインとサービスデザインを語る-
多様性の時代を生きる、私たちのデザイン -インクルーシブデザインとサービスデザインを語る-Concent, Inc.
 
伝わるスライドデザイン術
伝わるスライドデザイン術伝わるスライドデザイン術
伝わるスライドデザイン術Concent, Inc.
 
ビジネスを加速するためのウェブサイト運営戦略
ビジネスを加速するためのウェブサイト運営戦略ビジネスを加速するためのウェブサイト運営戦略
ビジネスを加速するためのウェブサイト運営戦略Concent, Inc.
 
株式会社コンセントのご紹介
株式会社コンセントのご紹介株式会社コンセントのご紹介
株式会社コンセントのご紹介Concent, Inc.
 
可能性をひらくインクルーシブデザイン
可能性をひらくインクルーシブデザイン可能性をひらくインクルーシブデザイン
可能性をひらくインクルーシブデザインConcent, Inc.
 
柔軟なプロジェクトデザインのコツ
柔軟なプロジェクトデザインのコツ柔軟なプロジェクトデザインのコツ
柔軟なプロジェクトデザインのコツConcent, Inc.
 
DXとデザイン思考 -実践にみる、DX推進におけるデザインの有用性と可能性-
DXとデザイン思考 -実践にみる、DX推進におけるデザインの有用性と可能性-DXとデザイン思考 -実践にみる、DX推進におけるデザインの有用性と可能性-
DXとデザイン思考 -実践にみる、DX推進におけるデザインの有用性と可能性-Concent, Inc.
 
ターゲットの心を動かすコンテンツ戦略
ターゲットの心を動かすコンテンツ戦略ターゲットの心を動かすコンテンツ戦略
ターゲットの心を動かすコンテンツ戦略Concent, Inc.
 
2020年代のデザインとは? Design by Peopleの時代へ
2020年代のデザインとは? Design by Peopleの時代へ2020年代のデザインとは? Design by Peopleの時代へ
2020年代のデザインとは? Design by Peopleの時代へConcent, Inc.
 
実務視点のデザイン経営
実務視点のデザイン経営実務視点のデザイン経営
実務視点のデザイン経営Concent, Inc.
 
UXとUIのつなぎかた
UXとUIのつなぎかたUXとUIのつなぎかた
UXとUIのつなぎかたConcent, Inc.
 
これからはじめるサービスデザイン
これからはじめるサービスデザインこれからはじめるサービスデザイン
これからはじめるサービスデザインConcent, Inc.
 

More from Concent, Inc. (20)

ビジネスを加速するためのウェブサイト運営戦略
ビジネスを加速するためのウェブサイト運営戦略ビジネスを加速するためのウェブサイト運営戦略
ビジネスを加速するためのウェブサイト運営戦略
 
伝わるスライドデザイン術
伝わるスライドデザイン術伝わるスライドデザイン術
伝わるスライドデザイン術
 
可能性をひらくインクルーシブデザイン
可能性をひらくインクルーシブデザイン可能性をひらくインクルーシブデザイン
可能性をひらくインクルーシブデザイン
 
愛されるブランドになる方法 -ブランド価値を定義するための知識とプロセス-
愛されるブランドになる方法 -ブランド価値を定義するための知識とプロセス-愛されるブランドになる方法 -ブランド価値を定義するための知識とプロセス-
愛されるブランドになる方法 -ブランド価値を定義するための知識とプロセス-
 
著作権侵害をしない、されないために。 クリエイティブの現場で出あう「法律」との向き合い方
著作権侵害をしない、されないために。 クリエイティブの現場で出あう「法律」との向き合い方著作権侵害をしない、されないために。 クリエイティブの現場で出あう「法律」との向き合い方
著作権侵害をしない、されないために。 クリエイティブの現場で出あう「法律」との向き合い方
 
大企業のWebガバナンス、次の一手を探る ーウェブサイト統括・運営の先にある課題解決に向けてー
大企業のWebガバナンス、次の一手を探る ーウェブサイト統括・運営の先にある課題解決に向けてー大企業のWebガバナンス、次の一手を探る ーウェブサイト統括・運営の先にある課題解決に向けてー
大企業のWebガバナンス、次の一手を探る ーウェブサイト統括・運営の先にある課題解決に向けてー
 
ユーザーを知るためのインタビュー調査入門
ユーザーを知るためのインタビュー調査入門ユーザーを知るためのインタビュー調査入門
ユーザーを知るためのインタビュー調査入門
 
撮影ディレクション基本と実践 -心揺さぶるビジュアル開発の現場-
撮影ディレクション基本と実践 -心揺さぶるビジュアル開発の現場-撮影ディレクション基本と実践 -心揺さぶるビジュアル開発の現場-
撮影ディレクション基本と実践 -心揺さぶるビジュアル開発の現場-
 
多様性の時代を生きる、私たちのデザイン -インクルーシブデザインとサービスデザインを語る-
多様性の時代を生きる、私たちのデザイン -インクルーシブデザインとサービスデザインを語る-多様性の時代を生きる、私たちのデザイン -インクルーシブデザインとサービスデザインを語る-
多様性の時代を生きる、私たちのデザイン -インクルーシブデザインとサービスデザインを語る-
 
伝わるスライドデザイン術
伝わるスライドデザイン術伝わるスライドデザイン術
伝わるスライドデザイン術
 
ビジネスを加速するためのウェブサイト運営戦略
ビジネスを加速するためのウェブサイト運営戦略ビジネスを加速するためのウェブサイト運営戦略
ビジネスを加速するためのウェブサイト運営戦略
 
株式会社コンセントのご紹介
株式会社コンセントのご紹介株式会社コンセントのご紹介
株式会社コンセントのご紹介
 
可能性をひらくインクルーシブデザイン
可能性をひらくインクルーシブデザイン可能性をひらくインクルーシブデザイン
可能性をひらくインクルーシブデザイン
 
柔軟なプロジェクトデザインのコツ
柔軟なプロジェクトデザインのコツ柔軟なプロジェクトデザインのコツ
柔軟なプロジェクトデザインのコツ
 
DXとデザイン思考 -実践にみる、DX推進におけるデザインの有用性と可能性-
DXとデザイン思考 -実践にみる、DX推進におけるデザインの有用性と可能性-DXとデザイン思考 -実践にみる、DX推進におけるデザインの有用性と可能性-
DXとデザイン思考 -実践にみる、DX推進におけるデザインの有用性と可能性-
 
ターゲットの心を動かすコンテンツ戦略
ターゲットの心を動かすコンテンツ戦略ターゲットの心を動かすコンテンツ戦略
ターゲットの心を動かすコンテンツ戦略
 
2020年代のデザインとは? Design by Peopleの時代へ
2020年代のデザインとは? Design by Peopleの時代へ2020年代のデザインとは? Design by Peopleの時代へ
2020年代のデザインとは? Design by Peopleの時代へ
 
実務視点のデザイン経営
実務視点のデザイン経営実務視点のデザイン経営
実務視点のデザイン経営
 
UXとUIのつなぎかた
UXとUIのつなぎかたUXとUIのつなぎかた
UXとUIのつなぎかた
 
これからはじめるサービスデザイン
これからはじめるサービスデザインこれからはじめるサービスデザイン
これからはじめるサービスデザイン
 

HCD活用をさらに深める「ユーザー」の考え方| MTDDC Meetup TOKYO 2018

  • 1. MTDDC Meetup TOKYO 2018 HCD活用をさらに深める 「ユーザー」の考え方 株式会社コンセント プロジェクトマネージャー 笹 原 舞
  • 2. 2018 © Concent, Inc. All RightsReserved. 2 自己紹介
  • 3. 2018 © Concent, Inc. All RightsReserved. 3 https://www.concentinc.jp/ コンセントは、企業と伴走し活動を支えるデザイン会社です。 事業開発やコーポレートコミュニケーション、クリエイティブ開発を、 戦略から実行まで一貫してお手伝いします。 コンセントについて
  • 4. 2018 © Concent, Inc. All RightsReserved. 4 2006年入社以来、カネボウ化粧品案件に従事。コーポ レートサイトや複数のブランドサイトの構築~運用に加 え、社内の管理ツールなどの構築~運用に携わり、Web 活用におけるアドバイザーも務める。また、Webサイト 構築のみではなくEIA(Enterprise Information Architecture)観点でのWeb戦略立案なども行い、過去 にはWebガバナンス戦略の立案や、中長期Web戦略立案 からそれを実行するための企業内組織の立ち上げにおけ るアドバイザーなどの実績がある。ユーザーを中心に問 題解決を行う、特定非営利活動法人 人間中心設計推進機 構(HCD-Net)認定 人間中心設計専門家。 株式会社コンセント プロジェクトマネージャー 笹原 舞 要は、主に企業のWebサイトと それを取り巻く組織や環境を 対象にお困りごとの解決を やっています。
  • 5. 2018 © Concent, Inc. All RightsReserved. 5 今日のお話
  • 6. 2018 © Concent, Inc. All RightsReserved. 「ユーザー」の考え方 HCD活用をさらに深める 6 1 セッションタイトル 2
  • 7. 2018 © Concent, Inc. All RightsReserved. 7 HCD活用 ユーザーの考え方 • HCD概要 • 活用方法(検証) • 策定のポイント • 策定方法 1 2 本セッションの全体像
  • 8. 2018 © Concent, Inc. All RightsReserved. 8コンセントの一般的なプロジェクトステップ全体像 サイト全体戦略策定 サイト現状評価/ 課題の抽出 ユーザ分析/ UX戦略策定 コンテンツ/機能開発 ・新規コンテンツ開発 ・新規機能開発 更新/保守業務支援 ・サイト運営作業支援 サイト改善プログラム ・ログ分析 ・課題改修 ・システムパフォーマンス評価 ・KPI評価 戦略フェーズ 設計フェーズ 制作フェーズ 原稿作成 ページデザイン コンテンツ制作 HTML/Flash制作 テンプレート作成 制作品質管理・試験 (システム開発) ガイドライン作成 ユーザ経験定義 動線設計 ナビゲーション定義 アートディレクション プロトタイピング コンテンツ企画 画面設計 CSS/HTML設計 運用ポリシー策定 評価・検証 運用フェーズ 評価・検証 メディア戦略策定 (プロモーション・ マーケティング戦 略) ユーザー分析/ UX戦略策定 プロジェクトの中での位置づけ
  • 9. 2018 © Concent, Inc. All RightsReserved. 9 HCDの紹介
  • 10. 2018 © Concent, Inc. All RightsReserved. 10 Human Centered Design の頭文字 HCDとは…?
  • 11. 2018 © Concent, Inc. All RightsReserved. 11 使う人の観点でものを作るためのしくみ HCDは次の4つのフェーズ[観察][理解][設計][評価]で構成されており、 この手続きを取り入れることで作られるものに利用者の観点を取り入れられ る、という考え方 コンピュータシステムだけでなく、実は書籍やプロダクト、サービスなど幅 広くこの考え方が有効である 最近ではこのHCDの考え方をビジネスに取り入れた手法として「デザイン思 考(Design Thinking)」というものが普及してきています。 ユーザー体験(ユーザーエクスペリエンス)という考え方も、 HCDプロセス が基盤 ポイントは、デザイナーがやっているよということではなく、プロジェクト マネージャがきちんとプロセスとしてこの手続きを取り入れていること、ビ ジネス主体側がこの考え方を理解しているというところ 抜粋元: CONCENTコーポレートサイト ひらくデザイン 「HCDとは」(長谷川敦士 著)より https://www.concentinc.jp/design_research/2010/04/hcd_overview/ HCDとは…? 「使う人の観点で ものを作るためのしくみ」 …だけ抑えておけば(最初は)大丈夫!
  • 12. 2018 © Concent, Inc. All RightsReserved. 12 出典: 人間中心設計入門 HCDサイクル(ISO9241-210) 利用状況の 把握と明示 ユーザーの 要求事項の明確化 ユーザーの要求事項を 満足させる設計による 解決策の作成 要求事項に対する 設計の評価 人間中心 設計プロセス の計画 適切な段階へ反復 要求事項へ 適合している (実装) 0 1 2 3 4
  • 13. 2018 © Concent, Inc. All RightsReserved. 13 HCDの「H」を 考える
  • 14. 2018 © Concent, Inc. All RightsReserved. Human Centered Design の頭文字 14 HCDとは…? 「人間」=「ユーザー」 である
  • 15. 2018 © Concent, Inc. All RightsReserved. 15 ユーザー定義 いよいよ
  • 16. 2018 © Concent, Inc. All RightsReserved. 16 「誰に向けたものなのか」 を定めること 届けたい人に適切に伝わるものを 作るためにとても重要 ターゲットユーザーを定める !
  • 17. 2018 © Concent, Inc. All RightsReserved. こんなケースを想定してみます 17 新しく発売される、コンビニや スーパーで買える高級なお茶の Webサイト制作を受注しました! よくあるお茶 129円 玉露 1000円 ふつうのお茶 129円
  • 18. 2018 © Concent, Inc. All RightsReserved. 18 全員 洗い出す メイン を決める 具体化 する ターゲットユーザー策定手順 1 2 3
  • 19. 2018 © Concent, Inc. All RightsReserved. 実態を 調査する or 予想する 全員洗い出す 19 全員 洗い出す メイン を決める 具体化 する クライアント にヒアリング & 1 1 2 3
  • 20. 2018 © Concent, Inc. All RightsReserved. 新しく発売される、コンビニや スーパーで買える高級なお茶の Webサイト制作を受注しました! お茶の例 20 • 製造メーカー • 販売元 • 競合企業 • 卸業者 • 運送業者 全員 洗い出す メイン を決める 具体化 する 1 2 3 • 代理店 • 販売業者 • 外食企業 • 一般消費者 …など 玉露 1000円
  • 21. 2018 © Concent, Inc. All RightsReserved. Webサイトで重視する ユーザーを絞る (1~3種程度) メインを決める2 21 「ビジネス上最も重要なステークホルダー」が 「Webサイトのメインターゲット」であるとは限りません! ! 全員 洗い出す メイン を決める 具体化 する 1 2 3
  • 22. 2018 © Concent, Inc. All RightsReserved. お茶の例 22 全員 洗い出す メイン を決める 具体化 する 1 2 3 • 製造メーカー • 販売元 • 競合企業 • 卸業者 • 運送業者 • 代理店 • 販売業者 • 外食企業 • 一般消費者 …など 単価が少し高く ても満足度や価 値を求めて買っ てくれる方
  • 23. 2018 © Concent, Inc. All RightsReserved. お茶の例 23 全員 洗い出す メイン を決める 具体化 する 1 2 3 よくあるお茶 129円 玉露 1000円 ふつうのお茶 129円 • 一般消費者 単価が少し高くても 満足度や価値を求め て買ってくれる方 その中でも… 買うためのもうひと押しを 探している方
  • 24. 2018 © Concent, Inc. All RightsReserved. メインターゲットユーザーの キャラクターをイメージする 具体化する3 24 全員 洗い出す メイン を決める 具体化 する 1 2 3
  • 25. 2018 © Concent, Inc. All RightsReserved. お茶の例 25 単価が少し高くても満足度や価値を求めて買ってくれる方の中でも 買うためのもうひと押しを探している方 年代 30代中盤~50代くらい 性別 男性 情報収集手段 仕事以外のことは主にスマートフォンで通 勤中に 価値観 高級なものに触れるときにはコンセプトや 世界観も大切にしたい 全員 洗い出す メイン を決める 具体化 する 1 2 3
  • 26. 2018 © Concent, Inc. All RightsReserved. 一般消費者 単価が少し高くても満足度や 価値を求めて買ってくれる方 単価が少し高くても満足度や価値を求めて買ってくれる方の中でも 買うためのもうひと押しを探している方 年代はやや上の30代中盤~50代くらい。 自分ではやや高価だなと思ったらそれを比較検討するくらいには 情報収集は日常的にできる 高級なものに触れるときにはコンセプトや世界観も大切にしたい 全部やるのは無理でも… 26
  • 27. 2018 © Concent, Inc. All RightsReserved. 27 UX 把握・検討 ・戦略立案 デザイン(UI) をつくる ターゲットユーザー策定の後は… 全員 洗い出す メイン を決める 具体化 する 1 2 3
  • 28. 2018 © Concent, Inc. All RightsReserved. 28 検証してみる
  • 29. 2018 © Concent, Inc. All RightsReserved. HCDサイクル(ISO9241-210) 29 出典: 人間中心設計入門 利用状況の 把握と明示 ユーザーの 要求事項の明確化 ユーザーの要求事項を 満足させる設計による 解決策の作成 要求事項に対する 設計の評価 人間中心 設計プロセス の計画 適切な段階へ反復 要求事項へ 適合している (実装) 0 1 2 3 4
  • 30. 2018 © Concent, Inc. All RightsReserved. 30 今日のまとめ
  • 31. 2018 © Concent, Inc. All RightsReserved. 31 全ターゲットの中からWebサイトの メインターゲットを策定し、 コンテンツやデザインを作るときに イメージできるレベルまで 落としてみましょう まとめ 仮説で立てた場合はきちんと検証をするなど、 「使う人の観点でものを作るためのしくみ」が使えるとなおよし
  • 32. 2018 © Concent, Inc. All RightsReserved. 32 1. とにかく関係者を全員洗い出す 2. その中から対象セグメントを定める 3. 「●●な●●」にまで落とす 4. 「●●な●●」の中でWebサイトの ターゲットは?を決める 5. コンテンツやデザインを作るときに イメージできるレベルまで落とす 手順のおさらい
  • 33. 2018 © Concent, Inc. All RightsReserved. 33 おまけ
  • 34. 2018 © Concent, Inc. All RightsReserved. 34 作るWebサイトは どんなキャラクターなのか を考えるのもオススメ Webサイトの擬人化
  • 35. 2018 © Concent, Inc. All RightsReserved. 35 さらに
  • 36. 2018 © Concent, Inc. All RightsReserved. 36 「コンセント」で検索!