原型設計應當掌握的四個設計思惟：初始、常態、邊界、錯誤

 

從產品助理到產品經理，從負責模塊優化到從0到1的全程設計、跟蹤，從徹底的產品小白到擁有本身的設計方法，這是一個成長的過程艱辛又坎坷。如今將要分享的是成長中所學到的一小段小知識：原型設計應當掌握的四個設計思惟。

原型設計應當掌握的四個設計思惟包括：初始、常態、邊界、錯誤。這四種方法，產品經理在設計中可能有的人都常常在這樣作，可是少有人總結提煉出簡單八個字所深諳的設計思路。當你看到這篇文章的時候，或許應該打開腦洞回憶下在原型設計的時候你是否也都考慮到了，考慮到了初始、常態、邊界、錯誤的四種狀況，當時的你是怎麼想的，設計出來的原型在評審的時候是否漏洞百出？若是有那麼正好，這篇文章能夠幫你彌補一些你欠缺的思路，我沒有卓越的產品設計經驗，只是想把本身學到的和感悟到的分享給你，何不泡杯咖啡一塊兒討論下呢？

初始，簡單理解就是，你要展現給別人的第一印象。若是想象下，我不那麼認真的打扮本身，頭髮像一個鳥窩，一身邋遢樣，我感受，見面沒多久她會說我下午還有事先走了，下次有機會再約很是抱歉之類的話。說這麼多，只是想告訴你，第一印象多麼重要，在最簡短的時間裏抓住用戶的心理讓她們對你（的產品）產生好的印象。

如何創建用戶的第一印象？這就是我下面要說的產品設計四個思路的第一個：初始。初始分爲界面結構、樣式和功能，用戶進入APP，第一眼就能看見，有沒有我想要的（界面結構清晰簡單），是否是我喜歡的（界面樣式是否喜歡或則至少不會醜到不能直視）。

1. 界面結構，用戶進來首頁，看完大體內容，想要進一步操做，是否是簡單容易最好是不用思考，導航的設計，信息結構的建設，這些都是初始化設計要作的事情。

2. 界面樣式，這包含了排版、佈局、文字大小、顏色，作產品設計的時候不求像UI設計師那樣專業，可是至少應該略懂。

3. 功能的初始，APP啓動須要哪些配置，後臺如何設計；在進入無數據頁面，如何提醒用戶，並指導他們進行後面的操做。

 

 

原型設計的第二個思惟，常態。常態怎麼理解？APP或則網頁正常運行的界面，常態是咱們最不容易忽視的地方，頁面的展現、排版、佈局都是常態設計。作常態設計的時候，首先咱們要明白設計的目標，這個頁面須要承載的功能，若是存在多角色（如領導、員工）還要考慮領導進入頁面和員工進入頁面所展現的內容的差別。常態涉及的內容比較寬泛，這裏舉個簡單的例子，關注微信（pmliuyang），之後單獨寫幾篇關於常態的設計思路。（問號表示還需考慮，這是簡單的原型，不過設計出來後，本身挺喜歡的。）

原型設計的第三個思惟，邊界。邊界包含了操做邊界和顯示邊界、戰略邊界

何爲操做邊界？這裏轉載一篇評論：做爲一名產品/開發，邏輯思惟和邊界意識必定要OK，你至少須要說明你的場景是左手仍是右手，用戶中單左手操做、單右手操做、左手持機右手操做、右手持機左手操做這些分類的人羣比例有數據或作過調研？若是不清楚比例，那你的思考一開始就有失偏頗了。（出自  xiaoyuanjack）

還有一種邊界叫顯示邊界，好比用戶在執行操做時手指的接觸面是沒法看到手指下面的內容的，因此對於某些尺寸很小的交互元素（如按鈕），須要將實際的可觸擊區域擴大到其可視範圍；又如，簡書的暱稱輸入，最長能夠輸入漢字呢？文章標題長度超出顯示的邊界，點擊數隨着日積月累變得很長，這些須要產品經理在設計的時候就要思考。

戰略邊界，肯定哪些是咱們產品要作的，哪些是堅定不碰的（瘋狂番茄/滴答清單，最簡單的工具，AppStore），哪些目前階段觸摸可是不深刻作的，戰略邊界須要更有經驗的高級產品經理或者產品總監、老闆來肯定，或許你如今能夠慢慢培養這樣的思惟。說句題外話，總監單獨給我開小竈的時候，提了一句我想我永遠不會忘記的話：心中有格局，眼裏有像素。

 

最後一個方案，錯誤。網頁和APP，在不一樣人操做或則不一樣環境下操做，可能會出現一些異常狀況。好比網絡很差，程序出錯，無權訪問等等。猜猜下面這張圖是哪個APP的友善提示呢？

 

小結：不管是設計APP仍是網頁，又或是其中一個模塊，在設計的時候，咱們都要先考慮初始化，當用戶進入頁面看到的主要內容有哪些，有哪些功能的入口；而後開始着手原型，注意保持邊界思惟，顯示內容的長度，須要點擊按鈕的大小等等；若是網絡信號很差、或則頁面不存在的時候須要有加載提示或則錯誤提示，不要讓用戶以爲APP/網站服務器很差、程序太爛，產生很差的印象。最後想說的是，這四個思惟很是有用，消滅了大部分設計的細節，更多交互細節，之後隨着學習和實踐的深刻再和你們一塊兒交流。

本人微信，pmliuyang，座標成都，原名劉洋，嘿嘿圖片裏有祕密，細心的你知道我是作什麼類型的產品，歡迎加我。（本文歡迎轉載，記得留下我微信號哈！）