從產品助理到產品經理,從負責模塊優化到從0到1的全程設計、跟蹤,從完全的產品小白到擁有自己的設計方法,這是一個成長的過程艱辛又坎坷。現在將要分享的是成長中所學到的一小段小知識:原型設計應當掌握的四個設計思維。

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

初始

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

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

  • 界面結構,用戶進來首頁,看完大致內容,想要進一步操作,是不是簡單容易最好是不用思考,導航的設計,信息結構的建設,這些都是初始化設計要做的事情。
  • 界面樣式,這包含了排版、布局、文字大小、顏色,做產品設計的時候不求像UI設計師那樣專業,但是至少應該略懂。
  • 功能的初始,APP啟動需要哪些配置,後台如何設計;在進入無數據頁面,如何提醒用戶,並指導他們進行後面的操作。

常態

原型設計的第二個思維,常態。常態怎麼理解?APP或則網頁正常運行的界面,常態是我們最不容易忽視的地方,頁面的展示、排版、布局都是常態設計。做常態設計的時候,首先我們要明白設計的目標,這個頁面需要承載的功能,如果存在多角色(如領導、員工)還要考慮領導進入頁面和員工進入頁面所展示的內容的差異。

常態涉及的內容比較寬泛,這裏舉個簡單的例子,關注微信(XXXX),以後單獨寫幾篇關於常態的設計思路。(問號表示還需考慮,這是簡單的原型,不過設計出來后,自己挺喜歡的。)

邊界

原型設計的第三個思維,邊界。邊界包含了操作邊界和显示邊界、戰略邊界

何為操作邊界?這裏轉載一篇評論:作為一名產品/開發,邏輯思維和邊界意識一定要OK,你至少需要說明你的場景是左手還是右手,用戶中單左手操作、單右手操作、左手持機右手操作、右手持機左手操作這些分類的人群比例有數據或做過調研?如果不清楚比例,那你的思考一開始就有失偏頗了。(出自  xiaoyuanjack http://www.woshipm.com/pd/93386.html

還有一種邊界叫显示邊界,比如用戶在執行操作時手指的接觸面是無法看到手指下面的內容的,所以對於某些尺寸很小的交互元素(如按鈕),需要將實際的可觸擊區域擴大到其可視範圍;又如,簡書的昵稱輸入,最長可以輸入漢字呢?文章標題長度超出显示的邊界,點擊數隨着日積月累變得很長,這些需要產品經理在設計的時候就要思考。

戰略邊界,確定哪些是我們產品要做的,哪些是堅決不碰的(瘋狂番茄/滴答清單,最簡單的工具,AppStore),哪些目前階段觸摸但是不深入做的,戰略邊界需要更有經驗的高級產品經理或者產品總監、老闆來確定,或許你現在可以慢慢培養這樣的思維。說句題外話,總監單獨給我開小灶的時候,提了一句我想我永遠不會忘記的話:心中有格局,眼裡有像素。

錯誤

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

小結:

無論是設計APP還是網頁,又或是其中一個模塊,在設計的時候,我們都要先考慮初始化,當用戶進入頁面看到的主要內容有哪些,有哪些功能的入口;然後開始着手原型,注意保持邊界思維,显示內容的長度,需要點擊按鈕的大小等等;如果網絡信號不好、或則頁面不存在的時候需要有加載提示或則錯誤提示,不要讓用戶覺得APP/網站服務器不好、程序太爛,產生不好的印象。最後想說的是,這四個思維非常有用,消滅了大部分設計的細節,更多交互細節,以後隨着學習和實踐的深入再和大家一起交流。

 

作者:劉洋,微信:pmliuyang,坐標成都,細心的你知道我是做什麼類型的產品,歡迎加我。

本文由 @劉洋 原創發佈於人人都是產品經理。未經許可,禁止轉載。