Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Prototyping in My Team
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Takuya Obara (barbara)
March 25, 2015
Design
56
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Prototyping in My Team
2015/03/25 Prott User Meetup @ Goodpatch Inc.
Takuya Obara (barbara)
March 25, 2015
More Decks by Takuya Obara (barbara)
See All by Takuya Obara (barbara)
CakePHP Fixture Factories の登場によって変化する、PHPプロジェクトにおけるテストフィクスチャ管理の選択肢 / Test Fixture Management in PHP Project
takoba
1
1.4k
PHPerがISUCON11にチャレンジした時のあれこれ / ISUCON11 Challenge with PHPer
takoba
1
2.1k
takobaがGoに入門した時のあれこれ / Go Basics in my case
takoba
0
88
卒展巡リノスヽメ / An Encouragement of Visiting "Sotsuten"
takoba
0
48
Other Decks in Design
See All in Design
「見せる」登壇資料デザインの極意
takanorip
3
990
コンテンツ作成者の体験を設計する
chiilog
0
180
デザインとフロントエンドの境界が融ける Claude Code × Figma
littlebusters
1
2.9k
UI生成の鍵は要件整理 -デザインプロセスのエッセンスを プロンプト作成に取り入れよう-
abokadotyann
4
880
test deck title
shotamatsuo
0
1.5k
Rethinking IFUs: What Board Game Rulebooks Contribute to IFU Usability
deadlinepoet
0
300
プロダクトデザイナーに学ぶ、『見る気が起きる』ダッシュボードの作り方 / Creating Engaging Dashboards: Lessons from Product Designers
yamamotoyuta
2
850
AI時代に必要な アイデアの形
uxman
0
200
AIスライド生成を進化させるMDファイル
kenichiota0711
1
1.2k
「ツール」から「パートナー」へ。AI伴走時代のUXデザインとは?~操作を減らし、成果を最大にするための設計~
ncdc
1
650
公開スライド)熊本市様-電子申請中級編
garyuten
0
1.3k
Storyboard Exercise: Chase Sequence
lynteo
1
320
Featured
See All Featured
A Modern Web Designer's Workflow
chriscoyier
698
190k
Public Speaking Without Barfing On Your Shoes - THAT 2023
reverentgeek
1
420
The Invisible Side of Design
smashingmag
302
52k
Getting science done with accelerated Python computing platforms
jacobtomlinson
2
220
How Software Deployment tools have changed in the past 20 years
geshan
0
34k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
860
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
inesmontani
PRO
0
410
We Have a Design System, Now What?
morganepeng
55
8.2k
Code Review Best Practice
trishagee
74
20k
First, design no harm
axbom
PRO
2
1.2k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.3k
Transcript
in Prott User Meetup@Goodpatch Inc.(2015.03.25) P rototyping in My Team
オバラタクヤ@takoba_(GMO Media Inc.)
Who am I?
オバラタクヤ @takoba_ • ひよっこPHPエンジニア • 日本語とPHPとJavaScriptとRubyは読み書きできます • 自分でバックエンド書いて自分でフロントエンド書きます • 学生のときに情報デザイン専攻してました
• その名残でUXD的業務も担当したりしてます
Services
以上のような女性向けサービス群を提供してます 「コーデスナップ」 250万人突破!ファッション コーディネート投稿アプリ 「ガールズカメラ」 プリクラの楽しさをそのまま カメラアプリに! 世界で1600万以上ダウンロードされた 女性向けカメラアプリ 「Diary」
オシャレ女子向け無料フォト ブログサービス 「ヤプログ」 会員数200万人・女性比率90%の かんたん&かわいいブログサービス 「プリ画像」 月間ユーザー1000万人以上! 無料画像検索サービス
閑話休題。
正直、弊社でのPrott活用事例が ほとんど無いため... ごめんね
本日は、弊社における プロトタイピング事例 をご紹介します
その名も
ホワイトボード プロトタイプ
_人人人人人人人人人_ > ホワイトボード < > プロトタイプ <  ̄Y^Y^Y^Y^Y^Y^Y ̄
What’s “Whiteboard Prototype”?
whiteboard すっとホワイトボード前へ
ずざーっと書きます
がやがや議論します
しゅばっとその場で調整
こんなかんじで 実装前の合意形成 を図っています 遷移もホワイトボードで済ませちゃうこともしばしば 写真を撮って「これが仕様です(どやあ)」
ͱ͍͑ cf.) http://www.slideshare.net/ShingoKatsushima/ui-40101381
ͱ͍͑ こういうケースをカバーしたい
とはいえ
画面をカイゼンする作業 が割と多いのでこれで済んでる =複雑な遷移を検討するケースがあまりないため
新規開発
新規開発 大幅な改修
新規開発 大幅な改修 複雑な画面遷移 みたいなケースでは
を使うとよさそうです 弊社の新規アプリ開発で採用予定です ©Goodpatch Inc.
終 制作・著作 obr