社内勉強会資料 ・プロトタイプ作成 ・プロトタイプツール ・プロトタイプ手順 ・プロトタイプ心得

1. 爆速ラピッドプロトタイプ講座
• スマートフォンアプリ編

2. プロトタイピングとは
プロトタイピングとは、
体験に似たものを作り、
サービスや製品のシュミレーションすること
そして、チームの認識のズレを減らしていくこと

3. プロトタイピングとは
・プロトタイプの種類
・プロトタイピングの工程
・便利ツール

4. プロトタイプの種類 手書き
長所
・いつでも書ける
・準備がいらない
・時間がかからない
・配置とその変更が容易
・低コスト
短所
・シュミレーションレベルが低い
・フィードバックがフローと概要のみに限定
・手作業でのシュミレーションに時間がかかる

5. プロトタイプの種類 紙芝居
長所
・画面の遷移がイメージできる
・端末で確認できる
・チームで共有しやすい
短所
・ツールを使いこなす必要がある
・多少時間がかかる

6. プロトタイプの種類 モーション
長所
・実物にカナリ近いものを作成できる
・画面の遷移に加えインタラクションがイメージでき
る
短所
・改変に時間が掛かる
・実物ではないので限界はある

7. プロトタイプの種類 コード
長所
・本番環境のコードとして再利用できる場合がある。
・最もリアルなシミュレーションを実現。
・既存のコード資産からの生成が可能。
短所
・フィードバックのハードルが高い
・時間がかかる
・コードを完璧なものにしたいという誘惑

8. 工程
プロジェクトとは仮説検証とチームの認識を合わせる
ことの繰り返しである。
では、プロトタイピングってなんだろう？
コミュニケーションである

9. 工程
1.種を見つける
2.サービスデザイン定義書
3.UXデザイン定義書
4.イメージボード
5.ペーパー
6.ワイフレ
7.モーション
8.本デザインと開発着手

10. 便利ツール
デザイン
・sketch
http://www.sketchappsources.com/

11. 便利ツール
プロトタイプ
・ペーパー
https://popapp.in/jp/sketchpad/
・pop
http://qiita.com/flexfirm/items/
8dd80f70029ce2c02ee8
・pixate
http://japan.cnet.com/news/business/35067747/

12. 便利ツール
スタイルガイド
・Zeplin
レイアウトやサイズ、カラーなどの決まり事
http://yumeirodesign.jp/blog/201504/zeprin-
review.html