Concent, Inc. , profile picture
Uploaded byConcent, Inc.
1,806 views

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

2018年11月3日開催の「 MTDDC Meetup TOKYO 2018」（http://mtddc2018.mt-tokyo.net/）での講演資料です。 発表者：笹原 舞（株式会社コンセント　プロジェクトマネージャー）

Embed presentation

Downloaded 10 times
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は次の４つのフェーズ[観察][理解][設計][評価]で構成されており、 この手続きを取り入れることで作られるものに利用者の観点を取り入れられ る、という考え方 コンピュータシステムだけでなく、実は書籍やプロダクト、サービスなど幅 広くこの考え方が有効である 最近ではこの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サイト制作を受注しました！ よくあるお茶 １２９円 玉露 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 よくあるお茶 １２９円 玉露 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

PDF
コミュニケーション設計をおざなりにしない！（コンセント 笹原 舞）
byConcent, Inc.
 
PDF
UXデザイナーとしてコミュニティーの中で働くということ
byEri Nishihara
 
PDF
【第二回】デザイン初心者でも出来る！企業ロゴの作り方【案出し～デザイン作成編】
byschoowebcampus
 
PDF
ReDesigner Online Talk_デザイナーの副業・フリーランスの真実_國光登壇内容20210830
byToshiki Kunimitsu
 
PDF
ConcentServiceDesignSeminar17_Design_Org
byConcent, Inc.
 
PDF
Wiz_branding
byWizDesign
 
PDF
モバイルにも通用するデザインカンプ制作のイロハ
byHiroyuki Makishita
 
PDF
複業デザイナーがくしゅうちょう
bySachiko Sakai
 
コミュニケーション設計をおざなりにしない！（コンセント 笹原 舞）
byConcent, Inc.
 
UXデザイナーとしてコミュニティーの中で働くということ
byEri Nishihara
 
【第二回】デザイン初心者でも出来る！企業ロゴの作り方【案出し～デザイン作成編】
byschoowebcampus
 
ReDesigner Online Talk_デザイナーの副業・フリーランスの真実_國光登壇内容20210830
byToshiki Kunimitsu
 
ConcentServiceDesignSeminar17_Design_Org
byConcent, Inc.
 
Wiz_branding
byWizDesign
 
モバイルにも通用するデザインカンプ制作のイロハ
byHiroyuki Makishita
 
複業デザイナーがくしゅうちょう
bySachiko Sakai
 

What's hot

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

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

PPT
Webdirection
byDigital Hollywood
 
PDF
WEB DESIGN FLOW 2012/11/29@markezineAcademy
byRyo Taguchi
 
PDF
顧客開発モデル概要（Samurai Venture Summit 4）
byTakashi Tsutsumi
 
PDF
【IMJ】最新事例にみる顧客本位のweb設計「新たな体験価値を産む大規模サイト統合」（i・con2014）
byIMJ Corporation
 
PDF
Devlove LeanStartupNight インタビュー演習
byTakashi Tsutsumi
 
PPT
顧客満足（カスタマー・サティスファクション）への理解。
byエンゲージメント・ラボ （Engagement Lab）
 
PDF
戦略広報における オウンドメディアコミュニケーションとは
byトライベック・ストラテジー株式会社 / Tribeck Strategy Inc.
 
PDF
玉腰泰三事業案内
by玉腰泰三 個人事務所
 
PDF
インターネットマーケティングサポート
by玉腰泰三 個人事務所
 
PDF
Meltingdots Corporate
byHiroshi Asaeda
 
PDF
Web広告研究会「売れるサイトに変えるIA発想の改革手法」
byMakoto Shimizu
 
PDF
UX流Web解析
byMakoto Shimizu
 
PDF
個客とIAとアクセス解析
byMakoto Shimizu
 
PDF
(EC)SalesHub用.pdf
byssuserdbc3e0
 
PPTX
サービスイメージチュートリアル資料
byclisk_cm
 
PPTX
PDCAを実現する、アクセス解析実践方法
byKennosuke Yamaguchi
 
PDF
コースB 「ECサイト設計」Ver.2.0
byOsamu Sugiura
 
PDF
A2i summit2011 for_download
byAkihiko Uchino
 
PDF
『個客』 視点の行動分析がウェブビジネスを変える！
byAkihiko Uchino
 
PDF
L/MARKETING 会社案内
byL/MARKETING Inc
 
Webdirection
byDigital Hollywood
 
WEB DESIGN FLOW 2012/11/29@markezineAcademy
byRyo Taguchi
 
顧客開発モデル概要（Samurai Venture Summit 4）
byTakashi Tsutsumi
 
【IMJ】最新事例にみる顧客本位のweb設計「新たな体験価値を産む大規模サイト統合」（i・con2014）
byIMJ Corporation
 
Devlove LeanStartupNight インタビュー演習
byTakashi Tsutsumi
 
顧客満足（カスタマー・サティスファクション）への理解。
byエンゲージメント・ラボ （Engagement Lab）
 
戦略広報における オウンドメディアコミュニケーションとは
byトライベック・ストラテジー株式会社 / Tribeck Strategy Inc.
 
玉腰泰三事業案内
by玉腰泰三 個人事務所
 
インターネットマーケティングサポート
by玉腰泰三 個人事務所
 
Meltingdots Corporate
byHiroshi Asaeda
 
Web広告研究会「売れるサイトに変えるIA発想の改革手法」
byMakoto Shimizu
 
