Let’s sketch!! Paper prototype
description
Transcript of Let’s sketch!! Paper prototype
![Page 1: Let’s sketch!! Paper prototype](https://reader033.fdocuments.in/reader033/viewer/2022060115/557c08d7d8b42ae7748b47b6/html5/thumbnails/1.jpg)
Let’s sketchPaper prototype2011.7.16
WCAF Seminar vol.715VISION @ ichigami
!!!!
![Page 2: Let’s sketch!! Paper prototype](https://reader033.fdocuments.in/reader033/viewer/2022060115/557c08d7d8b42ae7748b47b6/html5/thumbnails/2.jpg)
Self introduction• いちがみ トモロヲ(一神 友郎)• フリーランスのWebディレクター・デザイナー• 屋号:15VISION(イチゴビジョン)
![Page 3: Let’s sketch!! Paper prototype](https://reader033.fdocuments.in/reader033/viewer/2022060115/557c08d7d8b42ae7748b47b6/html5/thumbnails/3.jpg)
![Page 4: Let’s sketch!! Paper prototype](https://reader033.fdocuments.in/reader033/viewer/2022060115/557c08d7d8b42ae7748b47b6/html5/thumbnails/4.jpg)
15VISION works
![Page 5: Let’s sketch!! Paper prototype](https://reader033.fdocuments.in/reader033/viewer/2022060115/557c08d7d8b42ae7748b47b6/html5/thumbnails/5.jpg)
![Page 6: Let’s sketch!! Paper prototype](https://reader033.fdocuments.in/reader033/viewer/2022060115/557c08d7d8b42ae7748b47b6/html5/thumbnails/6.jpg)
![Page 7: Let’s sketch!! Paper prototype](https://reader033.fdocuments.in/reader033/viewer/2022060115/557c08d7d8b42ae7748b47b6/html5/thumbnails/7.jpg)
![Page 8: Let’s sketch!! Paper prototype](https://reader033.fdocuments.in/reader033/viewer/2022060115/557c08d7d8b42ae7748b47b6/html5/thumbnails/8.jpg)
Agenda
• ペーパープロトタイプとは?
• ペーパープロトタイプの利点
• なぜ今ペーパープロトタイプ?
• ペーパープロトタイプグッズ
• まとめ
![Page 9: Let’s sketch!! Paper prototype](https://reader033.fdocuments.in/reader033/viewer/2022060115/557c08d7d8b42ae7748b47b6/html5/thumbnails/9.jpg)
What is Paper prototyping
ペーパープロトタイプとは?
![Page 10: Let’s sketch!! Paper prototype](https://reader033.fdocuments.in/reader033/viewer/2022060115/557c08d7d8b42ae7748b47b6/html5/thumbnails/10.jpg)
http://joswig.name/week3_proto.html
![Page 11: Let’s sketch!! Paper prototype](https://reader033.fdocuments.in/reader033/viewer/2022060115/557c08d7d8b42ae7748b47b6/html5/thumbnails/11.jpg)
Merrittペーパープロトタイプの利点
![Page 12: Let’s sketch!! Paper prototype](https://reader033.fdocuments.in/reader033/viewer/2022060115/557c08d7d8b42ae7748b47b6/html5/thumbnails/12.jpg)
デザインは、直せば直しただけ必ず良くなる。その時間を計画的に作れば、君もデザインの達人だ♪“ ”良いデザインをするには | 情報デザイン研究室
http://asanoken.jugem.jp/?eid=813
![Page 13: Let’s sketch!! Paper prototype](https://reader033.fdocuments.in/reader033/viewer/2022060115/557c08d7d8b42ae7748b47b6/html5/thumbnails/13.jpg)
http://www.flickr.com/photos/rdrozd/5514221337/
![Page 14: Let’s sketch!! Paper prototype](https://reader033.fdocuments.in/reader033/viewer/2022060115/557c08d7d8b42ae7748b47b6/html5/thumbnails/14.jpg)
Whyなぜ今ペーパープロトタイプ!?
![Page 15: Let’s sketch!! Paper prototype](https://reader033.fdocuments.in/reader033/viewer/2022060115/557c08d7d8b42ae7748b47b6/html5/thumbnails/15.jpg)
モバイルデバイス対応が求められている
http://www.flickr.com/photos/drewvigal/4509432445/
![Page 16: Let’s sketch!! Paper prototype](https://reader033.fdocuments.in/reader033/viewer/2022060115/557c08d7d8b42ae7748b47b6/html5/thumbnails/16.jpg)
http://www.flickr.com/photos/29734707@N04/5163825839/in/photostream/
![Page 17: Let’s sketch!! Paper prototype](https://reader033.fdocuments.in/reader033/viewer/2022060115/557c08d7d8b42ae7748b47b6/html5/thumbnails/17.jpg)
なぜここまでの努力をしてまで営業、PM、プログラマー、エンジニア、マーケッターといった従来「デザイナー」と呼ばれていない方達をデザインプロセスに参加してもらう必要があるのでしょうか? 最大の理由は、今日のデザインはデザイナーだけでは大き過ぎるからです。技術やビジネスの側面からのインプットが新たなクリエイティブを生む可能性がありますし、最終的な決定力をもつ人間がプロセスの中に参加することでデザインへの理解と全体の動きが速くなります。他分野の人間の参加はデザインプロセスにはもはや必須です。
“”
共感から始めるデザインの対話 : couldhttp://www.yasuhisa.com/could/article/empathic-design-talk/
今日のデザインはデザイナーだけでは大き過ぎる
![Page 18: Let’s sketch!! Paper prototype](https://reader033.fdocuments.in/reader033/viewer/2022060115/557c08d7d8b42ae7748b47b6/html5/thumbnails/18.jpg)
http://www.flickr.com/photos/squidsoup/4075710874/
![Page 19: Let’s sketch!! Paper prototype](https://reader033.fdocuments.in/reader033/viewer/2022060115/557c08d7d8b42ae7748b47b6/html5/thumbnails/19.jpg)
Goodsペーパープロトタイプグッズ
![Page 22: Let’s sketch!! Paper prototype](https://reader033.fdocuments.in/reader033/viewer/2022060115/557c08d7d8b42ae7748b47b6/html5/thumbnails/22.jpg)
http://interactivelogic.net/wp/2009/09/iphone-wireframe-templates/
![Page 23: Let’s sketch!! Paper prototype](https://reader033.fdocuments.in/reader033/viewer/2022060115/557c08d7d8b42ae7748b47b6/html5/thumbnails/23.jpg)
Conclusionまとめ
![Page 24: Let’s sketch!! Paper prototype](https://reader033.fdocuments.in/reader033/viewer/2022060115/557c08d7d8b42ae7748b47b6/html5/thumbnails/24.jpg)
• ちゃちゃっと手書きペーパープロトタイプをつくってしまって、早い段階でトライ&エラーを実施し、デザインをブラッシュアップしていこう
• モバイルデバイス向けの開発はみんなまだ慣れていないから、実際のサイズでペーパープロトタイプをつくると分かりやすい
• みんなでデザインを考える土壌作りにペーパープロトタイプを活用しよう
Conclusionまとめ
![Page 25: Let’s sketch!! Paper prototype](https://reader033.fdocuments.in/reader033/viewer/2022060115/557c08d7d8b42ae7748b47b6/html5/thumbnails/25.jpg)
Thanks !!!!!!
![Page 26: Let’s sketch!! Paper prototype](https://reader033.fdocuments.in/reader033/viewer/2022060115/557c08d7d8b42ae7748b47b6/html5/thumbnails/26.jpg)
EVENT INFO
2011/08/20