プロトタイピング実践ガイド スマホアプリの効率的なデザイン手法

著者 : 深津貴之 荻野博章

制作 : 丸山 弘詩 

• インプレス (2014年7月11日発売)

作品紹介・あらすじ

ソフトウェア開発における「プロトタイプ」とは、シミュレーションを目的とした試作品のことをいいます。本書で解説するプロトタイピングは、主に紙などを使った「低精度プロトタイピング」を中心とした手法です。リスク回避や初期段階における可能性の模索をメインに検討します。設計フェーズの早期段階からプロトタイプを作成し、検証と改善を繰り返すことで、機能要件やUI設計、デザインを効率良く具現化していくことができます。

感想・レビュー・書評

[kimitoshiさんの感想 · 2015年3月31日]

プロトタイピングについて、うまくまとめられている本書。コストをかけず、スピーディーに動き、製品を作っていくリーンのプロセスの一部だな、と感じながら読み進めました。

[maedaaaaさんの感想 · 2024年1月26日]

体感だと2018年以降もうこの本の内容では古くてそのまま実践には耐えられないだろうと思う。
現在この本は実用書としてではなく、過去の手法を学ぶ歴史書として読み解くのが適切だと思う。

[aさんの感想 · 2020年12月18日]

今さらHow toでこんな古い本を読んでしまった（後半は最早読んでいない）...
変化の速さに震えある意味で身に沁みた。

[六衛門さんの感想 · 2020年10月4日]

1979年生まれ

[さかぱさんの感想 · 2019年3月22日]

UXデザインでは著名な深津貴之(@fladdict)氏の書籍。

プロトタイプの作り方の本かと思いきや、なぜプロトタイプが重要なのか、それも提案(コンペ)フェーズでのメリットから書かれていて驚いた。他の書籍なら「作成時の手戻りコスト」がほとんどなのだが、クライアントの信頼関係構築や競合と差をつける情報を入手するなど、提案フェーズの視点で話ができるのは、著者がしっかり実践してきた証だとも言える。

荒く作り、回転率をあげることがプロトタイピングの本質であると述べている。またバイアスや感情、好みを排除し、常に客観的な評価を下すために、ProsConsリストを作ることを勧めている。ぜひ実践に取り入れたい。

[penuさんの感想 · 2017年3月18日]

スマホアプリに限られるが、非常に実践的なレベルでプロトタイピングのコツがまとまっていて、初心者でも分かるような気がした。

プロトタイピングにおいては、機能ごとに作成することで課題を明らかなしやすいこと、
アプリにおいてはまずは構造から考えるべきことが勉強になった。

構造として、アプリにはユーティリティー型、ナビゲーション型、タブ型、ドロワー型、没入型の5パターンがあり、それぞれのプロコンが整理されていた点は、特に分かりやすかった。

[rattonukeさんの感想 · 2014年12月1日]

スマホアプリ作成の概要は素人であっても、大まか理解出来る

[tkさんの感想 · 2014年8月11日]

・本
ビジュアル、レイアウトきれい
薄い、コンパクト
->読みやすい

・内容
導入詳細はリーンスタートアップ参照

ステートメントシート

スライドシェアの内容も載ってる。

ツール利用のプロトタイピングのデメリットは即時的なミーティングでの不便や、事前の習熟の必要性からメンバー全員で柔軟に作成できないこと。ペーパープロトタイピングとの共同利用が望ましい。

プロトタイプの案が複数作られ、それぞれプロコンリストなどをもとに比較検討し、最終ではひとつに決定されている。
検討:
・ステートメントシートの項目らと整合性や適性が合うかいなか
・操作の優先順位はどれが一番か(頻度が一番高そうな利用、ケースはどれか)


機能選定時の4分類:
1必須、2あれば望ましい、3不要/実装不可、将来的に実装

2と3はステートメントシート(ペルソナ、ユースケース、使用頻度)とのすりあわせで決定。
アプリは機能を絞るほど使いやすくなる。

ユースケースの検討において、そのアプリの想定利用時は集中可か邪魔有かについても考慮する。

ドロワー型 例.spotify

ユーザービリティテストの概要がいい。

道具については筆者ブログ参照


プロコンリスト(メリット、デメリットの表)
どの画面、どのプロトタイプにも逐一付随して来ている、判断材料として記述されている。

ペーパープロトタイピングは色付き付箋で変化箇所をわかりやすくしている。

5章の実例で、tiltshiftgen2のプロトタイプがpopのURLで公開されている。（URLのメモはしていません；）

・参考プロトタイピングツール
pop
Flinto
Demonstrate
marvel
Proto.io
Stand in
Storyboard
Origami
Quartz composer