產(chǎn)品設(shè)計(jì)流程系列:如何進(jìn)行原型設(shè)計(jì)(下)

4 評(píng)論 39415 瀏覽 334 收藏 13 分鐘

接著上篇《產(chǎn)品設(shè)計(jì)流程系列:如何進(jìn)行原型設(shè)計(jì)(上)》。我們已經(jīng)了解了原型的相關(guān)知識(shí),也掌握了如何熟練地使用一款原型設(shè)計(jì)工具,那最后就可以進(jìn)入到真正的原型設(shè)計(jì)實(shí)戰(zhàn)階段了。

產(chǎn)品設(shè)計(jì)的構(gòu)思

前面已經(jīng)強(qiáng)調(diào)過(guò),工具只是一種手段,關(guān)鍵在于設(shè)計(jì)的構(gòu)思與設(shè)計(jì)背后遵循的產(chǎn)品設(shè)計(jì)原則,就像每個(gè)人手中都有一只筆,但具體寫出什么主題、什么樣內(nèi)容的文章,則是作者需要在動(dòng)筆之前就好好思考清楚的了。產(chǎn)品經(jīng)理說(shuō)到底,也是一個(gè)藝術(shù)創(chuàng)作者,只不過(guò)這種創(chuàng)作是先理性,后感性。事實(shí)上,很多經(jīng)典功能背后的設(shè)計(jì)都是有著更加深層次的構(gòu)思和底層原理在驅(qū)動(dòng)的。

舉個(gè)大家耳熟能詳?shù)睦?,微信里面的“搖一搖”功能,如下圖:

搖一搖

初期版本的微信只有一個(gè)動(dòng)作(還沒(méi)有識(shí)別歌曲、電視的功能),甚至連按鈕都沒(méi)有,但是你看到圖片依然會(huì)不由自主地去搖動(dòng)手機(jī),一個(gè)來(lái)福槍的槍聲突然響起(這個(gè)聲音非常性感),然后你會(huì)看到有一朵小花打開,最后就給你推送跟你同一時(shí)刻搖手機(jī)的人。這個(gè)體驗(yàn)的整個(gè)過(guò)程其實(shí)是非常嚴(yán)實(shí)的,它是一種人類的性暗示和性的驅(qū)動(dòng)力在完成整個(gè)過(guò)程,弗洛伊德說(shuō),沒(méi)有什么吸引你的驅(qū)動(dòng)力比性的驅(qū)動(dòng)力會(huì)更加原始。

總結(jié)起來(lái),“搖一搖”這個(gè)功能做的好,一方面是它確實(shí)做的比較簡(jiǎn)單,甚至連一個(gè)頁(yè)面提示都沒(méi)有;另一方面它讓你用的很爽,這個(gè)爽是來(lái)自很深層次的原因,它其實(shí)帶給了人類一種微妙的心理體驗(yàn),非常原始的一種動(dòng)力體驗(yàn)。當(dāng)然,這也是一個(gè)科學(xué),并不是一個(gè)道德低下的問(wèn)題。

我們?cè)賮?lái)看一個(gè)案例。

假設(shè)你們公司是做SaaS產(chǎn)品,面向B端企業(yè)客戶,現(xiàn)在要開始設(shè)計(jì)產(chǎn)品官網(wǎng),你會(huì)從哪幾個(gè)角度去進(jìn)行構(gòu)思呢?

我們先來(lái)把簡(jiǎn)單能想到的幾個(gè)點(diǎn)給列舉一下:

  1. 產(chǎn)品定位、產(chǎn)品功能介紹,讓用戶了解我們是干嘛的,能提供什么價(jià)值;
  2. 客戶案例,有哪些用戶使用了我們的產(chǎn)品,取得了一個(gè)怎樣的效果;
  3. 幫助與支持,能提供的產(chǎn)品幫助與服務(wù);
  4. 價(jià)格,讓用戶了解產(chǎn)品的一個(gè)基本收費(fèi)策略,是否分為若干種套餐;
  5. 資訊、博客等,讓用戶了解產(chǎn)品的相關(guān)動(dòng)態(tài),及時(shí)獲取產(chǎn)品信息;
  6. 注冊(cè)、登錄按鈕頁(yè)面,讓用戶注冊(cè)我們的產(chǎn)品進(jìn)行體驗(yàn);

