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.

メディアデザイン演習 授業概要

9,955 views

Published on

Human Centered Design プロセス体験授業
インタフェース研究

Published in: Design

メディアデザイン演習 授業概要

  1. 1. Okusa Mayumi Seian University of Art and Design メディアデザイン演習5・6 授業概要 インタフェース デザイン
  2. 2. 2 カリキュラム紹介 MD演習5 インタフェース研究-1  対象:3年生前期   インタフェースデザイン iOSの公式ガイドラインを読み、ヒューマン・インタフェース のデザインの原則や、UI要素のガイドラインについて学ぶ。 インタフェースデザインの様々な事例を調査し、手法や傾 向について分析・議論する。 シンプルなアプリをターゲットに、魅力的なサーフェース デザインにチャレンジする。
  3. 3. 3 カリキュラム紹介 MD演習5 インタフェース研究-1  対象:3年生前期   インタフェースデザイン
  4. 4. 4 カリキュラム紹介 MD演習6 インタフェース研究-2  対象:3年生後期   インタフェースデザイン HCD(Human Centered Design)の考え方に基づいた インタフェースデザインのプロセスを理解する。 ユーザーを観察して問題点を発見し、プロトタイプ制作と 評価を繰り返しながら、解決方法を考案する。 デザインアイデアをプロトタイプやデモによって分かりや すく伝える。
  5. 5. 5 カリキュラム紹介 MD演習6 インタフェース研究-2  対象:3年生後期   インタフェースデザイン
  6. 6. 6 HCD(Human Centered Design) ISO 9241-210 「人間中心設計の国際規格ISO9241-210:2010のポイント」安藤昌也 より インタフェースデザイン 設計プロセス全般にわたってUXを考慮する
  7. 7. 7 HCD(Human Centered Design) HCDプロセスにおける手法とツール     インタフェースデザイン
  8. 8. 8 MD演習6(インタフェースデザインテキスト) この授業での設計プロセスにおける手法とツール     インタフェースデザイン
  9. 9. 9 HCD(Human Centered Design) 1 )人間中心デザインプロセスの計画   インタフェースデザイン 【 人 】を中心に 考えることに決める
  10. 10. 10 HCD(Human Centered Design) 1 )人間中心デザインプロセスの計画   インタフェースデザイン 【 人 】を中心に 考えることに決める誰のためにデザインするのか? その人が求める本質的価値は何か? そのためにデザインすべきものは何か?
  11. 11. 11 HCD(Human Centered Design) 2 )利用の状況の理解と明示   インタフェースデザイン ユーザーはどんな人か? ユーザーは何をしたいと思っているか? ユーザーは今、どのように使っているか? ユーザーが困っていることはどんなことか? 観察やインタビューで ユーザーの状況を知る
  12. 12. 12 HCD(Human Centered Design) 2 )利用の状況の理解と明示   インタフェースデザイン ユーザーはどんな人か? ユーザーは何をしたいと思っているか? ユーザーは今、どのように使っているか? ユーザーが困っていることはどんなことか? 観察やインタビューで ユーザーの状況を知る ユーザー調査:観察 •  参与観察 •  ファウンドビヘイビア •  ビデオ観察/写真観察 •  カスタマージャーニーマップ •  ラピッドエスノグラフィー •  フォトエッセイ •  フォトダイアリー •  ロギングツールモニタリング •  郵送アンケート •  インターネットアンケート •  電話アンケート •  訪問アンケート •  街頭アンケート ユーザー調査:インタビュー •  グループインタビュー •  コンテクストインクワイアリー •  エスノグラフィックインタビュー •  フィールドワーク •  ディプスインタビュー ユーザー調査:アンケート
  13. 13. 13 HCD(Human Centered Design) 3 )ユーザーの要求事項の明示   インタフェースデザイン 使用シーンとゴールを具体的に描いてみる (概念モデル=体験価値の可視化) ユーザーのニーズとシステム側のシーズの接点 を見つけて要求仕様をまとめる 目標をはっきりさせる:コンセプトデザイン 目的
  14. 14. 14 HCD(Human Centered Design) 3 )ユーザーの要求事項の明示   インタフェースデザイン 使用シーンとゴールを具体的に描いてみる (概念モデル=体験価値の可視化) ユーザーのニーズとシステム側のシーズの接点 を見つけて要求仕様をまとめる 目標をはっきりさせる:コンセプトデザイン 目的 タスク分析 •  タスク分析 •  ワークモデル分析 •  カスタマージャーニーマップ 市場調査 •  既存サービスのUI調査分析 •  各種マーケティング調査 シーズ分析 •  企業の技術領域 •  組織環境 •  システムの機能 ニーズ分析 •  ペルソナ •  構造化シナリオ法-1 タスクシナリオ バリューシナリオ •  フォトエッセイ •  フォトダイアリー コンセプトの具現化 •  構造化シナリオ法-2 アクティビティシナリオ インタラクションシナリオ •  アイデアスケッチ •  要求仕様書
  15. 15. 15 HCD(Human Centered Design) 4 )ユーザーの要求事項を満たす、設計による解決策の作成   インタフェースデザイン スケッチをする プロトタイプをつくる 見えるモノ・触れるモノを 作ってみる
  16. 16. 16 HCD(Human Centered Design) 4 )ユーザーの要求事項を満たす、設計による解決策の作成   インタフェースデザイン スケッチをする プロトタイプをつくる 見えるモノ・触れるモノを 作ってみる 発想法 ─ 発散技法 •  ブレインストーミング •  ブレインライティング •  マインドマップ •  シーズニーズマトリックス法 発想法 ─ 収束技法 •  KJ法 •  上位下位関係分析法 •  系統図、関連図 •  フィッシュボーン法 •  カードソーティング •  評価グリッド法 発想法 ─ 統合技法 •  ワークデザイン法 •  構造化分析法 発想法 ─ 態度技法 •  インプロビゼーション •  ロールプレイング システムの可視化 •  UML    •  概念モデル •  LATCH法 •  インフォグラフィック •  パターン・ランゲージ •  ビジュアルボキャブラリー プロトタイピング •  ストーリーボード •  ペーパープロトタイピング •  ラピッドプロトタイピング •  アクティングアウト
  17. 17. 17 HCD(Human Centered Design) 5 )要求事項に対する設計の評価   インタフェースデザイン ユーザーや 専門家に 評価を受ける 見てもらう 触ってもらう
  18. 18. 18 HCD(Human Centered Design) 5 )要求事項に対する設計の評価   インタフェースデザイン ユーザーや 専門家に 評価を受ける 見てもらう 触ってもらう ユーザビリティ評価手法 ‒ 1 インスペクション法 •  ヒューリスティック法 (Nielsenの10項目など) •  チェックリスト法 (ガイドラインによる) •  認知的ウォークスルー法 •  グループウォークスルー法 ユーザビリティ評価手法 ‒ 2 モニター評価:短期 •  思考発話法によるプロトコル分析 •  生理指標測定法 •  パフォーマンス測定 •  対話法 •  観察法 ユーザビリティ評価手法 ‒ 2 モニター評価:長期 •  インタビュー/アンケート •  共同作業による問題発見 •  ロギングツール •  写真/VTRによる記録 •  NEM(操作性能測定) •  SUMI、CSMS(顧客満足度測定)
  19. 19. 19 HCD(Human Centered Design) 6 )ユーザーの要求事項を満たす設計解決策   インタフェースデザイン 要求事項を満たすまで デザインを進化させる
  20. 20. 2020 MD演習6(インタフェースデザインテキスト)     インタフェースデザイン
  21. 21. 2121    インタフェースデザインの設計プロセス Demo

×