ユーザーエクスペリエンスデザインのススメ 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 年〜自宅警備員になる。仕事はおもに猫の世話。


■ ユーザーエクスペリエンス　（ UX ）とは


■ ユーザーエクスペリエンスとは


ちょっと気になる人に誕生日プレゼントを贈る！！


なんにしようか・・・



！！！！！！！！！！！！！！！



お店の人もハッピー！！


でも　　　　　　　　ちょっと注意！！




UI ≒ UX



UI はユーザーインターフェースUX はユーザーエクスペリエンス



UI は「モノのデザイン」UX は「コトのデザイン」



UI / UX


UX

人間工学ユーザビリティ

アクセシビリティ

UI

ユーザー

マーケティング

Web

スマートフォン

アジャイル

ステークホルダー

ブランディング

販売

ビジュアルデザイン

製品デザイン

LeanUX

ライティング

経営分析

ハードウェア

ソフトウェア

システム分析

ユーザーサポート


もっと沢山あります。



えっ、でも僕たちはずっとユーザーのことを考えてデザインしてきたじゃん！！



■ 生活モデルの多様化

生活モデルが多様化してきた。


懐かしの黒電話



ガラケー



スマートフォン



製造業の不振



サービスの低下


ユーザーエクスペリエンス実現のための HCD プロセス


人間中心設計

■ 人間中心設計とは。

・ Human Centered Design （ HCD ）・人間中心デザイン、　ユーザー中心デザイン（ UCD ）　とも言います。・ ISO9241-210 で定義されています。


■ISO9241-210 における HCD プロセス


ユーザを知ろう

ユーザのコトを考えよう

解決策を考えよう

テストしよう

じゃあ、 HCD をどうディレクションに活かすか。


■HCD をディレクションに活かす

ディレクションでこんなことありませんでしたか？




終わらないミューティング



話が違う



なんでも入れたがる。



情報設計が・・・



デザインの手戻り


■ ひとつの解決方法



■ ユーザーエクスペリエンスの定義

HCD の手法は、ディレクションのツール

■HCD によるディレクション解決方法


ワークショップ形式などでのクライアントとの共有、可視化


ユーザー体験のデザインを行う手法（本質的価値抽出法 KA 法）



ユーザー体験のデザインを行う手法（ペルソナ・シナリオ法）



・クライアント視点でもなく、　制作者視点でもなくなる。

・制作者はビジネスモデル、　クライアントは制作フローを　理解できる。

・目指すところは一緒



ペーパープロトタイピングで致命的なミスをなくしておく。



ストーリーボーディングによるユーザー体験の検証



日々の改善



ヒューリスティック評価などで日々の改善



認知的ウォークスルーによる、ユーザー視点からのサイト評価



ユーザーテストによる問題点発見



■ その結果

その結果。


誰がどう考えてもおかしなサービスは阻止できます。

■ その結果


ディレクターとして評価があがります

■ その結果


クライアントも制作者もユーザーも同じチームになれます。

■ その結果

■ まとめ


■ まとめ


ユーザーエクスペリエンスデザインは

Web ディレクターにとって

大きな武器になります。

■ まとめ


一生でぃれくたー　　します！

■ まとめ

■ おわり

BLOG ： http://www.hokorin.com/Facebook ： http://www.facebook.com/hokorinTwitter ： @hokorin

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

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



http://www.facebook.com/hokorin

http://www.facebook.com/hokorin

https://twitter.com/hokorin

https://twitter.com/hokorin

Art & Photos

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