原型設(shè)計應(yīng)當(dāng)掌握的四個設(shè)計思維:初始、常態(tài)、邊界、錯誤
從產(chǎn)品助理到產(chǎn)品經(jīng)理,從負(fù)責(zé)模塊優(yōu)化到從0到1的全程設(shè)計、跟蹤,從完全的產(chǎn)品小白到擁有自己的設(shè)計方法,這是一個成長的過程艱辛又坎坷?,F(xiàn)在將要分享的是成長中所學(xué)到的一小段小知識:原型設(shè)計應(yīng)當(dāng)掌握的四個設(shè)計思維。
原型設(shè)計應(yīng)當(dāng)掌握的四個設(shè)計思維包括:初始、常態(tài)、邊界、錯誤。這四種方法,產(chǎn)品經(jīng)理在設(shè)計中可能有的人都經(jīng)常在這樣做,但是少有人總結(jié)提煉出簡單八個字所深諳的設(shè)計思路。當(dāng)你看到這篇文章的時候,或許應(yīng)該打開腦洞回憶下在原型設(shè)計的時候你是否也都考慮到了,考慮到了初始、常態(tài)、邊界、錯誤的四種情況,當(dāng)時的你是怎么想的,設(shè)計出來的原型在評審的時候是否漏洞百出?如果有那么正好,這篇文章可以幫你彌補(bǔ)一些你欠缺的思路,我沒有卓越的產(chǎn)品設(shè)計經(jīng)驗,只是想把自己學(xué)到的和感悟到的分享給你,何不泡杯咖啡一起討論下呢?
初始
初始,簡單理解就是,你要展示給別人的第一印象。如果想象下,我不那么認(rèn)真的打扮自己,頭發(fā)像一個鳥窩,一身邋遢樣,我感覺,見面沒多久她會說我下午還有事先走了,下次有機(jī)會再約非常抱歉之類的話。說這么多,只是想告訴你,第一印象多么重要,在最簡短的時間里抓住用戶的心理讓她們對你(的產(chǎn)品)產(chǎn)生好的印象。
如何建立用戶的第一印象?這就是我下面要說的產(chǎn)品設(shè)計四個思路的第一個:初始。初始分為界面結(jié)構(gòu)、樣式和功能,用戶進(jìn)入APP,第一眼就能看見,有沒有我想要的(界面結(jié)構(gòu)清晰簡單),是不是我喜歡的(界面樣式是否喜歡或則至少不會丑到不能直視)。
- 界面結(jié)構(gòu),用戶進(jìn)來首頁,看完大致內(nèi)容,想要進(jìn)一步操作,是不是簡單容易最好是不用思考,導(dǎo)航的設(shè)計,信息結(jié)構(gòu)的建設(shè),這些都是初始化設(shè)計要做的事情。
- 界面樣式,這包含了排版、布局、文字大小、顏色,做產(chǎn)品設(shè)計的時候不求像UI設(shè)計師那樣專業(yè),但是至少應(yīng)該略懂。
- 功能的初始,APP啟動需要哪些配置,后臺如何設(shè)計;在進(jìn)入無數(shù)據(jù)頁面,如何提醒用戶,并指導(dǎo)他們進(jìn)行后面的操作。
常態(tài)
原型設(shè)計的第二個思維,常態(tài)。常態(tài)怎么理解?APP或則網(wǎng)頁正常運(yùn)行的界面,常態(tài)是我們最不容易忽視的地方,頁面的展示、排版、布局都是常態(tài)設(shè)計。做常態(tài)設(shè)計的時候,首先我們要明白設(shè)計的目標(biāo),這個頁面需要承載的功能,如果存在多角色(如領(lǐng)導(dǎo)、員工)還要考慮領(lǐng)導(dǎo)進(jìn)入頁面和員工進(jìn)入頁面所展示的內(nèi)容的差異。
常態(tài)涉及的內(nèi)容比較寬泛,這里舉個簡單的例子,關(guān)注微信(XXXX),以后單獨寫幾篇關(guān)于常態(tài)的設(shè)計思路。(問號表示還需考慮,這是簡單的原型,不過設(shè)計出來后,自己挺喜歡的。)
邊界
原型設(shè)計的第三個思維,邊界。邊界包含了操作邊界和顯示邊界、戰(zhàn)略邊界
何為操作邊界?這里轉(zhuǎn)載一篇評論:作為一名產(chǎn)品/開發(fā),邏輯思維和邊界意識一定要OK,你至少需要說明你的場景是左手還是右手,用戶中單左手操作、單右手操作、左手持機(jī)右手操作、右手持機(jī)左手操作這些分類的人群比例有數(shù)據(jù)或做過調(diào)研?如果不清楚比例,那你的思考一開始就有失偏頗了。(出自??xiaoyuanjack?http://www.aharts.cn/pd/93386.html)
還有一種邊界叫顯示邊界,比如用戶在執(zhí)行操作時手指的接觸面是無法看到手指下面的內(nèi)容的,所以對于某些尺寸很小的交互元素(如按鈕),需要將實際的可觸擊區(qū)域擴(kuò)大到其可視范圍;又如,簡書的昵稱輸入,最長可以輸入漢字呢?文章標(biāo)題長度超出顯示的邊界,點擊數(shù)隨著日積月累變得很長,這些需要產(chǎn)品經(jīng)理在設(shè)計的時候就要思考。
戰(zhàn)略邊界,確定哪些是我們產(chǎn)品要做的,哪些是堅決不碰的(瘋狂番茄/滴答清單,最簡單的工具,AppStore),哪些目前階段觸摸但是不深入做的,戰(zhàn)略邊界需要更有經(jīng)驗的高級產(chǎn)品經(jīng)理或者產(chǎn)品總監(jiān)、老板來確定,或許你現(xiàn)在可以慢慢培養(yǎng)這樣的思維。說句題外話,總監(jiān)單獨給我開小灶的時候,提了一句我想我永遠(yuǎn)不會忘記的話:心中有格局,眼里有像素。
錯誤
最后一個方案,錯誤。網(wǎng)頁和APP,在不同人操作或則不同環(huán)境下操作,可能會出現(xiàn)一些異常情況。比如網(wǎng)絡(luò)不好,程序出錯,無權(quán)訪問等等。猜猜下面這張圖是哪一個APP的友善提示呢?
小結(jié):
無論是設(shè)計APP還是網(wǎng)頁,又或是其中一個模塊,在設(shè)計的時候,我們都要先考慮初始化,當(dāng)用戶進(jìn)入頁面看到的主要內(nèi)容有哪些,有哪些功能的入口;然后開始著手原型,注意保持邊界思維,顯示內(nèi)容的長度,需要點擊按鈕的大小等等;如果網(wǎng)絡(luò)信號不好、或則頁面不存在的時候需要有加載提示或則錯誤提示,不要讓用戶覺得APP/網(wǎng)站服務(wù)器不好、程序太爛,產(chǎn)生不好的印象。最后想說的是,這四個思維非常有用,消滅了大部分設(shè)計的細(xì)節(jié),更多交互細(xì)節(jié),以后隨著學(xué)習(xí)和實踐的深入再和大家一起交流。
作者:劉洋,微信:pmliuyang002,希望結(jié)交產(chǎn)品和運(yùn)營同學(xué)。
本文由 @劉洋 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
我也在成都做產(chǎn)品 加你微信了 Stephanie
?