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
Prott - Prototyping process 20161221
Search
Mari Okada
December 21, 2016
Design
550
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Prott - Prototyping process 20161221
html5j Webプラットフォーム部 第15回勉強会
https://html5j-webplat.connpass.com/event/46630/
Mari Okada
December 21, 2016
Other Decks in Design
See All in Design
社長の宿題への回答 「新卒×AI」が生み出す価値
saki822
2
190
「惜しいデザイン」 を生み出さないための AIレビューループ
0b1tk
3
2.7k
CULTURE DECK/Marketing Director
mhand01
0
1.4k
「バイブコーディングって何?」から始まった、 AIとの一年間と、その先のこと
seto
0
680
hicard_credential_202601
hicard
0
260
セブンデックス プロジェクト事例 / innovation Scenes
sevendex
1
1.5k
結びながら、ひらく - にじむ境界のデザイン
hilokifigma
4
1.8k
体験負債を資産に変える組織的アプローチ
hikarutakase
0
1.6k
Drawing_for_Anim_Final_PDF.pdf
lynteo
2
170
ClaudeCodeでマーケターの課題を解決する
kenichiota0711
11
14k
JBUG大阪#9_登壇資料_引き継ぎで困らないためのBacklogWikiの整え方_ミスと属人化を防ぐために、 “次の人が動ける状態”をどう残すか
webnaut
1
200
CULTURE DECK/Creative Director
mhand01
0
1.4k
Featured
See All Featured
Thoughts on Productivity
jonyablonski
76
5.3k
Claude Code どこまでも/ Claude Code Everywhere
nwiizo
65
57k
YesSQL, Process and Tooling at Scale
rocio
174
15k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
72
41k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
23k
Producing Creativity
orderedlist
PRO
348
40k
Leading Effective Engineering Teams in the AI Era
addyosmani
9
2.2k
Large-scale JavaScript Application Architecture
addyosmani
515
110k
Practical Orchestrator
shlominoach
191
11k
SEO in 2025: How to Prepare for the Future of Search
ipullrank
3
3.7k
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
greggifford
PRO
0
230
The SEO identity crisis: Don't let AI make you average
varn
0
520
Transcript
© 2016 Goodpatch, Inc. All Right Reserved. ProttΛͬͨϓϩτλΠϐϯάϓϩηε 2016/12/21 html5j
WebϓϥοτϑΥʔϜ෦ ୈ15ճษڧձ
2 Ԭా ຑཬ / Mari Okada גࣜձࣾάουύον Product division Prott
ϓϩμΫτϚωʔδϟʔ ɾݸਓతʹ͖ͳϓϩτλΠϐϯάπʔϧɿPrott & Principle ࣗݾհ ৽ଔͰάουύονʹೖࣾɺϓϩμΫτϚωʔδϟʔʹͳΔલ ϢʔβʔαϙʔτΛ୲͓ͯ͠Γ·ͨ͠ɻ
© 2016 Goodpatch, Inc. All Right Reserved. ࠓͷΞδΣϯμ • Prottʹ͍ͭͯͷ͝հ
& σϞ • ProttΛͬͨ։ൃ / σβΠϯϓϩηεʹ͍ͭͯ • ׆༻ࣄྫɺTipsͳͲ ProttΛͬͨϓϩτλΠϐϯάϓϩηε 3
4 Prottɺ୯७ʹϓϩτλΠϓΛͭ͘Δπʔ ϧͰͳ͘ɺϓϩτλΠϐϯάΛνʔϜʹΠ ϯετʔϧ͢ΔπʔϧͰ͢ɻGoodpatchͷࣗ ࣾαʔϏεͱͯ͠201410݄ʹਖ਼ࣜϦϦʔ εɻେखΣϒαʔϏεاۀʹͯEnterprise ϓϥϯͷ࠾༻࣮ଟʢYahoo!ɺDeNAɺ GREEɺRecruitɺָఱͳͲʣɻ 1000ͷձٞΑΓɺ1ͭͷϓϩτλΠϓ http://prottapp.com
DEMO 5
Prottͷ։ൃॳͷϏδϣϯ ʮϓϩτλΠϐϯάจԽΛ͔ࠜͤɺ σβΠϯϓϩηεΛมֵͤ͞Δʯ 6
ຊͰϓϩτλΠϐϯάͱ͍͏ݴ༿͕ Ұൠతʹͳ͖ͬͯͨ 7
ϓϩτλΠϐϯάπʔϧ͍Ζ͍ΖͰ͖ͯͨ 8
ଞπʔϧͱProttͷҧ͍ͬͯʁ 9
10 ϓϩτλΠϐϯάπʔϧͷछྨ Ξχϝʔγϣϯܕ㲗 τϥϯδγϣϯܕ ݸਓར༻ 㲗 νʔϜͰར༻
11 Ξχϝʔγϣϯܕ τϥϯδγϣϯܕ
12 νʔϜར༻ ݸਓར༻ Ξχϝʔγϣϯܕ τϥϯδγϣϯܕ
1. ؆୯ͳϓϩτλΠϓ͕ૉૣ͘࡞ΕΔ 2. νʔϜͰ͔ͭ͏ͨΊͷπʔϧ 13 Prottͷಛ
ProttΛͬͨ։ൃϓϩηε 14
© 2016 Goodpatch, Inc. All Right Reserved. 15 ProttΛͬͨ։ൃϓϩηεͷྲྀΕ اը
ઃܭ σβΠϯ ࣮ ࢴͱϖϯͰεέον ཁ݅ఆٛ ϫΠϠʔϑϨʔϜ࡞ ϏδϡΞϧσβΠϯ Ξχϝʔγϣϯ࡞ ࣮ Prottͷׂ ΞΠσΞͷԾઆݕূ ใઃܭͷԾઆݕূ ϏδϡΞϧσβΠϯͷ Ծઆݕূ ϓϩτλΠϓΛݩʹ ಈ͖Λ֬ೝ࣮ͯ͠&֬ ೝ ਵ࣌ɺεςʔΫϗϧμʔͱͷೝࣝ߹Θͤ
© 2016 Goodpatch, Inc. All Right Reserved. 16 ϓϩδΣΫτͷ্ྲྀ͔ΒԼྲྀ·Ͱ Ұ؏ͯ͑͠Δ
& ίϛϡχέʔγϣϯπʔϧͱͯ͠ ͏͜ͱ͕Ͱ͖Δ
Prott ׆༻ࣄྫ 17
ϓϩτλΠϓ࡞ = σβΠφʔ͚ͩͷࣄʁ 18
© 2016 Goodpatch, Inc. All Right Reserved. 19 NO
© 2016 Goodpatch, Inc. All Right Reserved. 20 ༷ʑͳ৬छͷࢹΛऔΓೖΕΔ͜ͱͰ ͞ΒʹϓϩμΫτ͕ϒϥογϡΞοϓͰ͖Δ
© 2016 Goodpatch, Inc. All Right Reserved. 21 ProttΛ͏ͱσβΠφʔҎ֎Ͱ ؆୯ʹϓϩτλΠϓΛͭ͘Δ͜ͱ͕Ͱ͖Δ
© 2016 Goodpatch, Inc. All Right Reserved. σβΠφʔҎ֎ͰΨϯΨϯ͑Δʂ ProttΛͬͨϓϩτλΠϐϯάϓϩηε 22
Prottͷը໘ભҠਤػೳɺϑϩϯτΤϯυΤϯδχΞ͕ ࡞ͬͨϫΠϠʔϑϨʔϜΛϕʔεʹ࡞Γ্͛ΒΕͯ·͢ Prottը໘ભҠਤػೳॳظϫΠϠʔ
© 2016 Goodpatch, Inc. All Right Reserved. νʔϜͰ͏ - ProttΛڞ௨ೝࣝΛ߹ΘͤΔͱͯ͠͏
ProttΛͬͨϓϩτλΠϐϯάϓϩηε 23 ϓϩτλΠϓΛϕʔεʹٞΛߦ͏ ͦͷͰϩάΛίϝϯτػೳΛ ͍ͬͯͯ͘͠ ↓ ٞͷϩά͕ਵ࣌Ξοϓσʔτ͞Ε ଓ͚͍ͯ͘ͷͰɺΫϥΠΞϯτؔ ऀΛר͖ࠐΈͳ͕Β͢͢Ή͜ͱ ͕Ͱ͖Δ
© 2016 Goodpatch, Inc. All Right Reserved. ϓϩτλΠϓͱը໘ભҠਤΛߦ͖དྷͯ͠ دΓͱҾ͖ͷࢹΛऔΓೖΕΔ ProttΛͬͨϓϩτλΠϐϯάϓϩηε
24 ભҠਤͰ၆ᛌͯ͠Έͯɺൈ͚࿙Ε͕ͳ͍͔ ใઃܭతʹ͓͔͘͠ͳ͍͔Λ֬ೝ ΞΠσΞΛͲΜͲΜܗʹ͍ͯͬͯ͠ײతʹ ಈ͘ܗΛͭ͘Γ͍͋͛ͯ͘ 㲗
© 2016 Goodpatch, Inc. All Right Reserved. ϓϩτλΠϓͱը໘ભҠਤΛߦ͖དྷͯ͠ دΓͱҾ͖ͷࢹΛऔΓೖΕΔ ProttΛͬͨϓϩτλΠϐϯάϓϩηε
25 ભҠਤͰ၆ᛌͯ͠Έͯɺൈ͚࿙Ε͕ͳ͍͔ ใઃܭతʹ͓͔͘͠ͳ͍͔Λ֬ೝ ΞΠσΞΛͲΜͲΜܗʹ͍ͯͬͯ͠ײతʹ ಈ͘ܗΛͭ͘Γ͍͋͛ͯ͘ 㲗 ը໘ભҠਤΛग़ྗ͢Δ͜ͱͰ ༷ॻ͕ΘΓʹͳΔʂ
© 2016 Goodpatch, Inc. All Right Reserved. ͦͷ΄͔ - Design
sprintͰProttΛ͏ 26 ΞΠσΞΛൃࢄ͠·͘Δ Desing sprint άʔάϧʹΑΔσβΠϯڭҭϝιουͱͦͷϫʔΫγϣοϓɻ ͔࣌ؒΒͰҰؾʹͬͯɺͷίϯηϓτσβΠϯϓϩτλΠϓ࡞Λ্͛ͯ͠·͏ߴͳ σβΠϯख๏ ΞΠσΞΛಈ͘ܗʹ͠ɺϢʔβʔς ετ·ͰΛProttͰ ➡ ProttΛͬͨϓϩτλΠϐϯάϓϩηε
© 2016 Goodpatch, Inc. All Right Reserved. 27 ProttΛͬͨ։ൃϓϩηεͷྲྀΕ اը
ઃܭ σβΠϯ ࣮ ࢴͱϖϯͰεέον ཁ݅ఆٛ ϫΠϠʔϑϨʔϜ࡞ ϏδϡΞϧσβΠϯ Ξχϝʔγϣϯ࡞ ࣮ ProttΛ͏త ΞΠσΞͷԾઆݕূ ใઃܭͷԾઆݕূ ϏδϡΞϧσβΠϯͷ Ծઆݕূ ϓϩτλΠϓΛݩʹ ಈ͖Λ֬ೝ࣮ͯ͠&֬ ೝ ਵ࣌ɺεςʔΫϗϧμʔͱͷೝࣝ߹Θͤ
Ұ࿈ͷྲྀΕ͕ProttΛ த৺ʹߦͳ͏͜ͱ͕Ͱ͖Δʂ 28
ͥͻɺProttΛͬͯ ϓϩτλΠϐϯάͯ͠Έ͍ͯͩ͘͞ʂ 29
30 ProttͰΘ͔Βͳ͍͜ͱ͕Ͱ͖ͯͨ߹
© 2016 Goodpatch, Inc. All Right Reserved. 31 ϓϩμΫτ։ൃʹؔΘΔνʔϜͷ ίϥϘϨʔγϣϯΛ͞Βʹ׆ൃʹͰ͖ΔΑ͏ʹ
ࠓޙͲΜͲΜΞοϓσʔτ͍ͯ͘͠༧ఆͰ͢ͷͰɺ ָ͓͠Έʹ͍ͩ͘͞ʂ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ :) 32 ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