……

當(dāng)然還有其它的點(diǎn),在這里就不一一列舉出來(lái)了。光看上面這些列舉出來(lái)的點(diǎn),可能我們還無(wú)法獲知它們內(nèi)在的邏輯是怎樣的,但我們是否可以換一個(gè)角度去思考問(wèn)題,比如把自己想象成一個(gè)用戶,你在什么情況下會(huì)去購(gòu)買一家公司的產(chǎn)品,成為這家公司的一個(gè)使用用戶。

大體邏輯,無(wú)外乎要經(jīng)過(guò)這四個(gè)步驟:

轉(zhuǎn)化的四個(gè)步驟

用戶首先需要了解這個(gè)產(chǎn)品是什么,才能確定自己是否有使用這款產(chǎn)品的需求,來(lái)決定自己是否有必要做進(jìn)一步的認(rèn)識(shí)和了解;接下來(lái),是用戶要能夠信任這款產(chǎn)品,就好比你去參加會(huì)展,所有的展商都跟你說(shuō)我們的產(chǎn)品多么多么好,但用戶為什么要相信你呢?你有什么好的信譽(yù)背書嗎?當(dāng)用戶對(duì)你產(chǎn)生了一定的信任,覺(jué)得你這個(gè)產(chǎn)品是靠譜的之后,你是不是應(yīng)該讓用戶更深入地了解產(chǎn)品的價(jià)值?只有當(dāng)用戶真正認(rèn)識(shí)到這款產(chǎn)品能夠給他帶來(lái)的價(jià)值之后,才能實(shí)現(xiàn)有效地轉(zhuǎn)化。

所以,我們會(huì)發(fā)現(xiàn),上面列舉的那些點(diǎn),都是圍繞著這幾個(gè)方面來(lái)做的:

  • 了解:產(chǎn)品的定位、產(chǎn)品簡(jiǎn)單的功能介紹;
  • 信任:客戶案例、資訊動(dòng)態(tài);
  • 價(jià)值:產(chǎn)品功能的詳細(xì)介紹、產(chǎn)品價(jià)格、幫助與支持;
  • 轉(zhuǎn)化:注冊(cè)、登錄按鈕,引導(dǎo)用戶進(jìn)行體驗(yàn)購(gòu)買。

最后根據(jù)上面的設(shè)計(jì)思路,得出來(lái)的產(chǎn)品官網(wǎng)設(shè)計(jì)就是這樣的,如下圖:

諸葛io

其實(shí),不僅僅是產(chǎn)品官網(wǎng)頁(yè)面,在任何一個(gè)涉及到需要轉(zhuǎn)化的頁(yè)面,都可以使用這種產(chǎn)品設(shè)計(jì)思路,比如下圖典型的電商里的寶貝詳情頁(yè):

天貓寶貝詳情頁(yè)

你會(huì)發(fā)現(xiàn),其實(shí)天貓里面的寶貝詳情頁(yè)的設(shè)計(jì),也是圍繞著“了解--信任--價(jià)值--轉(zhuǎn)化”的設(shè)計(jì)思路在進(jìn)行設(shè)計(jì),我們也可以簡(jiǎn)單地來(lái)梳理一下:

  • 了解:寶貝的5張主圖、寶貝的主標(biāo)題、副標(biāo)題、運(yùn)費(fèi)、尺碼、顏色、庫(kù)存;
  • 信任:寶貝月銷量、商品累計(jì)評(píng)價(jià)、服務(wù)承諾、收藏商品的人氣;
  • 價(jià)值:價(jià)格、優(yōu)惠活動(dòng)、寶貝詳情、送天貓積分;
  • 轉(zhuǎn)化:立即購(gòu)買按鈕、加入購(gòu)物車按鈕。

