Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

UXデザイン概論

2,287 views

Published on

2018年5月12日 人間中心設計推進機構東海支部

Published in: Design
  • Be the first to comment

UXデザイン概論

  1. 1. Copyright © Masaya Ando 2018年HCD-Net東海 UXデザイン連続セミナー STEP0 2018/05/12
  2. 2. Copyright © Masaya Ando 安 藤 昌 也 千葉工業大学先進工学部知能メディア工学科 教授 早 稲 田 大 学 政 治 経 済 学 部 経 済 学 科 卒 業 。 NTTデータ通信(現、NTTデータ)、経営コンサ ルティング会社取締役、早稲田大学、国立情報学 研究所、産業技術大学院大学など経て、2011年千 葉工業大学工学部准教授、2015年教授。2016年 より現職。博士(学術) . 専門は、人間中心デザイン。UX(ユーザ体験) の研究者。人間工学ISOの国内対策委員等を務める。 認定人間中心設計専門家 / 認定専門社会調査士
  3. 3. Copyright © Masaya Ando 『UXデザインの教科書』は“教科書”である UXデザインを学びたい人が、一通りの知識を習得するため に独習できる教科書。 1章 概要 なぜUXデザインが必要なのか? UXデザインの背景と歴史を学ぶ 2章 基礎知識 UXデザインの知識を新たに体系化 7つの要素で重要な知識を学ぶ 3章 プロセス 実践する際の包括的なプロセスを整理 各段階での知識とコツ・留意点を学ぶ 4章 手法 プロセスを実践する手法を整理 22の手法とコツを学ぶ 知 識 か ら 実 践 へ
  4. 4. Copyright © Masaya Ando UXデザインにおける安藤のポジション 20年間、UXデザインの実践・理論・教育の全てに携わる。 実践 理論 教育 NTTデータ通信 アライド・ブレインズ UXの研究で博士号 国立情報学研究所 産業技術大学院大学 千葉工業大学 UX UXD 千葉工業大学 履修証明プログラム 「人間中心デザイン」 産業技術大学院大学
  5. 5. Copyright © Masaya Ando
  6. 6. Copyright © Masaya Ando ユーザーがうれしいと感じる体験となるように 製品やサービスを企画の段階から 理想のユーザー体験(UX)を目標として デザインしていく 取組み方とその方法論
  7. 7. Copyright © Masaya Ando 体験価値とUXデザイン
  8. 8. “体験”こそ商品 総合的な体験を通して顧客が得る価値こそ商品
  9. 9. Copyright © Masaya Ando 消費者は“体験”を買っている バルミューダは「物より体験」をキーワードに、スチーム オーブントースターなどヒット商品を開発。
  10. 10. Copyright © Masaya Ando 消費者は“体験”を買っている バルミューダのWebサイトと他社のサイトを比較すると、 体験価値をいかに伝達するかに注力しているかに気づく。 美味しく炊ける機能は必要だが それによってユーザーは美味しい食事のある生活価値を求めている
  11. 11. Copyright © Masaya Ando UXデザインによるビジネス成功例の増加 国内においてもUXを考慮したアプリケーションが、これま でにないビジネス展開のコアとなる事例も出ている。
  12. 12. Copyright © Masaya Ando UXとは何か?
  13. 13. Copyright © Masaya Ando におけるUXの定義 注1:ユーザーエクスペリエンスは,使用前,使用中及び使用後に生じ る,ユーザーの感情,信念,嗜好,知覚,身体的及び心理的反応,行動 など,その結果の全てを含む。 注2:ユーザーエクスペリエンスは,ブランドイメージ, 提示,機能, システムの性能,インタラクティブシステムにおけるインタラクション 及び支援機能,事前の経験・態度・技能及び人格から生じるユーザーの 内的及び身体的な状態,並びに利用状況,これらの要因によって影響を 受ける。 注3:ユーザビリティは,ユーザーの個人的な目標の観点から解釈され たとき,通常はユーザーエクスペリエンスと結び付いた知覚及び感情的 側面の類を含めることができる。ユーザビリティの基準は,ユーザーエ クスペリエンスの幾つかの側面を評価するために使用できる。 (教科書 p.52、ただしJIS Z 8530原案の最新版に基づき変更)
  14. 14. Copyright © Masaya Ando UXの期間モデル UXは、時間の観点捉えることが重要。ユーザーは、それぞ れ、異なる評価基準で体験を評価する。
  15. 15. Copyright © Masaya Ando ユーザー体験(UX)とは? ユーザー体験は、製品やサービスを実際の利用状況(利用文 脈)の中で利用する際の、ユーザーの中に生じるもの。 利用文脈 ユーザー体験 (体験価価値値) ユーザーと製品との関わり ユ ー ザ ー ユーザビリティ 利用品質製品 ササービスス (教科書 p.49) モノ側ヒト側
  16. 16. Copyright © Masaya Ando
  17. 17. Copyright © Masaya Ando 産業デザインとしてのUXデザイン
  18. 18. Copyright © Masaya Ando
  19. 19. Copyright © Masaya Ando そもそも“体験”は デザインできるか?
  20. 20. Copyright © Masaya Ando 展示会の例~商工会議所からの依頼をUXDで解決 「ショッピングセンターでの企業展示を誰もみてくれない」 という依頼。“見てもらう体験”は、設計できる。 安藤研が関わる1年前の展示の様子 中小企業の製品は、部品だけだったり、専門的 なものが多すぎ、パネルだけではわからない 体験が仕込まれた展示 時間が限られていたため、企業 パネルはそのままで、人が見て くれる仕掛けを埋め込んだ
  21. 21. Copyright © Masaya Ando 展示会の例~商工会議所からの依頼をUXDで解決 想定したエクスペリエンスは、多少姑息な手段だが。。。 体験を実現するために制作物を工夫してデザイン。 企業紹介補助パネル 従来のパネルだけでは、見ても分からない。そこで、地図 を載せることで、地元の人にはどこら辺かが伝わる。 また短いコピーで特徴を表現し「見る体験」に意味を付与。 似顔絵と塗り絵 顔のある絵に子供は 惹かれる。塗り絵は 単純だが、子供は惹 かれる。。。
  22. 22. Copyright © Masaya Ando 展示会の例~商工会議所からの依頼をUXDで解決 計画通りのエクスペリエンスが創出され、従来と比較になら ないほど人が見てくれ、やたらに感謝された。
  23. 23. Copyright © Masaya Ando 展示会の例~AED・CPRのプロモーション AEDと心肺蘇生法の認知を、千葉工大の学内で高めるための プロモーション企画。伝えたいことは展示会で伝達。 学内のAEDの場所を告知する キャラクターパネル 展示会までの1週間毎日 ソセイダーの様子を Tweetして興味をひく キャラクターパネルの掲示後、1週 間後に学内で啓発の展示会を実施
  24. 24. Copyright © Masaya Ando 展示会の例~AED・CPRのプロモーション 認知を高める体験もそうだが、通路での展示だからこそ、 ポスターの文字を制御して見る人が広がらないようにできた。 具体的に読みたくなる部分の文字を、あえて小 さい文字にすることで、一歩前に近寄らせ、 後ろに通路のスペースを確保する狙い。
  25. 25. 2008年頃 安藤「僕はユーザーを導くデザインを研究しています」 福田哲夫先生「僕は “うながすデザイン” だな。 導くって上から目線。僕とは違うねw」
  26. 26. Copyright © Masaya Ando “新しい価値を感じる体験”をデザインからUXデザイン 人が何に興味を持ち、どんなモチベーションを抱き、行動に つなげるか。心理学などの理論を理解した上で丁寧に理想の 行動を考え、小さなデザインに魂を入れる。
  27. 27. Copyright © Masaya Ando UXデザインにおける 新しい体験を生み出すまでの 基本的な考え方
  28. 28. Copyright © Masaya Ando UXデザインの大きな特徴 「ユーザーの主観的体験」という扱いにくい事象を、 ユーザーモデリングという技法を活用し、デザインの俎上に 載せる点が最大の特徴である。 ユーザー群のイメージ ユーザーの主観的な体験のままでは 個別すぎて扱いにくい パターンとして捉えてモデルを作ることで 操作可能になる 従来のマーケティング・セグメントと異なり 「体験」の本質を見極めてモデルを作らないと意味がない 特定の人だと思えば “その人”のことを 考えてあげられるね
  29. 29. Copyright © Masaya Ando ユーザーモデリングとUXデザインの考え方 ユーザーモデリングの三階層は、UXデザインの基本発想。 現実の コンテクスト 属性層 行為層 価値層 想定ユーザー 提案するコンテクスト (シナリオ/ストーリー) 新しいユーザーの行為 実現したい理想のUX 着目する価値 体験価値 (本質的ニーズ) (p.132)
  30. 30. Copyright © Masaya Ando 様々な調査法や分析法は三階層で対応付けられる ユーザーモデリグの三階層 エスノグラフィ コンテクスチュアル インクワイアリー フォトエッセイ デプスインタビュー アンケート ユーザー調査の代表的な手法 ■価値・意味・理解の把握 ■行為・文脈・流れの把握 ■ユーザーの属性・目標の把握 行動観察 主なユーザーモデリング手法 ペルソナ法 インタビュー 問題シナリオ ワークモデル分析 上位・下位関係分析 KA法 (価値分析法) ジャーニーマップ (現状モデル) 価値層 行為層 属性層 (p.134)
  31. 31. Copyright © Masaya Ando UXデザインの基本ユーザーモデル「UX3点セット」 ユーザー調査結果は、少なくともこの3つにモデリングして おく必要がある。 ペルソナ ジャーニーマップ 価値マップ ユーザー調査 属性層 行為層 価値層 (p.136)
  32. 32. Copyright © Masaya Ando UXデザインの インプットとアウトプット
  33. 33. Copyright © Masaya Ando 実践としてのUXデザインの要素と関係性 (p.38)
  34. 34. Copyright © Masaya Ando UXデザインのインプット
  35. 35. Copyright © Masaya Ando UXデザインのアウトプット
  36. 36. Copyright © Masaya Ando UXデザインのプロセス ①実現する体験価値の設定 ②理想のUXと利用文脈の想定 ④UXを実現する製品・ サービスを提供する仕組み の設計 ③理想のUXを実現する 製品・サービスをの制作 ○既存UXの把握、利用文脈の把握 ○製品・市場の把握 アイデアの発想とコンセプトの作成 利用文脈とユーザー体験の把握 プロトタイプの反復による 製品・サービスの詳細化 実装レベルの制作物による ユーザー体験の評価 実現するユーザー体験と 利用文脈の視覚化 ユーザー体験のモデル化と 体験価値の探索 体験価値の伝達と保持のための 指針の作成 Analyze調 査 ・ 分 析 Design コ ン セ プ ト デ ザ イ ン Prototype プ ロ ト タ イ プ Evaluation 評 価 Deliver 提 供 ○ユーザーモデルの作成
  37. 37. Copyright © Masaya Ando HCDとUXDプロセス 人間中心設計は、UXデザインを実践するための理論。
  38. 38. Copyright © Masaya Ando UXをデザインするための諸手法の位置づけ アイデアの発想とコンセプトの作成 利用文脈とユーザー体験の把握 プロトタイプの反復による 製品・サービスの詳細化 実装レベルの制作物による ユーザー体験の評価 実現するユーザー体験と 利用文脈の視覚化 ユーザー体験のモデル化と 体験価値の探索 体験価値の伝達と保持のための 指針の作成 ユーザー行為の観察/エスノグラフィ インタビュー/フォトエッセイ/日記法/エクスペリエンス・ フィードバック法 KA法/上位下位分析法/KJ法/メンタルモデルダイアグラム ペルソナ/エンパシーマップ ジャーニーマップ(AS-ISモデル) 問題シナリオ 発想法/アイデアソン バリューシナリオ/ストーリーテリング UXコンセプトツリー アクティビティシナリオ ジャーニーマップ(TO-BEモデル) 9コマシナリオ/ストーリーボード アクティングアウト(体験スケッチ)/体験ムービー コンセプトテスト ペーパープロトタイプ/オズの魔法使い プロトタイプ/ウォークスルー評価 サービスブループリント ビジネスモデルキャンバス/CVCA 専門家評価/ヒューリスティック評価/認知的ウォークスルー ユーザビリティテスト フィールドテスト UX指標に基づく評価/UX評価尺度による評価 コンセプトブック/クレド デザインガイドライン アクセスログ解析/コールセンター問い合わせ情報解析 Analyze 調 査 ・ 分 析 Design コ ン セ プ ト デ ザ イ ン Prototype プ ロ ト タ イ プ Evaluation 評 価 Deliver 提 供
  39. 39. Copyright © Masaya Ando
  40. 40. Copyright © Masaya Ando 基本発想の転換
  41. 41. Copyright © Masaya Ando UXデザインの品質に影響する3要素 製品・サービス以外のユーザーとのタッチポイントも同様に 体験価値及び目標とするUX を尊重し一貫して計画・実施する
  42. 42. Copyright © Masaya Ando もっと うれしい 体験を。

×