原型設(shè)計(jì)心得

1、原型設(shè)計(jì)應(yīng)當(dāng)掌握的四個(gè)設(shè)計(jì)思維從產(chǎn)品助理到產(chǎn)品經(jīng)理，從負(fù)責(zé)模塊優(yōu)化到從0到1的全程設(shè)計(jì)、跟蹤，從完全的產(chǎn)品小白到擁有自己的設(shè)計(jì)方法，這是一個(gè)成長(zhǎng)的過程艱辛又坎坷。現(xiàn)在將要分享的是成長(zhǎng)中所學(xué)到的一小段小知識(shí)：原型設(shè)計(jì)應(yīng)當(dāng)掌握的四個(gè)設(shè)計(jì)思維。原型設(shè)計(jì)應(yīng)當(dāng)掌握的四個(gè)設(shè)計(jì)思維包括：初始、常態(tài)、邊界、錯(cuò)誤。這四種方法，產(chǎn)品經(jīng)理在設(shè)計(jì)中可能有的人都經(jīng)常在這樣做，但是少有人總結(jié)提煉出簡(jiǎn)單八個(gè)字所深諳的設(shè)計(jì)思路。當(dāng)你看到這篇文章的時(shí)候，或許應(yīng)該打開腦洞回憶下在原型設(shè)計(jì)的時(shí)候你是否也都考慮到了，考慮到了初始、常態(tài)、邊界、錯(cuò)誤的四種情況，當(dāng)時(shí)的你是怎么想的，設(shè)計(jì)出來的原型在評(píng)審的時(shí)候是否漏洞百出？如果有那么正好，

2、這篇文章可以幫你彌補(bǔ)一些你欠缺的思路，我沒有卓越的產(chǎn)品設(shè)計(jì)經(jīng)驗(yàn)，只是想把自己學(xué)到的和感悟到的分享給你，何不泡杯咖啡一起討論下呢？初始初始，簡(jiǎn)單理解就是，你要展示給別人的第一印象。如果想象下，我不那么認(rèn)真的打扮自己，頭發(fā)像一個(gè)鳥窩，一身邋遢樣，我感覺，見面沒多久她會(huì)說我下午還有事先走了，下次有機(jī)會(huì)再約非常抱歉之類的話。說這么多，只是想告訴你，第一印象多么重要，在最簡(jiǎn)短的時(shí)間里抓住用戶的心理讓她們對(duì)你（的產(chǎn)品）產(chǎn)生好的印象。如何建立用戶的第一印象？這就是我下面要說的產(chǎn)品設(shè)計(jì)四個(gè)思路的第一個(gè)：初始。初始分為界面結(jié)構(gòu)、樣式和功能，用戶進(jìn)入APP，第一眼就能看見，有沒有我想要的（界面結(jié)構(gòu)清晰簡(jiǎn)單），是不

3、是我喜歡的（界面樣式是否喜歡或則至少不會(huì)丑到不能直視）。· 界面結(jié)構(gòu)，用戶進(jìn)來首頁(yè)，看完大致內(nèi)容，想要進(jìn)一步操作，是不是簡(jiǎn)單容易最好是不用思考，導(dǎo)航的設(shè)計(jì)，信息結(jié)構(gòu)的建設(shè)，這些都是初始化設(shè)計(jì)要做的事情。· 界面樣式，這包含了排版、布局、文字大小、顏色，做產(chǎn)品設(shè)計(jì)的時(shí)候不求像UI設(shè)計(jì)師那樣專業(yè)，但是至少應(yīng)該略懂。· 功能的初始，APP啟動(dòng)需要哪些配置，后臺(tái)如何設(shè)計(jì)；在進(jìn)入無數(shù)據(jù)頁(yè)面，如何提醒用戶，并指導(dǎo)他們進(jìn)行后面的操作。常態(tài)原型設(shè)計(jì)的第二個(gè)思維，常態(tài)。常態(tài)怎么理解？APP或則網(wǎng)頁(yè)正常運(yùn)行的界面，常態(tài)是我們最不容易忽視的地方，頁(yè)面的展示、排版、布局都是常態(tài)設(shè)計(jì)。做常

