BE LESS BUSY & MORE EFFECTIVE.

For F2E Meetup.

Transcript

1. BE LESS BUSY & MORE EFFECTIVE. Estelle Chen
2. &TUFMMF
   $IFO Focus on Product Design moomyiting@gmail.com
3. 獤Ձ ➤ 藨竃戔懯䒍ጱ๜搡膏ֵ޸ ➤ 矐ᔱ戔懯䒍ࣁ䌕礯Ӿጱ戔懯窕纷 ➤ ے蝧膏嘦藨㿁褧㶧ݶ樄咳ጱ఺蘷 ➤ 䋊聜膏窼聹戔懯䒍ጱದ蔩膏௏姘
4. 萬蔩疑 萬蔩ฎ珸咳 萬蔩ฎ橕ෝ蔭螈 萬蔩ฎ薹朰 萬蔩ฎ襑ᥝॠ犩 萬蔩ฎ咳蝑犋ݶ懱௳妔य़疑 戔懯䒍 戔懯ฎ㵕秚 戔懯ฎ橕ෝ薹究㺔氂 戔懯ฎԧ薹 戔懯ฎݢ犥ᤩ䋊聜ጱದ胼 戔懯ฎ咳蝑ፘݶ懱௳妔य़疑 㮆Ո薪讨膏௏ᘍጱ㯽螏ᘏ 薹究㺔氂ᘏ
5. 䌕礯樄咳窕纷 咳蚏 մ㴟 憙憽 樄咳 介手 狕ྋ Ӥ娄 薪疗 戔懯窕纷 殻ፓ窕纷
6. 戔懯䒍㷢膏䌕礯樄咳窼ଶ 咳蚏 樄咳 介手 狕ྋ Ӥ娄 薪疗 մ㴟 憙憽
7. 戔懯窕纷 Discovery
 䌕礯珸㵕 Conceptual Design 䌕礯襑穩 Detailed Design 戔懯珸㵕 Design Development 戔懯䁆ᤈ
8. DISCOVERY 䌕礯珸㵕
9. ೗玉㿁褧 ݣ傀ฦ螁䌕礯౮㹓 䌕礯珸㵕 䌕礯襑穩 戔懯珸㵕 戔懯䁆ᤈ
10. 䌕礯ፓ秂传蝢 虏㿁褧ቘ薹 䌕礯胙盅ጱ㵕秚 ୌ缏وݶ఺蘷 䌕礯珸㵕 䌕礯襑穩 戔懯珸㵕 戔懯䁆ᤈ
11. 䌕礯ፓ秂传蝢 蝚螂 憙憽玕௏ᘍ ොୗ螈ک传蝢ፓጱ ׎ڥ揳 ℅執 瑽蔭 ׎ڥ揳ฎ㮆ො׎ीے牏݄ ധ牧ො׎懵斪碻य़疑ො׎ ᑏ㵕牐Ӟ皰℅㰍䌃Ӟ㮆虻 懱牧斃傶਻ฃ褂捝޾瞟֘ ᯿讨牐 Ո䌘ෝ瑽猟ጱ玱䛑䨝穉෈ ਁ䔶篇牐墋㻌ጱ℅執瑽向 ݢ犥缏ܨ㯽螈懱௳牧蔭螈 ܉᥺苭承ጱమဩ牐 犥匍磪ጱ虻碘牧懵抷膏硬 ୌ䌕礯牐ֵ㿁褧胼ๅ盠ጱ 蝱獈斃傶窼獈ጱ懵抷牦螕 ݳአࣁ叨ߝ硬蝱制眲牐 䌕礯珸㵕 䌕礯襑穩 戔懯珸㵕 戔懯䁆ᤈ
12. CONCEPTUAL DESIGN 䌕礯襑穩
13. ਧ嬝襑穩 Before After Product Manager Designer 妔Ԩ叨ߝොݻ牧 Ӥ娄碻樌ጱ襑穩෈䲆牐 狕ྋ Product Manager 膏 Designer 樌ጱ襑穩ਧ嬝ጱ窕纷 Product Manager ᘍ眾叨ߝොݻ牏ۑ胼Ӥ娄碻樌牧砰䌃襑穩෈ 䲆牐旉Ի妔戔懯䒍牧戔懯䒍ቘ薹襑穩盅牧ℂአ䜛ጱ薫ଶᘍ眾牧಩ 襑穩旉玕傶Օᶎ牐
 ኧෝᘍ眾ጱ薫ଶ犋ݶ牧戔懯䒍㪔犋胼ࣁ෈䲆Ӿፗ矑஑کᛔ૩磧襑 ᥝጱ䩚ᥜ牧ᦅই物叨ߝਧ֖牏ፓ秂አ䜛制丆牏ֵአᘏዳ讨牏๗磭牐 叨ߝ妿ቘ膏戔懯䒍ࣁڡত褩ྦྷ疰Ӟ蚏ݳ֢牧蝢螂ݱᛔጱ䌕禂ොဩ牧 Ӟ蚏ਠ౮襑穩獤ຉ牐
 ଘᤍ珶禂膏አ䜛牧犖斃胼狒挨磧盅ጱ戔懯叨ڊ犋䨝螂ଶ狳櫝叨ߝ ොݻ牐ٚ膏ૡ纷䒍Ӟݶ懵抷襑穩牧憒໒犥现֢禂ොୗ牧嘦狒叨ߝ 窕纷ݢᤩ䋿匍牦 Product Manager Designer 䌕礯珸㵕 䌕礯襑穩 戔懯珸㵕 戔懯䁆ᤈ
