Prototyping in My Team

2015/03/25 Prott User Meetup @ Goodpatch Inc.

Transcript

1. in Prott User Meetup@Goodpatch Inc.（2015.03.25）
   P rototyping
   in My Team
   オバラタクヤ@takoba_(GMO Media Inc.)
   

   View Slide

2. Who am I?
   

   View Slide

3. オバラタクヤ
   @takoba_
   ●  ひよっこPHPエンジニア
   ●  日本語とPHPとJavaScriptとRubyは読み書きできます
   ●  自分でバックエンド書いて自分でフロントエンド書きます
   ●  学生のときに情報デザイン専攻してました
   ●  その名残でUXD的業務も担当したりしてます
   

   View Slide

4. Services
   

   View Slide

5. 以上のような女性向けサービス群を提供してます
   「コーデスナップ」
   250万人突破！ファッション
   コーディネート投稿アプリ
   「ガールズカメラ」
   プリクラの楽しさをそのまま
   カメラアプリに！
   世界で1600万以上ダウンロードされた
   女性向けカメラアプリ
   「Diary」
   オシャレ女子向け無料フォト
   ブログサービス
   「ヤプログ」
   会員数200万人・女性比率90％の
   かんたん＆かわいいブログサービス
   「プリ画像」
   月間ユーザー1000万人以上！
   無料画像検索サービス
   

   View Slide

6. 閑話休題。
   

   View Slide

7. 正直、弊社でのPrott活用事例が
   ほとんど無いため...
   ごめんね
   

   View Slide

8. 本日は、弊社における
   プロトタイピング事例
   をご紹介します
   

   View Slide

9. その名も
   

   View Slide

10. ホワイトボード
    プロトタイプ
    

    View Slide

11. ＿人人人人人人人人人＿
    ＞　ホワイトボード　＜
    ＞ 　プロトタイプ　 ＜
    ￣Y^Y^Y^Y^Y^Y^Y￣
    

    View Slide

12. What’s “Whiteboard Prototype”?
    

    View Slide

13. whiteboard
    すっとホワイトボード前へ
    

    View Slide

14. ずざーっと書きます
    

    View Slide

15. がやがや議論します
    

    View Slide

16. しゅばっとその場で調整
    

    View Slide

17. こんなかんじで
    実装前の合意形成
    を図っています
    遷移もホワイトボードで済ませちゃうこともしばしば
    写真を撮って「これが仕様です（どやあ）」
    

    View Slide

18. ͱ͸͍͑
    cf.) http://www.slideshare.net/ShingoKatsushima/ui-40101381
    

    View Slide

19. ͱ͸͍͑
    こういうケースをカバーしたい
    

    View Slide

20. とはいえ
    

    View Slide

21. 画面をカイゼンする作業
    が割と多いのでこれで済んでる
    ＝複雑な遷移を検討するケースがあまりないため
    

    View Slide

22. 新規開発
    

    View Slide

23. 新規開発
    大幅な改修
    

    View Slide

24. 新規開発
    大幅な改修
    複雑な画面遷移
    みたいなケースでは
    

    View Slide

25. を使うとよさそうです
    弊社の新規アプリ開発で採用予定です
    ©Goodpatch Inc.
    

    View Slide

26. 終
    制作・著作
    obr
    

    View Slide