ペーパープロトタイピング基本テクニック集

16
ペーパープロトタイピング 基本テクニック集

Upload: tarumoto-tetsuya

Post on 31-May-2015

6.508 views

Category:

Technology


0 download

DESCRIPTION

このスライドは記事の関連資料です。元記事は以下のサイトでご覧ください。 http://www.usablog.jp/2013/01/paperprototyping.html

TRANSCRIPT

Page 1: ペーパープロトタイピング基本テクニック集

ペーパープロトタイピング基本テクニック集

Page 2: ペーパープロトタイピング基本テクニック集

「ユーザビリティエンジニアリング(第2版)」

1章 ユーザ中心設計概論2章 インタビュー法3章 インタビューの実践4章 データ分析法5章 発想法6章 プロトタイプ7章 ユーザビリティ評価法8章 ユーザテスト9章 ユーザテストの準備10章 ユーザテストの実施11章 分析と再設計12章 ユーザ中心設計活動

*無料サンプル版(第2章全文)http://www.slideshare.net/barrelbook/ss‐26183115

全面広告

全面広告

Page 3: ペーパープロトタイピング基本テクニック集

主な道具

Page 4: ペーパープロトタイピング基本テクニック集

GUI部品

ラジオボタン

チェックボックス

ボタン

貼ってはがせるテープ

剥がしやすいように、端を折り曲げておく(ハンドル)

Page 5: ペーパープロトタイピング基本テクニック集

GUI部品

ドロップダウンリスト

Page 6: ペーパープロトタイピング基本テクニック集

GUI部品

スピンボタン

切れ込み

切れ込み

Page 7: ペーパープロトタイピング基本テクニック集

GUI部品

スライダー

切れ込み

Page 8: ペーパープロトタイピング基本テクニック集

GUI部品

テキストボックス

テキストエリア

貼ってはがせるテープ

切れ込み

切れ込み

※スピンボタンと同じ仕組み

Page 9: ペーパープロトタイピング基本テクニック集

GUI部品

タブ

Page 10: ペーパープロトタイピング基本テクニック集

GUI部品

ダイアログボックス

Page 11: ペーパープロトタイピング基本テクニック集

GUI部品

スイッチ(iOS) 切れ込み

※スライダーと同じ仕組み

Page 12: ペーパープロトタイピング基本テクニック集

GUI部品

ピッカー(iOS)

切れ込み

切れ込み

Page 13: ペーパープロトタイピング基本テクニック集

参考

透明シート

Page 14: ペーパープロトタイピング基本テクニック集

作成例(アンケート調査画面)

Page 15: ペーパープロトタイピング基本テクニック集

樽本徹也 ‐ 利用品質ラボ代表

• UXリサーチャ/ユーザビリティエンジニア• 認定人間中心設計専門家• 認定スクラムプロダクトオーナー(CSPO)• NPO  人間中心設計推進機構 評議員• アジャイルUCD研究会 共同代表

◎人机交互論 ‐ユーザビリティエンジニア的HCI論http://www.usablog.jp/◎アジャイルUCD研究会 ‐リーン/アジャイルUX最新Newshttp://groups.google.com/group/agileucdja?hl=ja◎Facebook ‐樽本徹也https://www.facebook.com/tetsuya.tarumoto

UX/UCDの講演・研修 UX/UCDの社内導入支援 UX/UCDによる製品開発支援

Keep in touch!

Page 16: ペーパープロトタイピング基本テクニック集

簡単・便利なコトづくり応援します。

UX/UCDの講演・研修UX/UCDの社内導入支援UX/UCDによる製品開発支援

東京都台東区下谷1‐11‐15ソレイユ入谷4F