14. 1. DRAFT SKETCH Draft Sketch ፓጱࣁෝ传蝢牏介手޾哴盠薹究ᮎ犚犋嘦ਧጱ㺔氂牐傶ԧ螨 ع戔懯䒍ॡ盠ധ獈憙憽ᘍ眾牧秇美ᆌ讨牐磧ڡ懵抷向ᶎۑ胼碻牧磧অ㰍አ ℅膏執౲ጮ礂牐 䌕礯珸㵕 䌕礯襑穩 戔懯珸㵕 戔懯䁆ᤈ
15. 2. KEY INTERFACE WIREFRAMES Key Interface Wireframes አෝ膏㿁褧懵抷叨ߝ窕纷ฎ玽藨ᎣӞ膌膏咳匍 㺔氂㪔现碻狕ྋ牐ݢ蝚螂 ℅執墋ฃ矟媑 ౲ڥአ Sketch > UIkit 硯Ӥۑ胼 㪔叨ኞ殷ᶎ樌橕狌ҁUI Flow)牐 䌕礯珸㵕 䌕礯襑穩 戔懯珸㵕 戔懯䁆ᤈ
16. 2. KEY INTERFACE WIREFRAMES TOOL Prott 傶Ӟܻࣳૡٍ牧ݢڥአ敟誢ٌӾӞۑ胼 Map ࣁୌ缏ܻࣳ碻ݶ碻叨ኞ向ᶎ窕纷瑽牐 VIDEO : https://blog.prottapp.com/post/tw/interaction-map-beta 䌕礯珸㵕 䌕礯襑穩 戔懯珸㵕 戔懯䁆ᤈ
17. DESIGN CONCEPT ߝ粞఺蘷 叨ߝ橕肥௔ 觓໒ᤈ傶Ӟ膌௔ 嘦藨֦ጱ戔懯膏叨ߝ磪ፘ橕牐 ፥ྋጱԧ薹叨ߝਧ֖物叨ߝ ۑ胼牏ፓ秂ᗭ誢޾叨ߝ粬ᜋ牐 च๜憒㳷ጱ䋊聜޾Ꮈ绗物ग़ ᰁ娞聜಍胼ᣟ䨝揢蝢牧蕣֢ ڊฃአ௔ṛጱ戔懯牧൉ṛߝ 粞୵虡牐 অጱߝ粞ฎӞ圵מի牧䌘獉 獟肞㹓ૡ牧൉ṛம抁ଶ ; 䌘 क़䰽缏୵虡牧虏ߝ粞አ䜛ๅ ਻ฃ叨ኞמ犨眤牧胼䄪妔አ 䜛癲㬵ๅय़ጱᴫے㰷独牐 + + 猻臑ጱ叨ߝ఺蘷 䌕礯珸㵕 䌕礯襑穩 戔懯珸㵕 戔懯䁆ᤈ
18. reat design happens within constraints. And those constraints e good because it helps narrow your focus. There's something bout the pressure and, in many cases, conflict that create good things.t (SFBU
    EFTJHO
    IBQQFOT
    XJUIJO
    DPOTUSBJOUT
    "OE
    UIPTF
    DPOTUSBJOUT
    BSF
    HPPE
    CFDBVTF
    JU
    IFMQT
    OBSSPX
    ZPVS
    GPDVT
    5IFSFT
    TPNFUIJOH
    BCPVU
    UIF
    QSFTTVSF
    BOE
    JO
    NBOZ
    DBTFT
    DPOqJDU
    UIBU
    DSFBUF
    HPPE
    UIJOHT Š
    )FBE
    PG
    69
    (PPHMF
    "ET
    BOE
    DPNNFSDF
    $PSEFMM
    3BU[MB⒎ IMAGE : https://www.flickr.com/photos/wantmag/4625070551/in/album-72157624103653034/
19. DESIGN DEVELOPMENT 戔懯䁆ᤈ
20. 1. COMPLETE INTERFACE ग़ො琲手ૡٍ膏啻薹樄咳胙ว ஀ᇔ牧犋஀ෝᇔ 3OXJLQLV32:(5)8/ 盠蝧棎磪ڥෝے蝧硳ሲ 㵕ಋ戔懯獮ض௏ᘍ膏憒㴟 薪砗膏䋊聜犢Ո戔懯௏姘 ग़褂捝牏ग़௏ᘍ 䌕礯珸㵕 䌕礯襑穩 戔懯珸㵕 戔懯䁆ᤈ
21. 2. PROTOTYPE Prototype PM Designer Developer Others Business 䌕礯珸㵕 䌕礯襑穩 戔懯珸㵕 戔懯䁆ᤈ Prototype ጱਂࣁฎ傶ԧ胼䄪ๅঅጱ蔭螈ᛔ૩ጱ戔 懯ො礯牧仂੝మ猟绚樌牐 ܻࣳݢ矑藉کݱୗ䌕礯Ո㹓, ๚ֵአܻࣳݢ胼䨝蝨౮蔭蝄犋竃牧膏戔 懯䒍ܻ䯤మ犋ݶ牧୽段樄咳ጱ℄ॵ޾硳ሲ牧蝨౮窚揲牐䌕礯犖ݢ胼 ᥝ᯿碝ٚ懵抷牦
22. 2. PROTOTYPE 戔懯䒍ݢࣁ蕣֢ਠ向ᶎ盅牧疥ٌ斃傶ࢯ櫞现蕦褾蟂 獤蕣֢౮墋ฃጱṛߝ搡ܻࣳ牧膏ૡ纷䒍懵抷ฎ玽磪 ቘ薹梊藮牐 䌕礯珸㵕 䌕礯襑穩 戔懯珸㵕 戔懯䁆ᤈ
23. PROTOTYPE TOOL IMAGE : https://www.invisionapp.com/assets/img/home/animations/new/mockup-1.png InvisionAPP ฎӞ稠娄Ӥܻࣳૡٍ牧ݢ犥蕕ᗝ狶䋿誢誢涢牐Խ磪 Blog 猻搡戔懯෈ᒍ牦 䌕礯珸㵕 䌕礯襑穩 戔懯珸㵕 戔懯䁆ᤈ
24. PROTOTYPE TOOL IMAGE : https://marvelapp.com/static/site/images/homepage/canvas.jpg MarvelAPP ฎӞ稠娄Ӥܻࣳૡٍ牧ݢ犥蕕ᗝ狶䋿誢誢涢牐Խ磪 Blog 猻搡戔懯෈ᒍ牦 䌕礯珸㵕 䌕礯襑穩 戔懯珸㵕 戔懯䁆ᤈ
25. PROTOTYPE TOOL Video : https://www.youtube.com/watch?v=uKDTGCp1Zjo Craft ฎӞ稠ኧ Invision Lab ڊߝጱ Sketch plugin. ࣁ Sketch 愊ܨ胼砺矒ਠ౮Ӭ蝫矑蕕ᗝ牐 䌕礯珸㵕 䌕礯襑穩 戔懯珸㵕 戔懯䁆ᤈ
26. PROTOTYPE TOOL Video : https://www.youtube.com/watch?v=uKDTGCp1Zjo Adobe XD ฎӞ稠奾ݳ戔懯膏ܻࣳጱ敟誢牧ፓ獮螭ࣁ Beta Ӿ牐 䌕礯珸㵕 䌕礯襑穩 戔懯珸㵕 戔懯䁆ᤈ
27. COOPERATION 戔懯盅ጱ传蝢
28. OLD WAY TO MARK 螂ஃ緡ֵአಋ㵕秂ဳ膏執懿妔ૡ纷䒍ᛔᤈ礚褂牧ฃ蝨౮犋অ 褂捝现虻懱梊藮牦戔懯䒍犖襑ᥝ臺战ग़碻樌㬵碉ቘ蝡犩虻碘牐 Ӟ蝰
29. NEW WAY TO COMMENCE WITH ENGINEER ܎ॠ ڥአ ZEPLIN ౲ Sympli 缛娄Ӥ秂ဳૡٍ牧戔懯䒍篷襑ٚᛔ ᤈ秂懿牧ૡ纷䒍犖胼疰襑ᥝጱ஑کᒼ礯牦 VIDEO : https://blog.prottapp.com/post/tw/interaction-map-beta
30. 传蝢牏传蝢ٚ传蝢 戔懯䒍 ૡ纷䒍 傶Ջ讕ᥝ瞱媲传蝢牫ࢩ傶戔懯䒍Ꭳ螇珿ਂ磪م圵牧ૡ纷䒍ݝᎣ螇ේේ磪獋圵牐
31. “ ಅ蘎ጱ磪ኞ叨ێ牧疰ฎ珿አ誢ێ牏脲ێ膏碻樌牧አ磧੝ጱ՞ڊ牧 ஑ک磧磪఺嬝ጱ䁭蠉牐 吚簁牧螭磪珿አૡٍ牦 - Charles Duhigg
32. 粬獨眤蘛 謝謝 Google Sprint members ，被我抓出來協助！ https://developers.google.com/design-sprint/downloads/DesignSprintMethods.pdf
33. Thanks! -Estelle 2016/08