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
Takuya Obara (barbara)
March 25, 2015
Design
60
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.5k
PHPerがISUCON11にチャレンジした時のあれこれ / ISUCON11 Challenge with PHPer
takoba
1
2.1k
takobaがGoに入門した時のあれこれ / Go Basics in my case
takoba
0
89
卒展巡リノスヽメ / An Encouragement of Visiting "Sotsuten"
takoba
0
49
Other Decks in Design
See All in Design
「見せる」登壇資料デザインの極意
takanorip
7
1.4k
デザインツールを開く前に その画面は誰に何と言わせたい?受託UIデザイナーが顧客解像度を高める 「打ち合わせの場での確かめ方」
garyuten
1
160
Build for the Web, Build on the Web, Build With the Web
csswizardry
0
500
20260215独立行政法人科学技術振興機構(JST) 社会技術研究開発センター(RISTEX)ケアが根づく社会システム _公開シンポジウム
a2k
1
240
保育現場にAIを 〜人と技術に橋を架けるデザインで考えてきたこと〜 uiuxcamp2026-hoiku-ai-design
hiro93n
1
360
ボタンUIの冪等性の話をしたらVimmerに刺さっちゃった
ottatto
3
1.7k
Accelerating performance improvement based on a software review evaluation matrix
kitanosirokuma
0
270
【CEDEC2026】アートとゲームデザインをつなぐVFX設計『GRANBLUE FANTASY: Relink - Endless Ragnarok』における表現と可読性の両立
cygames
PRO
0
400
情報を翻訳する-伝わる可視化3原則とオープンデータ活用-
hjmkth
1
320
組織で働く大人が「知らないままにやってみる」を取り戻す方法とその意味〜企業で働く実務家による実践知の言語化を事例とした考察〜
chiemitaki
1
270
Rethinking IFUs: What Board Game Rulebooks Contribute to IFU Usability
deadlinepoet
0
350
JBUG大阪#9_登壇資料_引き継ぎで困らないためのBacklogWikiの整え方_ミスと属人化を防ぐために、 “次の人が動ける状態”をどう残すか
webnaut
1
210
Featured
See All Featured
Into the Great Unknown - MozCon
thekraken
41
2.7k
Learning to Love Humans: Emotional Interface Design
aarron
275
41k
Bootstrapping a Software Product
garrettdimon
PRO
307
120k
4 Signs Your Business is Dying
shpigford
187
22k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
livdayseo
0
160
Build The Right Thing And Hit Your Dates
maggiecrowley
39
3.4k
How to make the Groovebox
asonas
2
2.3k
Fireside Chat
paigeccino
42
4k
Optimizing for Happiness
mojombo
378
71k
Claude Code どこまでも/ Claude Code Everywhere
nwiizo
66
57k
Claude Code のすすめ
schroneko
67
230k
Build your cross-platform service in a week with App Engine
jlugia
234
19k
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