UX流Web解析
byMakoto Shimizu
 
個客とIAとアクセス解析
byMakoto Shimizu
 
(EC)SalesHub用.pdf
byssuserdbc3e0
 
サービスイメージチュートリアル資料
byclisk_cm
 
PDCAを実現する、アクセス解析実践方法
byKennosuke Yamaguchi
 
コースB 「ECサイト設計」Ver.2.0
byOsamu Sugiura
 
A2i summit2011 for_download
byAkihiko Uchino
 
『個客』 視点の行動分析がウェブビジネスを変える！
byAkihiko Uchino
 
L/MARKETING 会社案内
byL/MARKETING Inc
 

More from Concent, Inc.

PDF
コンテンツ戦略の第一歩　-理解・納得・共感を生む体験のデザイン-
byConcent, Inc.
 
PDF
DXとデザイン思考 -実践にみる、DX推進におけるデザインの有用性と可能性-
byConcent, Inc.
 
PDF
ビジネスを加速するためのウェブサイト運営戦略
byConcent, Inc.
 
PDF
ビジネスにインクルーシブの観点を 明日からはじめる、多様性時代のデザイン
byConcent, Inc.
 
PDF
大企業のWebガバナンス、次の一手を探る　ーウェブサイト統括・運営の先にある課題解決に向けてー
byConcent, Inc.
 
PDF
伝わるスライドデザイン術
byConcent, Inc.
 
PDF
愛されるブランドになる方法　-ブランド価値を定義するための知識とプロセス-
byConcent, Inc.
 
PDF
企業コミュニケーションを次のステップへ基本からはじめる動画コンテンツ活用
byConcent, Inc.
 
PDF
可能性をひらくインクルーシブデザイン
byConcent, Inc.
 
PDF
多様性の時代を生きる、私たちのデザイン　-インクルーシブデザインとサービスデザインを語る-
byConcent, Inc.
 
PDF
伝わるスライドデザイン術
byConcent, Inc.
 
PDF
ビジョンでつなぐ 社内報の企画・編集
byConcent, Inc.
 
PDF
著作権侵害をしない、されないために。　クリエイティブの現場で出あう「法律」との向き合い方
byConcent, Inc.
 
PDF
可能性をひらくインクルーシブデザイン
byConcent, Inc.
 
PDF
株式会社コンセントのご紹介
byConcent, Inc.
 
PDF
撮影ディレクション基本と実践　-心揺さぶるビジュアル開発の現場-
byConcent, Inc.
 
PDF
ユーザーを知るためのインタビュー調査入門
byConcent, Inc.
 
PDF
株式会社コンセントのご紹介｜デザインも、キャリアも、可能性は形を変えて広がり続ける
byConcent, Inc.
 
PDF
柔軟なプロジェクトデザインのコツ
byConcent, Inc.
 
PDF
ビジネスを加速するためのウェブサイト運営戦略
byConcent, Inc.
 
コンテンツ戦略の第一歩　-理解・納得・共感を生む体験のデザイン-
byConcent, Inc.
 
DXとデザイン思考 -実践にみる、DX推進におけるデザインの有用性と可能性-
byConcent, Inc.
 
ビジネスを加速するためのウェブサイト運営戦略
byConcent, Inc.
 
ビジネスにインクルーシブの観点を 明日からはじめる、多様性時代のデザイン
byConcent, Inc.
 
大企業のWebガバナンス、次の一手を探る　ーウェブサイト統括・運営の先にある課題解決に向けてー
byConcent, Inc.
 
伝わるスライドデザイン術
byConcent, Inc.
 
愛されるブランドになる方法　-ブランド価値を定義するための知識とプロセス-
byConcent, Inc.
 
企業コミュニケーションを次のステップへ基本からはじめる動画コンテンツ活用
byConcent, Inc.
 
可能性をひらくインクルーシブデザイン
byConcent, Inc.
 
多様性の時代を生きる、私たちのデザイン　-インクルーシブデザインとサービスデザインを語る-
byConcent, Inc.
 
伝わるスライドデザイン術
byConcent, Inc.
 
ビジョンでつなぐ 社内報の企画・編集
byConcent, Inc.
 
著作権侵害をしない、されないために。　クリエイティブの現場で出あう「法律」との向き合い方
byConcent, Inc.
 
可能性をひらくインクルーシブデザイン
byConcent, Inc.
 
株式会社コンセントのご紹介
byConcent, Inc.
 
撮影ディレクション基本と実践　-心揺さぶるビジュアル開発の現場-
byConcent, Inc.
 
ユーザーを知るためのインタビュー調査入門
byConcent, Inc.
 
株式会社コンセントのご紹介｜デザインも、キャリアも、可能性は形を変えて広がり続ける
byConcent, Inc.
 
柔軟なプロジェクトデザインのコツ
byConcent, Inc.
 
ビジネスを加速するためのウェブサイト運営戦略
byConcent, Inc.
 

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

  • 1.
    MTDDC Meetup TOKYO2018 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は次の４つのフェーズ[観察][理解][設計][評価]で構成されており、 この手続きを取り入れることで作られるものに利用者の観点を取り入れられ る、という考え方 コンピュータシステムだけでなく、実は書籍やプロダクト、サービスなど幅 広くこの考え方が有効である 最近ではこの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サイト制作を受注しました！ よくあるお茶 １２９円 玉露 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 よくあるお茶 １２９円 玉露 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 「コンセント」で検索！