プロトタイピングと定性調査のすすめ #yxdena

26
プロトタイピングと定性調査のすすめ 堀 哲也 Yahoo! JAPANアプリ

Upload: yahoo

Post on 15-Jan-2015

5.240 views

Category:

Internet


3 download

DESCRIPTION

7/16の勉強会にて発表された資料です。 Yahoo! JAPAN DeNA「iOSエンジニア・UI/UXデザイナー勉強会」 http://dena.com/campaign/2014/yahoo_dena/

TRANSCRIPT

Page 1: プロトタイピングと定性調査のすすめ #yxdena

プロトタイピングと定性調査のすすめ

堀 哲也 Yahoo! JAPANアプリ

Page 2: プロトタイピングと定性調査のすすめ #yxdena

Yahoo! JAPANアプリデザイナー

堀 哲也

Page 3: プロトタイピングと定性調査のすすめ #yxdena

1. プロトタイプは適度に手を抜く

2. 行動を分解して観察する

今回伝えたいこと

Page 4: プロトタイピングと定性調査のすすめ #yxdena

なるべく短時間で 必要な分だけつくる

Page 5: プロトタイピングと定性調査のすすめ #yxdena

最近は色々とツールがある

Tweak

Demonstrate

InVision

Stand In

Composite

Prott

POP

Flinto

proto.io

Briefs

Page 6: プロトタイピングと定性調査のすすめ #yxdena

手描きでもイイとは言うが...

Page 7: プロトタイピングと定性調査のすすめ #yxdena

特にテキストは大変!読みづらい

Page 8: プロトタイピングと定性調査のすすめ #yxdena

では何で作ってるの?

Page 9: プロトタイピングと定性調査のすすめ #yxdena

Keynote

Page 10: プロトタイピングと定性調査のすすめ #yxdena

スライドのサイズをiOS端末と合わせる

640×1136

Page 11: プロトタイピングと定性調査のすすめ #yxdena

リンクを設定する

Page 12: プロトタイピングと定性調査のすすめ #yxdena

PDFPDF

PDFで書き出しViewerアプリで開く

コーヒー1

2014年2月16日

コーヒー2

2014年2月16日

コーヒー3

2014年2月16日

コーヒー1

2014年2月16日

コーヒー2

コーヒー

リスト 地図

PDF

Page 13: プロトタイピングと定性調査のすすめ #yxdena

オススメ機能

Page 14: プロトタイピングと定性調査のすすめ #yxdena

画像切り抜きは 「インスタントアルファ」が便利!

コーヒー1

2014年2月16日

コーヒー2

2014年2月16日

コーヒー3

2014年2月16日

コーヒー1

2014年2月16日

コーヒー2

コーヒー

リスト 地図

Page 15: プロトタイピングと定性調査のすすめ #yxdena

画像切り抜きは 「インスタントアルファ」が便利!

Page 16: プロトタイピングと定性調査のすすめ #yxdena

サムネイル画像作成は 「マスクを編集」を使用

コーヒー1

2014年2月16日

コーヒー2

2014年2月16日

コーヒー3

2014年2月16日

コーヒー1

2014年2月16日

コーヒー2

コーヒー

リスト 地図

Page 17: プロトタイピングと定性調査のすすめ #yxdena

サムネイル画像作成は 「マスクを編集」を使用

Page 18: プロトタイピングと定性調査のすすめ #yxdena

定性調査フォーカスグループインタビュー

デプスインタビュー ユーザビリティテスト

などなど

Page 19: プロトタイピングと定性調査のすすめ #yxdena

定性調査はハードルが高い

シナリオ作成が難しい インタビュースキルがない リクルーティングが難しい

まとめが難しい !

など

Page 20: プロトタイピングと定性調査のすすめ #yxdena

観察力をつける

Page 21: プロトタイピングと定性調査のすすめ #yxdena

コーヒー1

2014年2月16日

コーヒー2

2014年2月16日

コーヒー3

2014年2月16日

コーヒー1

2014年2月16日

コーヒー2

コーヒー

リスト 地図

お題:引っ越しをしたので天気の地域を変更してください。

Page 22: プロトタイピングと定性調査のすすめ #yxdena

コーヒー1

2014年2月16日

コーヒー2

2014年2月16日

コーヒー3

2014年2月16日

コーヒー1

2014年2月16日

コーヒー2

コーヒー

リスト 地図

お題:引っ越しをしたので天気の地域を変更してください。

Page 23: プロトタイピングと定性調査のすすめ #yxdena

:メニューが見つからない

:(ユーザーは)設定画面をひらけない

問題点はユーザー視点で記述

Page 24: プロトタイピングと定性調査のすすめ #yxdena

操作はわかるがうまく完了できない

ハンバーガーボタンは見つけたが操作がわからない

ハンバーガーボタンがない

設定ボタンが見つからない

設定画面を開けない

どこで変更するかわからない

何をしたら良いかわからない

効率

効果

Page 25: プロトタイピングと定性調査のすすめ #yxdena

1. 作り込み過ぎないプロトタイプ

2. 行動を観察して分解

まとめ

Page 26: プロトタイピングと定性調査のすすめ #yxdena

ありがとうございました