Prototyping in My Team - Speaker Deck

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

Who am I?

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

Services

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

閑話休題。

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

その名も

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

What’s “Whiteboard Prototype”?

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

ずざーっと書きます

Slide 15

Slide 15 text

がやがや議論します

Slide 16

Slide 16 text

しゅばっとその場で調整

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

とはいえ

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

新規開発

Slide 23

Slide 23 text

新規開発大幅な改修

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

Slide 26

Slide 26 text

終制作・著作 obr