從產(chǎn)品助理到產(chǎn)品經(jīng)理，從負(fù)責(zé)模塊優(yōu)化到從0到1的全程設(shè)計(jì)、跟蹤，從完全的產(chǎn)品小白到擁有自己的設(shè)計(jì)方法，這是一個(gè)成長的過程艱辛又坎坷?，F(xiàn)在將要分享的是成長中所學(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é)提煉出簡單八個(gè)字所深諳的設(shè)計(jì)思路。當(dāng)你看到這篇文章的時(shí)候，或許應(yīng)該打開腦洞回憶下在原型設(shè)計(jì)的時(shí)候你是否也都考慮到了，考慮到了初始、常態(tài)、邊界、錯(cuò)誤的四種情況，當(dāng)時(shí)的你是怎么想的，設(shè)計(jì)出來的原型在評(píng)審的時(shí)候是否漏洞百出？如果有那么正好，這篇文章可以幫你彌補(bǔ)一些你欠缺的思路，我沒有卓越的產(chǎn)品設(shè)計(jì)經(jīng)驗(yàn)，只是想把自己學(xué)到的和感悟到的分享給你，何不泡杯咖啡一起討論下呢？

初始

初始，簡單理解就是，你要展示給別人的第一印象。如果想象下，我不那么認(rèn)真的打扮自己，頭發(fā)像一個(gè)鳥窩，一身邋遢樣，我感覺，見面沒多久她會(huì)說我下午還有事先走了，下次有機(jī)會(huì)再約非常抱歉之類的話。說這么多，只是想告訴你，第一印象多么重要，在最簡短的時(shí)間里抓住用戶的心理讓她們對(duì)你（的產(chǎn)品）產(chǎn)生好的印象。

如何建立用戶的第一印象？這就是我下面要說的產(chǎn)品設(shè)計(jì)四個(gè)思路的第一個(gè)：初始。初始分為界面結(jié)構(gòu)、樣式和功能，用戶進(jìn)入APP，第一眼就能看見，有沒有我想要的（界面結(jié)構(gòu)清晰簡單），是不是我喜歡的（界面樣式是否喜歡或則至少不會(huì)丑到不能直視）。

• 界面結(jié)構(gòu)，用戶進(jìn)來首頁，看完大致內(nèi)容，想要進(jì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ù)頁面，如何提醒用戶，并指導(dǎo)他們進(jìn)行后面的操作。

常態(tài)

原型設(shè)計(jì)的第二個(gè)思維，常態(tài)。常態(tài)怎么理解？APP或則網(wǎng)頁正常運(yùn)行的界面，常態(tài)是我們最不容易忽視的地方，頁面的展示、排版、布局都是常態(tài)設(shè)計(jì)。做常態(tài)設(shè)計(jì)的時(shí)候，首先我們要明白設(shè)計(jì)的目標(biāo)，這個(gè)頁面需要承載的功能，如果存在多角色（如領(lǐng)導(dǎo)、員工）還要考慮領(lǐng)導(dǎo)進(jìn)入頁面和員工進(jìn)入頁面所展示的內(nèi)容的差異。

常態(tài)涉及的內(nèi)容比較寬泛，這里舉個(gè)簡單的例子，關(guān)注微信（XXXX），以后單獨(dú)寫幾篇關(guān)于常態(tài)的設(shè)計(jì)思路。（問號(hào)表示還需考慮，這是簡單的原型，不過設(shè)計(jì)出來后，自己挺喜歡的。）

邊界

原型設(shè)計(jì)的第三個(gè)思維，邊界。邊界包含了操作邊界和顯示邊界、戰(zhàn)略邊界

何為操作邊界？這里轉(zhuǎn)載一篇評(píng)論：作為一名產(chǎn)品/開發(fā)，邏輯思維和邊界意識(shí)一定要OK，你至少需要說明你的場景是左手還是右手，用戶中單左手操作、單右手操作、左手持機(jī)右手操作、右手持機(jī)左手操作這些分類的人群比例有數(shù)據(jù)或做過調(diào)研？如果不清楚比例，那你的思考一開始就有失偏頗了。（出自??xiaoyuanjack?http://m.codemsi.com/pd/93386.html）

還有一種邊界叫顯示邊界，比如用戶在執(zhí)行操作時(shí)手指的接觸面是無法看到手指下面的內(nèi)容的，所以對(duì)于某些尺寸很小的交互元素（如按鈕），需要將實(shí)際的可觸擊區(qū)域擴(kuò)大到其可視范圍；又如，簡書的昵稱輸入，最長可以輸入漢字呢？文章標(biāo)題長度超出顯示的邊界，點(diǎn)擊數(shù)隨著日積月累變得很長，這些需要產(chǎn)品經(jīng)理在設(shè)計(jì)的時(shí)候就要思考。

戰(zhàn)略邊界，確定哪些是我們產(chǎ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)頁和APP，在不同人操作或則不同環(huán)境下操作，可能會(huì)出現(xiàn)一些異常情況。比如網(wǎng)絡(luò)不好，程序出錯(cuò)，無權(quán)訪問等等。猜猜下面這張圖是哪一個(gè)APP的友善提示呢？

小結(jié)：

無論是設(shè)計(jì)APP還是網(wǎng)頁，又或是其中一個(gè)模塊，在設(shè)計(jì)的時(shí)候，我們都要先考慮初始化，當(dāng)用戶進(jìn)入頁面看到的主要內(nèi)容有哪些，有哪些功能的入口；然后開始著手原型，注意保持邊界思維，顯示內(nèi)容的長度，需要點(diǎn)擊按鈕的大小等等；如果網(wǎng)絡(luò)信號(hào)不好、或則頁面不存在的時(shí)候需要有加載提示或則錯(cuò)誤提示，不要讓用戶覺得APP/網(wǎng)站服務(wù)器不好、程序太爛，產(chǎn)生不好的印象。最后想說的是，這四個(gè)思維非常有用，消滅了大部分設(shè)計(jì)的細(xì)節(jié)，更多交互細(xì)節(jié)，以后隨著學(xué)習(xí)和實(shí)踐的深入再和大家一起交流。

作者：劉洋，微信：pmliuyang002，希望結(jié)交產(chǎn)品和運(yùn)營同學(xué)。

本文由 @劉洋 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。