ユーザーエクスペリエンスデザインのススメ 20121213

Post on 11-Jan-2017

59 views 0 download

Transcript of ユーザーエクスペリエンスデザインのススメ 20121213

ユーザーエクスペリエンスデザインのススメ for Web Director

HCD-Net 認定 人間中心設計専門家 松崎 希

presented by hcdvalue

■ プロフィール

松崎 希( @hokorin )

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/hokorinTwitter : @hokorin

ご清聴ありがとうございました。社内や勉強会での

ワークショップのご相談はお気軽に。

Copyright (C) 2012 hcdvalue All Rights Reserved.