產品經理必修課(21):產品原型製作

在將抽象的產品需求具體化的四個環節中,製作產品原型是關鍵的一個環節,因爲它要將大量存在於產品經理腦海中的信息轉化爲可視化的圖形。

產品原型是用於表達產品功能和內容的示意圖。一份完整的產品原型要能夠清楚地交代:產品包括哪些功能、哪些內容;產品分爲幾個界面,功能和內容在界面中如何佈局;包括用戶流程在內的所有用戶與產品的交互細節如何設計。概括來說,產品原型要涵蓋三個要素:元素、界面、交互。

通常情況下,產品原型是由產品經理和交互設計師一起完成的。那麼爲什麼不是由產品經理確定產品原型的功能和內容,然後將產品原型的製作工作全權交給交互設計師呢?因爲從某種意義上來說,製作產品原型仍然屬於規劃產品功能的工作範疇,產品經理規劃產品功能並不是對產品功能進行簡單的羅列,而是要在產品策略的指導下,在產品價值、產品可用性和技術成本之間尋找最佳的平衡點,而產品原型正好是完成這項工作的最佳工具。相對來說,交互設計師雖然在交互設計上更加專業,能夠確保產品的可用性,但是在對產品價值(主要是用戶需求)和技術可行性的把握上,以及對產品策略的理解上,遠遠不如產品經理。因此,通常的做法是:產品經理負責製作最原始版本的產品原型,在產品原始的功能、內容相對確定的情況下,再由交互設計師對產品原型進行優化,進一步提升產品的可用性。

一、產品原型的重要性

對於產品經理來說,製作產品原型有三方面的重要意義。

1.有助於完善、優化產品需求方案

在此之前,產品需求還停留在抽象、模糊的概念階段,產品經理對它的思考可能沒法做到足夠的深入,而製作好的產品原型已經非常接近最終的產品成品了,所以通過製作產品原型,產品經理可以把產品需求考慮得更加清楚。

在製作產品原型的過程中,一方面,產品經理可以模擬不同的用戶場景,試用規劃的“產品功能”,這樣就能夠輕鬆發現遺漏的功能模塊、邏輯分支,以及其他一些細節;另一方面,產品經理還可以分別以用戶、交互設計師、開發工程師的視角審視產品原型,發現其中的不足並加以改進。這樣,通過不斷地修改產品原型,產品經理對產品需求的思考越深入,產品需求方案也就越完善、越合理。

2.方便對產品需求進行評估

一旦產品需求進入開發環節,再進行需求變更所要付出的代價往往是巨大的——視覺設計師要重新設計視覺DEMO,開發工程師要重新進行系統設計並修改代碼,這樣不僅有大量的時間和資源被浪費,項目進度也無法按原計劃推進。因此,在我們投入大量資源進行實際設計和開發之前,對規劃的產品功能進行評估,確保產品需求是正確的、合理的就非常有必要了。

相對於使用文檔,使用產品原型進行產品需求評估更加具有可操作性。一方面,產品原型的製作成本並不是很高,多數時候比用文字描述功能方便得多,修改也非常容易;另一方面,產品原型將產品需求形象具體地展示在我們的面前,這種可視化的方式能夠大幅提升產品需求評估的準確性。

產品需求的評估包括三個層面:

首先是產品價值的評估。

產品價值包括產品對用戶的價值和產品對公司的價值。產品對用戶的價值,即產品給用戶帶來的利益,產品滿足了用戶哪些需求,幫助用戶解決了哪些問題;產品對公司的價值,即產品給公司帶來的利益,如產品市場佔有率的提升,產品利潤的增加等。

產品經理首先要保證產品對於用戶來說是有價值的。如果條件允許,產品經理應該向目標用戶演示產品原型,從用戶那裏獲取寶貴意見,確保規劃的產品功能是用戶所需要的。

產品對用戶的價值和產品對公司的價值在多數時候是統一的,產品給用戶帶去價值的同時也會促進公司價值的增長。但有時候兩者也會有衝突。比如,通過部分產品功能對用戶進行收費,可以促進公司收入的增長,但勢必就會損害到用戶的利益。當兩者衝突的時候,產品需求要對它們進行平衡,體現產品整體價值的最大化。

除此之外,對於產品需求如何更好地體現產品價值,不同的人從不同的角度考慮,也會有不同的看法。因此,產品經理在產品需求進入實際設計和開發之前,務必進行產品需求確認,即召集所有產品相關方(老闆、其他相關產品的產品經理、客服代表等),在產品原型的基礎上對產品需求進行討論,消除分歧並達成意見統一,以杜絕產品需求進入實際設計和開發之後因產品相關方提出新的要求而導致需求變更。

其次是產品可用性的評估。

產品對於用戶僅僅是有用的,這還遠遠不夠,它還必須足夠好用。產品經理要和交互設計師一起不斷地提升產品的可用性,讓不同類型的用戶都能夠很好地使用產品。

產品原型讓產品可用性評估變得更加容易,產品的界面設計和交互設計是否足 夠友好在圖紙上變得一目瞭然,而且我們還可以通過不同的產品原型來對比不同的想法。當然,如果這樣還不能確保實現最佳的用戶體驗效果,那麼我們還可以用產品原型進行產品可用性測試,通過邀請目標用戶試用產品原型,來確定產品功能的實現方式是不是符合用戶的期望。

最後是產品技術可行性的評估。

產品不僅是有用的,而且是好用的,但是如果實現不了,那也是枉然。經驗豐富的產品經理能夠準確地判斷出產品功能是否具有可行性,不過找開發人員來進行深入評估,依然十分有必要。

產品的技術可行性評估要明確:產品的技術實現方案是否全面,有沒有遺漏了哪些分支;在現有的條件下,能否實現所有的功能,存在哪些難以克服的障礙;產品的技術方案是否存在風險,我們可以有哪些預防方案。