4、態(tài)設(shè)計(jì)的時(shí)候，首先我們要明白設(shè)計(jì)的目標(biāo)，這個(gè)頁(yè)面需要承載的功能，如果存在多角色（如領(lǐng)導(dǎo)、員工）還要考慮領(lǐng)導(dǎo)進(jìn)入頁(yè)面和員工進(jìn)入頁(yè)面所展示的內(nèi)容的差異。常態(tài)涉及的內(nèi)容比較寬泛，這里舉個(gè)簡(jiǎn)單的例子，關(guān)注微信（XXXX），以后單獨(dú)寫幾篇關(guān)于常態(tài)的設(shè)計(jì)思路。（問號(hào)表示還需考慮，這是簡(jiǎn)單的原型，不過設(shè)計(jì)出來后，自己挺喜歡的。）邊界原型設(shè)計(jì)的第三個(gè)思維，邊界。邊界包含了操作邊界和顯示邊界、戰(zhàn)略邊界何為操作邊界？這里轉(zhuǎn)載一篇評(píng)論：作為一名產(chǎn)品/開發(fā)，邏輯思維和邊界意識(shí)一定要OK，你至少需要說明你的場(chǎng)景是左手還是右手，用戶中單左手操作、單右手操作、左手持機(jī)右手操作、右手持機(jī)左手操作這些分類的人群比例有數(shù)據(jù)或做過

5、調(diào)研？如果不清楚比例，那你的思考一開始就有失偏頗了。（出自  xiaoyuanjack ）還有一種邊界叫顯示邊界，比如用戶在執(zhí)行操作時(shí)手指的接觸面是無法看到手指下面的內(nèi)容的，所以對(duì)于某些尺寸很小的交互元素（如按鈕），需要將實(shí)際的可觸擊區(qū)域擴(kuò)大到其可視范圍；又如，簡(jiǎn)書的昵稱輸入，最長(zhǎng)可以輸入漢字呢？文章標(biāo)題長(zhǎng)度超出顯示的邊界，點(diǎn)擊數(shù)隨著日積月累變得很長(zhǎng)，這些需要產(chǎn)品經(jīng)理在設(shè)計(jì)的時(shí)候就要思考。戰(zhàn)略邊界，確定哪些是我們產(chǎn)品要做的，哪些是堅(jiān)決不碰的（瘋狂番茄/滴答清單，最簡(jiǎn)單的工具，AppStore），哪些目前階段觸摸但是不深入做的，戰(zhàn)略邊界需要更有經(jīng)驗(yàn)的高級(jí)產(chǎn)品經(jīng)理或者產(chǎn)品總監(jiān)、老板來確定，或許你現(xiàn)在可以慢慢培養(yǎng)這樣的思維。說句題外話，總監(jiān)單獨(dú)給我開小灶的時(shí)候，提了一句我想我永遠(yuǎn)不會(huì)忘記的話：心中有格局，眼里有像素。錯(cuò)誤最后一個(gè)方案，錯(cuò)誤。網(wǎng)頁(yè)和APP，在不同人操作或則不同環(huán)境下操作，可能會(huì)出現(xiàn)一些異常情況。比如網(wǎng)絡(luò)不好，程序出錯(cuò)，無權(quán)訪問等等。猜猜下面這張圖是哪一個(gè)APP的友善提示呢？小結(jié)：無論是設(shè)計(jì)APP還是網(wǎng)頁(yè)，又或是其中一個(gè)模塊，在設(shè)計(jì)的時(shí)候，我們都要先考慮初始化，當(dāng)用戶進(jìn)入頁(yè)面看到的主要內(nèi)容有哪些，有哪些功能的入口；然后開始著手原型，注意保