オープンセミナー2014@広島の懇親会のLTで話した内容です。 スマートフォン向けアプリのUI/UX設計をペーパープロトタイピングでやりましょうというお話です。

1. 紙と鉛筆で設計しよう
オープンセミナー2014@広島 懇親会(が本番)
逸見 誠(@mako_wis)

2. about me
逸見 誠(Henmi Makoto)
生まれてからずっと岡山
Objective-C,Java,C#
!
T
witter mako_wis
GitHub makowis
オープンセミナー2014@岡山実行委員長
Hiroshima.rb(幽霊部員)
すごい広島(エア参加枠)

3. そんな私の近況

4. 最近、転職しました

5. 転職後の最初のお仕事

6. iOSアプリのUI設計

7. 最近の仕事道具

9. 絵を書く道具ばっかり

10. 最近の仕事風景

12. つまりお絵かきしてます

13. ペーパープロトタイピング
やってます

14. UI設計のやり方色々
モックをXcodeを使って作る
ペイントソフトを使う
Excel方眼紙を使う
ペーパープロトタイピング

15. 使ったツール達
Paper Prototyping Pad
シャーペン
定規
色鉛筆
付箋
POP(iPhoneアプリ)

16. Paper Prototyping Pad
ペーパープロトタイピング用のノート
iPhone5の絵が書いてあってディスプレイ部分
が1ピクセルの格子状に線が引かれている
タブやナビゲーションバーの高さの目盛りが
書いてあって便利
ネット通販で買えます

17. シャーペン
削らなくていいです
間違っても消しゴムで消せます
修正が入っても消しゴムでry

18. 定規
線を引くのに便利
透明な方が後ろ側が見えて良い
丸が何個か繰り抜いてある定規が便利
ものさしは方言らしい

19. 色鉛筆
選択部分とかを色分けする
ちょっと色を付けるとイメージしやすい
非選択とかをグレーで書く

20. 付箋
アラートとかコンファームを書いて貼る
画面の一部だけ変わる時に重宝

21. ペーパープロトタイピング用のiPhoneアプリ
紙に書いたUIを写真に撮って画面遷移をシ
ミュレーションできる
他のメンバーに共有もできたりする

22. やって良かったこと
サクッとUIが書ける
修正が簡単

23. やってみようかな
同じパーツはコピーする
ペンタブとかを使ってみる？

24. おわり