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

Weitere ähnliche Inhalte

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

会津ソフトウェアリンゲージファーム デザイン応用課程講義資料
会津ソフトウェアリンゲージファーム デザイン応用課程講義資料会津ソフトウェアリンゲージファーム デザイン応用課程講義資料
会津ソフトウェアリンゲージファーム デザイン応用課程講義資料Gyoda Nawoshi
 
HCDの教育をHCDで考えた話
HCDの教育をHCDで考えた話HCDの教育をHCDで考えた話
HCDの教育をHCDで考えた話Jun Iio
 
機械学習モデルのサービングとは?
機械学習モデルのサービングとは?機械学習モデルのサービングとは?
機械学習モデルのサービングとは?Sho Tanaka
 
コンセプトデザインガイド
コンセプトデザインガイドコンセプトデザインガイド
コンセプトデザインガイド崚日 中井
 
e-Learning Design for Teacher
e-Learning Design for Teachere-Learning Design for Teacher
e-Learning Design for TeacherSunami Hokuto
 
『アプリケーション アーキテクチャ ガイド2.0』のガイド
『アプリケーション アーキテクチャ ガイド2.0』のガイド『アプリケーション アーキテクチャ ガイド2.0』のガイド
『アプリケーション アーキテクチャ ガイド2.0』のガイドKentaro Inomata
 
産業技術大学院大学 履修証明プログラム「人間中心デザイン」 参加レポート
産業技術大学院大学履修証明プログラム「人間中心デザイン」参加レポート産業技術大学院大学履修証明プログラム「人間中心デザイン」参加レポート
産業技術大学院大学 履修証明プログラム「人間中心デザイン」 参加レポートHiroko Harada
 
『UXデザインの教科書』を書きました
 『UXデザインの教科書』を書きました 『UXデザインの教科書』を書きました
『UXデザインの教科書』を書きましたMasaya Ando
 
機械学習応用のためのソフトウェアエンジニアリングパターン
機械学習応用のためのソフトウェアエンジニアリングパターン機械学習応用のためのソフトウェアエンジニアリングパターン
機械学習応用のためのソフトウェアエンジニアリングパターンHironoriTAKEUCHI1
 
UXデザインの理論・プロセス・手法の体系とポイント
UXデザインの理論・プロセス・手法の体系とポイントUXデザインの理論・プロセス・手法の体系とポイント
UXデザインの理論・プロセス・手法の体系とポイントMasaya Ando
 
情報システム・ユーザビリティの評価改善手法
情報システム・ユーザビリティの評価改善手法情報システム・ユーザビリティの評価改善手法
情報システム・ユーザビリティの評価改善手法Jun Iio
 
Android開発者とデザイナーの効率的な連携について
Android開発者とデザイナーの効率的な連携についてAndroid開発者とデザイナーの効率的な連携について
Android開発者とデザイナーの効率的な連携についてlychee .
 
ユーザインタフェース評価入門
ユーザインタフェース評価入門ユーザインタフェース評価入門
ユーザインタフェース評価入門崚日 中井
 
福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるためにMiho Yamamori
 
見やすいアウトプットのつくりかた
見やすいアウトプットのつくりかた見やすいアウトプットのつくりかた
見やすいアウトプットのつくりかたjujubkitakd
 
サービスデザインの教育 経験と活動から発想する サービスデザインの演習授業
サービスデザインの教育  経験と活動から発想する サービスデザインの演習授業サービスデザインの教育  経験と活動から発想する サービスデザインの演習授業
サービスデザインの教育 経験と活動から発想する サービスデザインの演習授業昭夫 吉橋
 
新しいソフトウェアエンジニアリングのためのパターンランゲージに向けて
新しいソフトウェアエンジニアリングのためのパターンランゲージに向けて新しいソフトウェアエンジニアリングのためのパターンランゲージに向けて
新しいソフトウェアエンジニアリングのためのパターンランゲージに向けてHironori Washizaki
 
河野ゼミ紹介2013
河野ゼミ紹介2013河野ゼミ紹介2013
河野ゼミ紹介2013義広 河野
 