總而言之,產品需求在進入實際設計和開發之前,要進行詳細的評估,確保產品功能符合用戶的需求,對於用戶來說是足夠好用的,並且能夠通過技術手段實現。這些評估工作的開展通常是基於產品原型進行的。隨着評估工作的進行,產品原型也會被不斷優化,所以一份產品原型從剛開始的初稿到最終的定稿通常要經過多次反覆的版本修改。

3.有效降低與團隊成員間的溝通成本

產品原型對產品經理的重要性還體現在它能夠有效降低與團隊成員間的溝通成本。

在實際工作中,產品經理需要向很多人描述產品需求,如高層、業務相關方、開發工程師、設計師、測試人員等。而產品需求往往信息量非常大,寫成文檔動輒幾頁、幾十頁,不僅產品經理描述起來難度非常大,而且他人要在短時間內深入理解也非常困難。而產品原型最大的優勢就是能夠將產品需求以圖形化的方式進行演示,使產品需求一目瞭然,大幅提升溝通效率。例如,有經驗的開發人員對着幾張原型圖,不用過多的解釋,就能夠馬上明白需要編寫哪些功 能模塊,以及這些功能模塊間是怎樣的邏輯關係。

二、如何製作產品原型

製作產品原型不用拘泥於工具,用原型製作軟件(Axure、Balsamiq)、流程圖軟件(Visio)、圖像處理軟件(Photoshop)、辦公軟件(Word、Excel、PowerPoint)、HTML編輯器(Dreamweaver),抑或是直接在紙張上手繪,都是可以的,關鍵就在於哪個工具對於你來說操作最方便,且能夠清晰地表達產品原型的所有要素。

在這些工具中,Axure由於操作簡單、功能強大,受到多數人的推崇。大部分時候,我們可以藉助Axure來快速地完成產品原型的製作;遇到Axure較難製作的部分,則可以輔以其他工具來配合完成,比如,複雜的表格可以在Excel中製作好後再截圖到Axure的產品原型主體中。

在所有產品原型的交付件中,最常見的就是線框圖。下圖就是一個用Axure製作的產品原型線框圖。

那麼製作產品原型時,我們需要重點注意哪幾點呢?

1.元素(產品功能和內容)要完整且細節明確

產品原型是用於表達產品功能和內容的示意圖,因此,產品原型首先要保證產品功能和內容是完整的。產品經理在製作產品原型時,要儘可能考慮周全,尤其要注意不要遺漏一些特殊或極端情況下的功能或內容。

比如,搜索結果頁面的原型不僅要考慮搜索有結果的情況下應該顯示什麼內容,而且要考慮搜索無結果的情況下應該顯示什麼內容。

另外,對每個元素的描述要落實到具體細節上,避免過於空泛。

比如,頁面中包含地圖,我們不能僅僅畫一個方框來表示地圖,而應該將地圖中所有的元素(各種控制按鈕等)全表示出來。

如果有必要,我們還可以以註釋的形式對一些難以用簡單圖形表達的功能或內容加以必要的說明。

總而言之,產品原型的元素及其細節是產品原型不可或缺的組成部分。元素不完整或是細節描述不到位,都會影響基於產品原型的產品需求討論的溝通效率。如果產品需求因此無法得到確定,那麼產品原型也就需要返工修改。

2.交互設計要同時體現產品價值和產品可用性

有了產品原型的元素,就可以在產品原型中對元素進行界面設計和交互設計了。

界面設計主要是確定產品分爲幾個界面,功能和內容在界面中如何佈局;交互設計主要是確定產品與用戶如何進行交互,產品如何響應用戶的每次操作。界面設計和交互設計多數時候統稱爲交互設計,它們也是交互設計師主要負責的工作。

一方面,對各元素的交互設計要能夠使產品價值最大化。

比如,在對視頻網站首頁進行佈局時,要考慮到各內容模塊(一般會有電影、 電視劇、視頻等內容模塊)的優先級,這樣才有利於將網站的優勢資源優先推薦給用戶。

比如,註冊流程是要求用戶在一個界面內一次性完成,還是在多個界面內分步驟完成,判斷的依據應該是哪種方案更有利於提升註冊用戶數。

另一方面,對各元素的交互設計要能夠使產品更易用。

比如,用戶的瀏覽習慣是從上到下、從左到右,因此,用戶最關注的信息應儘量放在頁面頭部的左側。

總而言之,產品原型的交互設計既要有助於凸顯產品的價值,又要有助於提升產品的可用性。

3.產品原型不應該有過多的視覺設計元素

最後,需要特別強調的是,產品原型不應該有過多的視覺設計元素。

很多人爲了讓產品原型更加美觀,或是更加接近最終的產品效果,喜歡在製作產品原型的同時進行局部的視覺設計,比如,對界面進行配色,添加裝飾性圖片。事實上,這些工作應該是在產品原型確定之後,由視覺設計師在設計視覺DEMO的時候進行的。

那麼我們爲什麼要將產品原型和視覺DEMO這麼嚴格地區別開來,而不在製作產品原型時完成部分的視覺設計工作呢?製作產品原型的目的是爲了更加形象地表達產品需求,以方便產品需求的評估、確定工作。在這個環節,大家關注的焦點是“規劃的產品功能是否合理”,以及“產品功能的交互設計是否合理”,而不是“界面是否美觀,吸引人”。如果在產品原型中加入過多的視覺設計元素,那麼往往會吸引大家去關注尚不成熟的視覺方案,而沒法將注意力完全集中在本應重點討論的產品功能和交互方案上。

因此,產品原型應該摒棄視覺元素,務求原汁原味地展示產品需求,重點體現產品的價值和可用性。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章