初心者のためのuser centered designの考え方(入門編)
TRANSCRIPT
![Page 1: 初心者のためのUser Centered Designの考え方(入門編)](https://reader035.vdocuments.net/reader035/viewer/2022070519/58f30e541a28abf0058b457f/html5/thumbnails/1.jpg)
![Page 2: 初心者のためのUser Centered Designの考え方(入門編)](https://reader035.vdocuments.net/reader035/viewer/2022070519/58f30e541a28abf0058b457f/html5/thumbnails/2.jpg)
技術中心の考え方や作り手の勝手な思い込みを排除して、利用者の視点に立った製品開発を行うための考え方を紹介します。
今日のお話のテーマ
初心者のための User Centered Designの考え方(入門編)
![Page 3: 初心者のためのUser Centered Designの考え方(入門編)](https://reader035.vdocuments.net/reader035/viewer/2022070519/58f30e541a28abf0058b457f/html5/thumbnails/3.jpg)
フリーランスWebディレクター田附 克巳(たづけ かつみ)コンテンツ制作会社に約 20年勤務。営業窓口やプロジェクトマネージャー、ディレクターを経験2014年に独立し、フリーランスのWebディレクターとして活動中( HCD-Net認定人間中心設計専門家)
自己紹介
http://taz8.hatenablog.com(Culture Centered Design)
初心者のための User Centered Designの考え方(入門編)
![Page 4: 初心者のためのUser Centered Designの考え方(入門編)](https://reader035.vdocuments.net/reader035/viewer/2022070519/58f30e541a28abf0058b457f/html5/thumbnails/4.jpg)
使いにくいテレビのリモコン
それぞれの機能を単純にボタンに割り当てているので、ボタンの数が多くなりすぎる
使えないシステム
初心者のための User Centered Designの考え方(入門編)
![Page 5: 初心者のためのUser Centered Designの考え方(入門編)](https://reader035.vdocuments.net/reader035/viewer/2022070519/58f30e541a28abf0058b457f/html5/thumbnails/5.jpg)
あのソフトは使えない
マニュアルをよく読めば、かろうじて使えるが、どのメニューに使いたい機能が含まれているか分からない
使えないシステム
初心者のための User Centered Designの考え方(入門編)
![Page 6: 初心者のためのUser Centered Designの考え方(入門編)](https://reader035.vdocuments.net/reader035/viewer/2022070519/58f30e541a28abf0058b457f/html5/thumbnails/6.jpg)
機能が実装されているだけでは、利用者が苦労して使わなければならず、本末転倒であり実質的に使いものにならない。この問題を防ぐにはどうすれば良いか?
これまでの製品開発
初心者のための User Centered Designの考え方(入門編)
![Page 7: 初心者のためのUser Centered Designの考え方(入門編)](https://reader035.vdocuments.net/reader035/viewer/2022070519/58f30e541a28abf0058b457f/html5/thumbnails/7.jpg)
モノと人との関係(インターフェース)の歴史を見てみましょう。
初心者のための User Centered Designの考え方(入門編)
![Page 8: 初心者のためのUser Centered Designの考え方(入門編)](https://reader035.vdocuments.net/reader035/viewer/2022070519/58f30e541a28abf0058b457f/html5/thumbnails/8.jpg)
初心者のための User Centered Designの考え方(入門編)
![Page 9: 初心者のためのUser Centered Designの考え方(入門編)](https://reader035.vdocuments.net/reader035/viewer/2022070519/58f30e541a28abf0058b457f/html5/thumbnails/9.jpg)
石器時代の道具自然界にすでに存在しているものの特徴を活用して、目的を達成しやすいように加工して使う
モノと人との関係の歴史
初心者のための User Centered Designの考え方(入門編)
![Page 10: 初心者のためのUser Centered Designの考え方(入門編)](https://reader035.vdocuments.net/reader035/viewer/2022070519/58f30e541a28abf0058b457f/html5/thumbnails/10.jpg)
初心者のための User Centered Designの考え方(入門編)
![Page 11: 初心者のためのUser Centered Designの考え方(入門編)](https://reader035.vdocuments.net/reader035/viewer/2022070519/58f30e541a28abf0058b457f/html5/thumbnails/11.jpg)
産業革命直後の道具道具そのものの形状と機能や役割が対応しているので、理解がしやすい
モノと人との関係の歴史
初心者のための User Centered Designの考え方(入門編)
![Page 12: 初心者のためのUser Centered Designの考え方(入門編)](https://reader035.vdocuments.net/reader035/viewer/2022070519/58f30e541a28abf0058b457f/html5/thumbnails/12.jpg)
初心者のための User Centered Designの考え方(入門編)
![Page 13: 初心者のためのUser Centered Designの考え方(入門編)](https://reader035.vdocuments.net/reader035/viewer/2022070519/58f30e541a28abf0058b457f/html5/thumbnails/13.jpg)
しかし…
初心者のための User Centered Designの考え方(入門編)
![Page 14: 初心者のためのUser Centered Designの考え方(入門編)](https://reader035.vdocuments.net/reader035/viewer/2022070519/58f30e541a28abf0058b457f/html5/thumbnails/14.jpg)
初心者のための User Centered Designの考え方(入門編)
![Page 15: 初心者のためのUser Centered Designの考え方(入門編)](https://reader035.vdocuments.net/reader035/viewer/2022070519/58f30e541a28abf0058b457f/html5/thumbnails/15.jpg)
初心者のための User Centered Designの考え方(入門編)
![Page 16: 初心者のためのUser Centered Designの考え方(入門編)](https://reader035.vdocuments.net/reader035/viewer/2022070519/58f30e541a28abf0058b457f/html5/thumbnails/16.jpg)
コンピューターやスマートフォンなど現代の道具ブラックボックス化しており見た目の形状と機能が一致しない
モノと人との関係の歴史
初心者のための User Centered Designの考え方(入門編)
![Page 17: 初心者のためのUser Centered Designの考え方(入門編)](https://reader035.vdocuments.net/reader035/viewer/2022070519/58f30e541a28abf0058b457f/html5/thumbnails/17.jpg)
形状と機能が分離して、パッと見ただけでは
外見から機能を想像することができなくなってきた
初心者のための User Centered Designの考え方(入門編)
![Page 18: 初心者のためのUser Centered Designの考え方(入門編)](https://reader035.vdocuments.net/reader035/viewer/2022070519/58f30e541a28abf0058b457f/html5/thumbnails/18.jpg)
ユーザビリティとは何でしょうか ?
初心者のための User Centered Designの考え方(入門編)
![Page 19: 初心者のためのUser Centered Designの考え方(入門編)](https://reader035.vdocuments.net/reader035/viewer/2022070519/58f30e541a28abf0058b457f/html5/thumbnails/19.jpg)
初心者のための User Centered Designの考え方(入門編)
![Page 20: 初心者のためのUser Centered Designの考え方(入門編)](https://reader035.vdocuments.net/reader035/viewer/2022070519/58f30e541a28abf0058b457f/html5/thumbnails/20.jpg)
特定のコンテキストにおいて、特定のユーザーによって、ある製品が特定の目標を達成するために用いられる際の、効果、効率、ユーザーの満足度の度合い < ISO9241-11のユーザビリティ定義 1998年>
ユーザビリティの概念
初心者のための User Centered Designの考え方(入門編)
![Page 21: 初心者のためのUser Centered Designの考え方(入門編)](https://reader035.vdocuments.net/reader035/viewer/2022070519/58f30e541a28abf0058b457f/html5/thumbnails/21.jpg)
コンテキスト(利用状況)…ユーザー、仕事、装置ならびに製品が使用される物理的および社会的環境【例】自宅で私物のパソコンを使って、夜 23:00頃のプライベートな時間に趣味の本を購入する
コンテキスト (context)
初心者のための User Centered Designの考え方(入門編)
![Page 22: 初心者のためのUser Centered Designの考え方(入門編)](https://reader035.vdocuments.net/reader035/viewer/2022070519/58f30e541a28abf0058b457f/html5/thumbnails/22.jpg)
特定のユーザー…誰がその製品やサービスを使うのかということ【例】50代男性、パソコンについての知識は比較的高い
ユーザー (user)
初心者のための User Centered Designの考え方(入門編)
![Page 23: 初心者のためのUser Centered Designの考え方(入門編)](https://reader035.vdocuments.net/reader035/viewer/2022070519/58f30e541a28abf0058b457f/html5/thumbnails/23.jpg)
特定の目標…製品やサービスを使ってやりたいこと【例】本を購入する
目標
初心者のための User Centered Designの考え方(入門編)
![Page 24: 初心者のためのUser Centered Designの考え方(入門編)](https://reader035.vdocuments.net/reader035/viewer/2022070519/58f30e541a28abf0058b457f/html5/thumbnails/24.jpg)
効果…ユーザーが目標を達成できるかどうか【例】オンライン書店で欲しい書籍を購入できること
効果 (effectiveness)
初心者のための User Centered Designの考え方(入門編)
![Page 25: 初心者のためのUser Centered Designの考え方(入門編)](https://reader035.vdocuments.net/reader035/viewer/2022070519/58f30e541a28abf0058b457f/html5/thumbnails/25.jpg)
効率…なるべく最短経路で目標を達成できるかどうか【例】オンライン書店で何度もやり直しをせず、妥当な時間内に購入できること
効率 (efficiency)
初心者のための User Centered Designの考え方(入門編)
![Page 26: 初心者のためのUser Centered Designの考え方(入門編)](https://reader035.vdocuments.net/reader035/viewer/2022070519/58f30e541a28abf0058b457f/html5/thumbnails/26.jpg)
満足度…ユーザーに不愉快な思いをさせていないか【例】オンライン書店で、不必要な個人情報を要求しないことや販売業者だけに有利な使用許諾契約の許諾を求めたりしないこと
満足度 (satisfaction)
初心者のための User Centered Designの考え方(入門編)
![Page 27: 初心者のためのUser Centered Designの考え方(入門編)](https://reader035.vdocuments.net/reader035/viewer/2022070519/58f30e541a28abf0058b457f/html5/thumbnails/27.jpg)
効果…ユーザーが目標を達成できるかどうか効率…なるべく最短経路で目標を達成できるかどうか満足度…ユーザーに不愉快な思いをさせていないか
ユーザビリティの概念の基本
初心者のための User Centered Designの考え方(入門編)
![Page 28: 初心者のためのUser Centered Designの考え方(入門編)](https://reader035.vdocuments.net/reader035/viewer/2022070519/58f30e541a28abf0058b457f/html5/thumbnails/28.jpg)
ユーザビリティ= 使いやすさではなく
ユーザビリティが良い = 使い物になるユーザビリティが悪い = 使い物にならな
い
初心者のための User Centered Designの考え方(入門編)
![Page 29: 初心者のためのUser Centered Designの考え方(入門編)](https://reader035.vdocuments.net/reader035/viewer/2022070519/58f30e541a28abf0058b457f/html5/thumbnails/29.jpg)
ユーザビリティを高めるための設計手法がUser Centered Design(UCD)
初心者のための User Centered Designの考え方(入門編)
![Page 30: 初心者のためのUser Centered Designの考え方(入門編)](https://reader035.vdocuments.net/reader035/viewer/2022070519/58f30e541a28abf0058b457f/html5/thumbnails/30.jpg)
❶ 利用状況の把握と明示❷ ユーザーの要求事項の明確化❸ ユーザーの要求事項を満足させる設計による解決案の作成❹ 要求事項に対する設計の評価
初心者のための User Centered Designの考え方(入門編)
User Centered Designプロセス( HCDプロセス)
ユーザーが何を求めているのか、またユーザーがどんな状況で使っているのかを知るためにユーザー調査を実施する。ユーザーの情報と企業の条件を考慮して、目標を設定する。(ペルソナ作成・シナリオ法など)目標を達成するためのアイデアをプロトタイプによって視覚化する。(プロトタイピングなど)
アイデアが目標を満たしているのかを評価する。(ユーザビリティテスト・エキスパートレビューなど)
< ISO9241-210を補足解説>
![Page 31: 初心者のためのUser Centered Designの考え方(入門編)](https://reader035.vdocuments.net/reader035/viewer/2022070519/58f30e541a28abf0058b457f/html5/thumbnails/31.jpg)
なぜユーザビリティを高めるのにUser Centered Designが必要か?
初心者のための User Centered Designの考え方(入門編)
![Page 32: 初心者のためのUser Centered Designの考え方(入門編)](https://reader035.vdocuments.net/reader035/viewer/2022070519/58f30e541a28abf0058b457f/html5/thumbnails/32.jpg)
設計者は、利用者の立場で考えることを忘れてしまう。
初心者のための User Centered Designの考え方(入門編)
![Page 33: 初心者のためのUser Centered Designの考え方(入門編)](https://reader035.vdocuments.net/reader035/viewer/2022070519/58f30e541a28abf0058b457f/html5/thumbnails/33.jpg)
①ヒアリング(インタビュー)…情報を網羅的に集める②行動観察…聞くだけでは不十分、行動を観察するお客様の言うことを鵜呑みにせず、現状分析を深く行うことが必要
User Centered Designに重要なポイント
初心者のための User Centered Designの考え方(入門編)
![Page 34: 初心者のためのUser Centered Designの考え方(入門編)](https://reader035.vdocuments.net/reader035/viewer/2022070519/58f30e541a28abf0058b457f/html5/thumbnails/34.jpg)
5%…言語化して説明できる95%…言語化して説明できない自分が欲しいものを言葉で正確に伝えることはできない!
言語化できるのはわずか 5%
初心者のための User Centered Designの考え方(入門編)
![Page 35: 初心者のためのUser Centered Designの考え方(入門編)](https://reader035.vdocuments.net/reader035/viewer/2022070519/58f30e541a28abf0058b457f/html5/thumbnails/35.jpg)
1 消費者の思考プロセスは筋の通った合理的・直線的なものである2 消費者は自ら思考プロセスと行動を容易に説明することができる3 消費者の心・脳・体、取り巻く文化や社会は、個々に調査することが可能である4 消費者の記憶には、彼らの経験が正確に表れる5 消費者は言葉で考える6 企業から消費者にメッセージを送りさえすれば、思うままに解釈してくれる
出典「心脳マーケティング」ジェラルド・ザルトマン著http://www.amazon.co.jp/dp/4478502161
ユーザーに対する 6つの誤解
初心者のための User Centered Designの考え方(入門編)
![Page 36: 初心者のためのUser Centered Designの考え方(入門編)](https://reader035.vdocuments.net/reader035/viewer/2022070519/58f30e541a28abf0058b457f/html5/thumbnails/36.jpg)
ユーザーが論理的に考えた結果(最適解)を返答してくれることはあり得ない。製品やサービスを利用する際のコンテキスト(利用状況)を明確にすることが必要。
ユーザーの本音を引き出すことが重要
初心者のための User Centered Designの考え方(入門編)
![Page 37: 初心者のためのUser Centered Designの考え方(入門編)](https://reader035.vdocuments.net/reader035/viewer/2022070519/58f30e541a28abf0058b457f/html5/thumbnails/37.jpg)
花びんの絵を描いてください。( 5分間程度)
ミニワークショップ 課題 1
初心者のための User Centered Designの考え方(入門編)
![Page 38: 初心者のためのUser Centered Designの考え方(入門編)](https://reader035.vdocuments.net/reader035/viewer/2022070519/58f30e541a28abf0058b457f/html5/thumbnails/38.jpg)
花を楽しむ姿や様子を描いてください。( 5分間程度)
ミニワークショップ 課題2
初心者のための User Centered Designの考え方(入門編)
![Page 39: 初心者のためのUser Centered Designの考え方(入門編)](https://reader035.vdocuments.net/reader035/viewer/2022070519/58f30e541a28abf0058b457f/html5/thumbnails/39.jpg)
利用者の視点で考える → 設計の原点人との関係性を重視する → インターフェース
まとめ
初心者のための User Centered Designの考え方(入門編)
![Page 40: 初心者のためのUser Centered Designの考え方(入門編)](https://reader035.vdocuments.net/reader035/viewer/2022070519/58f30e541a28abf0058b457f/html5/thumbnails/40.jpg)
こんな製品を使いたいと思いますか ?
本末転倒の極端な例
初心者のための User Centered Designの考え方(入門編)