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
1
540
Prott - Prototyping process 20161221
html5j Webプラットフォーム部 第15回勉強会
https://html5j-webplat.connpass.com/event/46630/
Mari Okada
December 21, 2016
Tweet
Share
Other Decks in Design
See All in Design
モビリティプラットフォームの未来を築くクラウド基盤
kossykinto
0
200
2026の目標「もっと定量的に事業、会社へ貢献する!」
yuri_ohashi
0
680
【pmconf2025】PdMの頭の中を見える化する体験構造図
kamechi7222222
1
1.9k
不確実性の時代にみんなで試したFigma × MCP × Cursor ハンズオン
techtekt
PRO
7
1.8k
公開スライド)熊本市様-電子申請中級編
garyuten
0
830
ドルちゃん
design_dolphins
0
550
自分たちがターゲットになりにくい業務アプリケーションのユーザビリティを担保する取り組み / Initiatives to ensure the usability of business applications that are difficult for us to target
hiromitsuuuuu
1
1.3k
Mandalyn_DT5001_FinalAssignment.pdf
lynteo
0
130
プラットフォームに馴染むモバイルアプリデザイン / Mobile App UI Design Lunch LT
pixyzehn
0
130
AI情報に溺れながら、それでも頑張って泳ぐための思考法
yoriss67
0
130
Connpass-Xperia_Camera_App_by_HCD.pdf
sony
0
480
Shaolin_Showdown
solmetts
0
290
Featured
See All Featured
A Soul's Torment
seathinner
5
2.3k
Game over? The fight for quality and originality in the time of robots
wayneb77
1
120
Chasing Engaging Ingredients in Design
codingconduct
0
110
A Guide to Academic Writing Using Generative AI - A Workshop
ks91
PRO
0
210
Building a A Zero-Code AI SEO Workflow
portentint
PRO
0
310
Reality Check: Gamification 10 Years Later
codingconduct
0
2k
Large-scale JavaScript Application Architecture
addyosmani
515
110k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
750
HDC tutorial
michielstock
1
380
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
madoxten
57
50k
Docker and Python
trallard
47
3.7k
Introduction to Domain-Driven Design and Collaborative software design
baasie
1
590
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 ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