總結(jié)一下,說(shuō)了這么幾個(gè)案例,只是為了表達(dá)一個(gè)觀點(diǎn),那就是每一個(gè)功能、頁(yè)面設(shè)計(jì)的背后,都要有更深層次的思考。我們平時(shí)多看優(yōu)秀的互聯(lián)網(wǎng)產(chǎn)品的時(shí)候,也要試著去多問(wèn)幾個(gè)為什么,養(yǎng)成獨(dú)立思考的好習(xí)慣,為什么這個(gè)界面是這樣設(shè)計(jì)的?如果換一種設(shè)計(jì)方式,布局調(diào)整一下,元素的位置、大小互換一下,又會(huì)帶來(lái)什么樣的變化?

分享兩個(gè)產(chǎn)品設(shè)計(jì)原則

1. 簡(jiǎn)單,Don’t make me think?

什么是簡(jiǎn)單?張小龍說(shuō)簡(jiǎn)單是一種審美觀,我深表贊同。

我們做產(chǎn)品是要做簡(jiǎn)單,不是說(shuō)盡可能做得簡(jiǎn)陋一點(diǎn),而是你腦袋里是不是有一種審美觀念在這里。當(dāng)你看到一個(gè)界面上密密麻麻鋪滿了按鈕,你就知道這東西一點(diǎn)都不美,想要把它給簡(jiǎn)化一下。而且簡(jiǎn)單在許多行業(yè)和領(lǐng)域內(nèi)都是通用的原則,比如以簡(jiǎn)潔為美進(jìn)行產(chǎn)品設(shè)計(jì)的廠商MUJI和蘋果,都是這方面的典型代表。

muji加濕器

那如何做到簡(jiǎn)單呢?

一方面是要做到產(chǎn)品架構(gòu)簡(jiǎn)單,只有一個(gè)簡(jiǎn)單的產(chǎn)品架構(gòu),才能讓人更清楚地理解功能之間的邏輯關(guān)系和層級(jí)關(guān)系;另一方面是界面簡(jiǎn)單,一個(gè)產(chǎn)品界面不要堆砌太多的元素。這里給個(gè)建議,就是盡量一個(gè)頁(yè)面就表達(dá)一個(gè)主題,這個(gè)和攝影很像。攝影講究構(gòu)圖,一個(gè)構(gòu)圖就表達(dá)一個(gè)主題,這樣一張照片的主題就會(huì)比較清晰。產(chǎn)品設(shè)計(jì)也是如此,一個(gè)頁(yè)面就表達(dá)一個(gè)主題,實(shí)在不行,則退而求其次,做到一個(gè)頁(yè)面有且只有一個(gè)主要的主題。

2. 以用戶為中心

每個(gè)產(chǎn)品經(jīng)理時(shí)常掛在嘴邊的一句話便是,要以用戶為中心,產(chǎn)品的用戶體驗(yàn)很重要。

既然我們都知道要以用戶為中心,那么在原型設(shè)計(jì)好之后,有沒(méi)有什么好的方法去測(cè)量一下呢?

其實(shí),產(chǎn)品經(jīng)理在做完原型設(shè)計(jì)之后,可以多做一些可用性測(cè)試,這樣可以更好地了解自己的設(shè)計(jì)是否符合用戶的認(rèn)知和操作習(xí)慣??梢詫⒏弑U娴慕换ピ痛蛴〕鰜?lái),制作成紙質(zhì)原型,邀請(qǐng)用戶完成產(chǎn)品典型任務(wù),待驗(yàn)證功能點(diǎn);也可以使用一些原型工具,比如騰訊團(tuán)隊(duì)出品一款叫做Demoo的工具,把原型放到手機(jī)上直接體驗(yàn)預(yù)覽。

