Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
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
1000人規模の組織でデザインハーネスを導入するための第一歩
pkshadeck
PRO
5
4.3k
SERVICE PAMPHLET
mhand01
0
5.5k
Webブラウザで動く VJツールをつくる
akirafukuoka
0
120
デザインワークフローの最前線。 ログラスでのAI活用の現在地
ukaoli
1
3.4k
染み出し好きの、 染み出しコントロール論
mukai_takeru
0
490
もう迷わない!“なんとなく”を卒業するフォントの選び方【村田俊英】
toshihidemurata
0
1k
Rondo 1 Minute Short Storyboard
rezaline
0
110
信頼をデザインし、ブランドで市場を拓く。/ Designship2026
assuredjp
PRO
0
220
【Designship2026】「社内受託中心部署」から、事業とカルチャーを動かすデザイン組織へ
sugiyama_sukedachi
0
120
The ISO 25964 standard on Information and documentation — Thesauri and interoperability with other vocabularies
accessinnovations
0
260
デザインハーネス 〜AIが生成する"デザイン"の妥当性を、誰がどう担保するのか〜 / PdEConf2026 Design Harness
kgsi
14
22k
みんながデザインを担う組織へ。急加速する開発組織でのデザイナーの戦略
mukai_takeru
0
290
Featured
See All Featured
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
aleyda
1
1.4k
Game over? The fight for quality and originality in the time of robots
wayneb77
1
300
Agile Actions for Facilitating Distributed Teams - ADO2019
mkilby
0
300
It's Worth the Effort
3n
188
29k
Speed Design
sergeychernyshev
33
2.2k
The Curious Case for Waylosing
cassininazir
1
560
How to make the Groovebox
asonas
2
2.5k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
47
8.4k
Exploring the relationship between traditional SERPs and Gen AI search
raygrieselhuber
PRO
4
4.3k
Designing for humans not robots
tammielis
254
26k
Reflections from 52 weeks, 52 projects
jeffersonlam
356
22k
Reality Check: Gamification 10 Years Later
codingconduct
0
2.3k
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 ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