Ähnlich wie メディアデザイン演習 授業概要 (20)

会津ソフトウェアリンゲージファーム デザイン応用課程講義資料
会津ソフトウェアリンゲージファーム デザイン応用課程講義資料会津ソフトウェアリンゲージファーム デザイン応用課程講義資料
会津ソフトウェアリンゲージファーム デザイン応用課程講義資料
 
HCDの教育をHCDで考えた話
HCDの教育をHCDで考えた話HCDの教育をHCDで考えた話
HCDの教育をHCDで考えた話
 
機械学習モデルのサービングとは?
機械学習モデルのサービングとは?機械学習モデルのサービングとは?
機械学習モデルのサービングとは?
 
現代の情報社会をデザインする
現代の情報社会をデザインする現代の情報社会をデザインする
現代の情報社会をデザインする
 
コンセプトデザインガイド
コンセプトデザインガイドコンセプトデザインガイド
コンセプトデザインガイド
 
e-Learning Design for Teacher
e-Learning Design for Teachere-Learning Design for Teacher
e-Learning Design for Teacher
 
『アプリケーション アーキテクチャ ガイド2.0』のガイド
『アプリケーション アーキテクチャ ガイド2.0』のガイド『アプリケーション アーキテクチャ ガイド2.0』のガイド
『アプリケーション アーキテクチャ ガイド2.0』のガイド
 
産業技術大学院大学 履修証明プログラム「人間中心デザイン」 参加レポート
産業技術大学院大学履修証明プログラム「人間中心デザイン」参加レポート産業技術大学院大学履修証明プログラム「人間中心デザイン」参加レポート
産業技術大学院大学 履修証明プログラム「人間中心デザイン」 参加レポート
 
『UXデザインの教科書』を書きました
 『UXデザインの教科書』を書きました 『UXデザインの教科書』を書きました
『UXデザインの教科書』を書きました
 
機械学習応用のためのソフトウェアエンジニアリングパターン
機械学習応用のためのソフトウェアエンジニアリングパターン機械学習応用のためのソフトウェアエンジニアリングパターン
機械学習応用のためのソフトウェアエンジニアリングパターン
 
UXデザインの理論・プロセス・手法の体系とポイント
UXデザインの理論・プロセス・手法の体系とポイントUXデザインの理論・プロセス・手法の体系とポイント
UXデザインの理論・プロセス・手法の体系とポイント
 
情報システム・ユーザビリティの評価改善手法
情報システム・ユーザビリティの評価改善手法情報システム・ユーザビリティの評価改善手法
情報システム・ユーザビリティの評価改善手法
 
Android開発者とデザイナーの効率的な連携について
Android開発者とデザイナーの効率的な連携についてAndroid開発者とデザイナーの効率的な連携について
Android開発者とデザイナーの効率的な連携について
 
ユーザインタフェース評価入門
ユーザインタフェース評価入門ユーザインタフェース評価入門
ユーザインタフェース評価入門
 
福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために
 
研究内容紹介
研究内容紹介研究内容紹介
研究内容紹介
 
見やすいアウトプットのつくりかた
見やすいアウトプットのつくりかた見やすいアウトプットのつくりかた
見やすいアウトプットのつくりかた
 
サービスデザインの教育 経験と活動から発想する サービスデザインの演習授業
サービスデザインの教育  経験と活動から発想する サービスデザインの演習授業サービスデザインの教育  経験と活動から発想する サービスデザインの演習授業
サービスデザインの教育 経験と活動から発想する サービスデザインの演習授業
 
新しいソフトウェアエンジニアリングのためのパターンランゲージに向けて
新しいソフトウェアエンジニアリングのためのパターンランゲージに向けて新しいソフトウェアエンジニアリングのためのパターンランゲージに向けて
新しいソフトウェアエンジニアリングのためのパターンランゲージに向けて
 
河野ゼミ紹介2013
河野ゼミ紹介2013河野ゼミ紹介2013
河野ゼミ紹介2013
 

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