這里再給大家簡(jiǎn)單科普下什么是可用性測(cè)試:

可用性測(cè)試就是邀請(qǐng)真實(shí)用戶或潛在用戶使用產(chǎn)品或設(shè)計(jì)原型,對(duì)其在使用過(guò)程中的行為進(jìn)行觀察、記錄、測(cè)量和訪談,進(jìn)而了解用戶對(duì)產(chǎn)品的要求和需要,并以此作為改進(jìn)產(chǎn)品設(shè)計(jì)的出發(fā)點(diǎn),提高產(chǎn)品的可用性。

另一個(gè)老生常談的地方是,到底是選擇聰明,還是選擇善良。

“善良比聰明更重要”的觀點(diǎn)源自于亞馬遜CEO杰夫·貝索斯在2010年學(xué)士畢業(yè)典禮上發(fā)表的演講。他追憶了自己的幼年歲月,講述自己如何在兒時(shí)懂得了“善良比聰明更難”的道理;分享了16年前自己決定放棄優(yōu)厚工作、創(chuàng)建亞馬遜時(shí)的復(fù)雜心路。

產(chǎn)品設(shè)計(jì)也是如此,你在做產(chǎn)品的過(guò)程中,到底是要不計(jì)一切地展示聰明,還是要選擇善良?很多軟件產(chǎn)品的安裝過(guò)程中,都會(huì)使用下圖這種增加軟件裝機(jī)量的手段,這就是一種典型的選擇聰明的價(jià)值觀。

百度默認(rèn)下載軟件

雖然我們?cè)诋a(chǎn)品中,會(huì)有意無(wú)意地利用人性的弱點(diǎn),去擊中用戶需求的要害。但是,不能把這種聰明過(guò)度化,而是需要站在一種坦誠(chéng)的角度和用戶對(duì)話,而不是給用戶下套。就像選擇朋友,大家可能都會(huì)認(rèn)為善良更重要。同樣地,用戶選擇我們的產(chǎn)品,也會(huì)如此。

所以,我還是認(rèn)為做產(chǎn)品要有道德底線,用小聰明去欺騙用戶,用惡意營(yíng)銷去吸引用戶下載,最終或許會(huì)有不少的關(guān)注量和點(diǎn)擊量,但最終還是會(huì)被用戶拋棄。

到這里,我們的產(chǎn)品設(shè)計(jì)部分的講述就完整地告一段落了。

ps:篇幅所限,產(chǎn)品經(jīng)理如何進(jìn)行原型設(shè)計(jì)這篇分為上、下兩部分來(lái)講,如對(duì)我的文章有更多想法和意見,歡迎交流。

相關(guān)閱讀

產(chǎn)品設(shè)計(jì)流程系列:如何進(jìn)行原型設(shè)計(jì)(上)

 

作者:壹百度(微信公眾號(hào):倒退集),在線教育企業(yè)服務(wù)領(lǐng)域產(chǎn)品經(jīng)理,創(chuàng)業(yè)公司Team Leader。常常自詡是文藝青年和極客青年的結(jié)合體,在宅與不宅之間可以自由切換,曾主導(dǎo)多款重量級(jí)產(chǎn)品的產(chǎn)品策劃和設(shè)計(jì)工作。

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

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 又漲姿勢(shì)了……????

    回復(fù)
    1. 有興趣可以關(guān)注一下我個(gè)人公眾號(hào):倒退集
      不定期分享產(chǎn)品干貨

      回復(fù)
  2. 挺好的 ,希望能再多一些干貨方面的例子!

    來(lái)自北京 回復(fù)
    1. 有興趣可以關(guān)注一下我個(gè)人公眾號(hào):倒退集
      不定期分享產(chǎn)品干貨

      回復(fù)