產(chǎn)品經(jīng)理其實都知道,在這樣一個看重顏值的時代,一個賞心悅目的網(wǎng)站(或者移動APP)是多么重要。每一個產(chǎn)品經(jīng)理,也都希望自己的創(chuàng)造的產(chǎn)品是與眾不同的,在茫茫的互聯(lián)網(wǎng)產(chǎn)品海洋里,能夠閃出耀眼的光芒,就好比每個人都希望自己是人群中獨一無二的那一個。嗯,這么說來,其實每一個產(chǎn)品經(jīng)理的內心深處,都有著一顆文藝青年的心靈,也正是擁有了這樣一顆感受豐富、細膩的產(chǎn)品之心,才使得我們能夠對產(chǎn)品設計的細節(jié)有著更為透徹和深入的理解。
在大公司內部,通常來說不需要產(chǎn)品經(jīng)理去進行具體的界面交互設計,多數(shù)是由產(chǎn)品團隊與UED團隊合作進行產(chǎn)品原型的設計,出具的交付物是產(chǎn)品原型和頁面交互圖,而產(chǎn)品經(jīng)理則需要產(chǎn)出產(chǎn)品需求文檔(PRD文檔)。但是在絕大多數(shù)創(chuàng)業(yè)公司團隊里面,則沒有配置那么豪華的產(chǎn)品設計、交互設計團隊,常見的搭配往往是一個產(chǎn)品經(jīng)理加上一個UI設計師,所以一般都是產(chǎn)品經(jīng)理自己身兼交互設計的工作職責,輸出交互設計稿,也就是產(chǎn)品原型。
什么是產(chǎn)品原型
說的簡單一點,產(chǎn)品原型是設計方案的表達,是產(chǎn)品經(jīng)理、交互設計師的重要產(chǎn)出物之一,也是項目團隊的其它成員(尤其是設計師、開發(fā)人員)的重要參考和評估的依據(jù)。
結合我們前面了解的知識,產(chǎn)品界面原型其實就是頁面級別的信息架構、文案設計、及頁面和頁面之間的交互流程,它是產(chǎn)品功能與內容的示意圖。
直接上幾個原型圖,可能會更加清晰明了,如下圖:
產(chǎn)品設計原型按照精細程度來分,可分為低保真產(chǎn)品原型和高保真產(chǎn)品原型、設計成品
低保真產(chǎn)品原型
所謂低保真原型,其實是對產(chǎn)品較簡單的模擬,它只是簡單的表述了下產(chǎn)品的外部特征和基本功能構架,很多時候都是用簡單的設計工具迅速制作出來,用來表示最初的設計概念和思路。
比如用紙和筆進行的手繪,用畫圖軟件做出的簡單線框圖,都算是低保真產(chǎn)品原型。
這樣的原型圖有幾個好處:
可以快速產(chǎn)出:有時候一個需求的開發(fā)周期很短,低保真原型可以快速滿足同事的時間要求。
修改成本低:一個產(chǎn)品策劃很可能會被修改很多次,低保真的原型修改起來很方便。
當然,低保真原型也會有幾個問題,比如交互細節(jié)不清楚,容易造成誤解等。通常來說,一般只有時間比較緊迫,需求也比較簡單的時候,我們才會去產(chǎn)出低保真產(chǎn)品原型。
高保真產(chǎn)品原型
高保真產(chǎn)品原型,則是高功能性、高互動性的原型設計,是忠實展示產(chǎn)品功能、界面元素、功能流程的一種表現(xiàn)手段。原型圖中無論是功能模塊的大小,還是文案設計甚至是所用的圖標、圖例、交互動作,都使用真實素材,或者說和最終UI設計師的產(chǎn)出非常接近,就算是高保真產(chǎn)品原型了。
高保真的好處:
便于梳理產(chǎn)品細節(jié):制作高保真原型的過程中可以讓產(chǎn)品經(jīng)理提前發(fā)現(xiàn)產(chǎn)品潛藏的各種問題,提前處理風險。
更容易讓其他成員了解產(chǎn)品設計:有時候簡單的線框圖無法讓別人想象出你要做的事情,也不清楚你要放的是哪幾個字段,而高保真原型就可以。
相對而言,劣勢就是制作周期比較漫長,涉及到產(chǎn)品流程的修改,那基本原型就得回爐重造一遍。
對于剛入門的產(chǎn)品經(jīng)理,我一直建議有時間的話,還是盡可能多的畫高保真原型。因為在一開始產(chǎn)品設計經(jīng)驗不多的情況下,通過設計一些高保真原型,對梳理自己的產(chǎn)品思維、了解產(chǎn)品設計是很有幫助的。對于已經(jīng)入門很久的同學來說,則看需求的復雜程度和時間安排,比如產(chǎn)品的關鍵頁面是必然要用高保真原型去設計和梳理的。
設計成品
設計成品在這里,你也可以理解為是視覺設計師產(chǎn)出的UI設計稿,也就是設計師對你的產(chǎn)品原型進行美化之后得出的作品。設計師會運用一定的設計規(guī)范,來將你的原型變成可以讓開發(fā)進行實現(xiàn)的作品。
在設計成品出來的那一刻,產(chǎn)品經(jīng)理需要做的就是和設計師進行PK就好了,我們在這里就不再過多來描述了。
這里給大家介紹幾款產(chǎn)品經(jīng)理常用的原型設計工具:
Axure RP是一個專業(yè)的快速原型設計工具。Axure(發(fā)音:Ack-sure),代表美國Axure公司;RP則是Rapid Prototyping(快速原型)的縮寫。
Axure是產(chǎn)品經(jīng)理的必備工具,其他的不多說了,去看看招聘網(wǎng)站上關于PM的招聘信息,基本所有職位描述里,都包含了這么一句“熟練使用Axure”,所以你懂的。
墨刀也是一款原型設計軟件,雖然可能功能沒有那么完整,相對來說對于一般使用也是足夠的,目前分為網(wǎng)頁版和客戶端,網(wǎng)頁版可以直接使用,客戶端其實也是網(wǎng)頁版的功能,一般來說會下載客戶端,使用過程中需要聯(lián)網(wǎng)。