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
Findyのプロデチームの 歩みとこれから
satty9556
0
310
ユーザー像を「みてね」らしく可視化する 家族アルバムみてねUXリサーチチームの取り組み
mixi_design
PRO
1
220
CursorでAI活用のナレッジベースを構築する
kanzaki
0
760
組織で取り組むアクセシビリティのはじめ方
masakiohsumi
0
190
高卒公務員から Webデザイナーになるまで
kinomidesign
0
110
Marpで推しCSSスライドを作ろう! / marp-with-favorite-css
fujiemon
0
660
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
akatsuki174
1
500
街・都市という眼差し。まちづくりにおける規範と実践
sakamon
0
160
A Platform Connecting Brand Philosophy and Assets: "LY Corporation Design Hub"
lycorptech_jp
PRO
0
430
【Designship 2025|10.11】デザイン組織と事業貢献、その挑戦と結果。
payatsusan213
1
370
チームで事業価値を生み出す、プロアクティブなデザイナーになるための道のり/ Designship2025_Naya
root_recruit
PRO
0
180
一次体験を起点にしたUX改善の取り組み / Direct Experience Driven UX Improvements
bitkey
PRO
0
220
Featured
See All Featured
Writing Fast Ruby
sferik
629
62k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Building an army of robots
kneath
306
46k
GraphQLとの向き合い方2022年版
quramy
49
14k
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
Principles of Awesome APIs and How to Build Them.
keavy
127
17k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6.1k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
Building Adaptive Systems
keathley
43
2.8k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.7k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
37
2.6k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
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 ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