ディレクターとして取り組むHCD業務の実際
•Download as PPTX, PDF•
15 likes•4,271 views
2016-05-20（金）開催 【MT東京-24】ウェブディレクション入門編 人間中心設計（HCD）と、SEOとWeb解析・アクセシビリティなど
Recommended
More Related Content
What's hot
What's hot (20)
Viewers also liked
Viewers also liked (18)
Similar to ディレクターとして取り組むHCD業務の実際
Similar to ディレクターとして取り組むHCD業務の実際 (20)
Recently uploaded
Recently uploaded (16)
ディレクターとして取り組むHCD業務の実際
- 2. 2 水野 寛 株式会社サイバーエージェント Ameba統括本部 Amebaピググループ PCピグスタジオ ディレクター / UXアーキテクト HCD-net 認定人間中心設計専門家
- 3. 3 新規構築メイン 2006. Web制作会社で受託案件 スクラム x HCD実践 2012. コミュニティアプリ立ち上げ プロデューサ x データ分析 2013. 広告メディア 立ち上げ/運用 HCD実践 x データ分析 2015. アメーバピグ
- 7. お話すること 7 1. HCD（人間中心設計）とは 2. ディレクタースキルの要点 3. ディレクタースキルを活かしてHCDを回す
- 8. 8 1. HCD（人間中心設計）とは 2. ディレクタースキルの要点 3. ディレクタースキルを活かしてHCDを回す
- 10. HCD（人間中心設計）プロセス 10 プロセスの計画 利用状況 の把握 ユーザー 要求の明 示 解決策の 作成 設計の 評価 要求を満たす ● インタビュー ● 定量分析 ● カスタマージャーニ ーマップ ● 体験シナリオ ● ペーパープロトタ イプ ● ユーザーテスト ※ HCD = UXD
- 11. 11 ユーザーの観察に基づく
- 14. 14 プロセスは誰が回す？
- 15. 成功させるポイント 15 プロセスの計画 利用状況 の把握 ユーザー 要求の明 示 解決策の 作成 設計の 評価 継続的に取り組む チームを巻き込む 提言より一緒に具体化 部分適用より全体適用
- 17. 17 1. HCD（人間中心設計）とは 2. ディレクタースキルの要点 3. ディレクタースキルを活かしてHCDを回す
- 19. プロデューサーとの違い 19 What How 何をつくるか どう実現するか 提案営業 戦略立案 KPI設計/管理 予算/人員管理 PRJ統括責任 企画立案 要件定義 サイト設計 進行管理 成果物チェック プロデューサ ディレクター （曖昧になりやすい）
- 20. 20 ひとことでいうと、
- 24. 「期待」をつなぐ4つのスキルセット 24 期待 つなぐスキル ① 要求定義 ② 情報設計 ③ 品質管理 ④ プロジェクト管理最後まで完成させたい 実現させたい内容がある ユーザーに受け入れられたい 成果物の質には万全を期したい 狙い 受容性 確実さ 完遂
- 27. IA ③ 品質管理 制作物の良し悪しを判断し、要求に見合う成果物を完成させること。 27 マイナス → ゼロ ● レギュレーション ● テストケース ゼロ → プラス ● 新規性 ● おどろき 成果物の評価 求められる水準 = ゼロ 達成基準を超える
- 29. スキルはプロジェクトの成果に直結 29 ユーザー 期待 実現 狙い 受容性 確実さ 完遂 戦略 品質の積み上げ 要求の精度を上げる 魅力ある構想を描く 達成基準を超える 要求定義 情報設計 品質管理 プロセスの効率 制約と実現のバランスをとるPRJ管理 オーナー ディレクター 目的を 果たす
- 34. 34 当事者力 ● 自分ごと化 ● 線引きしない 構想力 ● 表現の引き出し ● 好奇心 大事なスタンス 情報 設計 要求 定義 品質 管理 PRJ 管理
- 35. 35 1. HCD（人間中心設計）とは 2. ディレクタースキルの要点 3. ディレクタースキルを活かしてHCDを回す
- 41. 41
- 44. 1.計画と推進 44 設計 デザイン 開発戦略 アンケート インタビュー 価値マップ ペルソナ コンセプト ツリー CJM (現状） 体験シナリオ ビジュアルプロト (テスト） CJM (理想） リサーチ 体験構築 繰り返し検証 ペーパープロト 開発期間10ヶ月。デザインPhaseまでを適用の対象とした。 ペーパープロト （テスト）
- 45. 1. 計画と推進 45 プロジェクト管理 ● ファシリテーション ● チーミング ● 制作スケジュールへの適用 ● 制約を踏まえたスコープ決め HCD応用ポイント メンバーを巻き込みながら、意思決定に寄与していく。 スケジュール・進行管理 要件・スコープ管理 課題・リスク管理 コミュニケーション プロセス の計画
- 48. 2. リサーチ 48 要求定義 ● 事業戦略のヒアリング ● インタビュー ● 課題の整理/言語化 ● ビジョンとゴール策定 HCD応用ポイント ユーザの価値観を捉え、事業機会が明らかに。 事業の意 図制約 表現したい コンテンツ ユーザーの 定義
- 49. 3. 体験構築 49 情報 設計 要求 定義 品質 管理 PRJ 管理 体験構築 CJM (現状） 体験シナリオ CJM (理想） ペーパープロ ト
- 52. 3. 体験構築 52 情報設計 ● ユーザー行動と共感 ● サービス構造のイメージ ● インタラクションアイデア ● UIスケッチ HCD応用ポイント ユーザー行動を描き、作るものを発想する。 サイト構造 ナビゲーション ラベル 画面構成
- 56. 4. 繰り返し検証 56 品質管理 ● ユーザー体験が水準 ● テスト設計 ● ユーザビリティ原則 ● 素早く手軽に実践 ● 観察からの発想 HCD応用ポイント 「動き」の客観的な検証で、早く失敗を獲得する。 マイナス → ゼロ ● レギュレーショ ン ● テストケース ゼロ → プラス ● 新規性 ● おどろき 成果物の評価 求められる水準 = ゼロ
- 57. 57 結果
- 59. 現場メンバーから見たHCD 59 ● 企画の根幹を詰める機会となり、チーム全体がその企画に対し同 じ認識を持ち開発を進めることができた。（プロデューサ） ● 実際にプレイする感覚で遷移を確認することができたので、構成 案だけでは見えてこなかった抜け漏れや、もっとこうしたほうが 分かりやすくなりそうという発見があった。（UIデザイナー） ● 短期集中でアイデアを出し合えたので、仕様決めのスピード感が あった。（エンジニア） ● 各ステークホルダが事前にペーパープロトタイプを利用すること で仕様の理解が高まってから開発に取り掛かることができた。 （エンジニア）
- 60. 60 まとめ
- 61. まとめ ● HCDは、ユーザー中心でサービスをつくるための 包括的取り組み ● 要求定義、情報設計、品質管理、プロジェクト管理 ● ディレクタースキルの延長としてHCDを考えると、 実践しやすい 61
Editor's Notes
- リラックスポイント、変化を合間に入れる。
- ぱっとわかりにくい
- 実感を伴わないから、具体例がほしい。
- 実感を伴わないから、具体例がほしい。
- 売り上げあげたい、関係者へのアピールなどの、端的な目的でふわっと降りてきて、間違っている場合も。 そのあたりの見極めや提言も含めて、ディレクターがととりまとめ、明確にする。
- ゼロの定義をまず、ちゃんと示す。
- コンセンサス超大事。大手におおいやつ。 チーミング、マネジメントが大事だよ。 PMとHCDが違うものとして見えてしまう
- 受容性と要望が直観的にわかりづらい。
- ツリー構造で表現 アニメーションで示す
- ツリー構造で表現 アニメーションで示す
- ツリー構造で表現 アニメーションで示す
- ツリー構造で表現 アニメーションで示す
- ツリー構造で表現 アニメーションで示す
- ツリー構造で表現 アニメーションで示す
- ツリー構造で表現 アニメーションで示す
- たまがおおきくなる
- たまがおおきくなる
- たまがおおきくなる
- たまがおおきくなる