一個好的原型應具備的5個特點

5 評論 28879 瀏覽 259 收藏 10 分鐘

一款成功的產品,一定是團隊共同努力的結果,絕不僅僅是產品經理一個人的功勞。在產品的初期,產品經理需要讓團隊成員了解到產品做什么,為什么做,以及怎么做,而產品原型就是最好的溝通語言。因此,好的原型設計總能夠讓產品進程事半功倍。

巴別塔,原本是全人類齊心協力建造的,一座通往天堂的高塔。然而上帝從中作祟,為了阻止人類的計劃,上帝讓分散各地的人類說不同的語言,使人類互相之間不能溝通,巴別塔的建造計劃因此失敗,人類自此各散東西。

語言是人和人之間互相溝通的最高效的方式之一。產品原型,就是產品經理對外展示和溝通的語言。一份設計優良的產品原型,總能夠讓產品團隊的成員,清晰的了解到產品經理對市場問題的分析,對用戶的思考,以及最終沉淀下來的產品解決方案。接下來,我將從以下幾個方面對深入說一下。

什么是原型

原型是產品經理人員將文字化的需求轉換成圖形稿,是設計方案的表達,是產品經理的重要產出物之一,是項目團隊參考,評估的重要依據。它是產品功能與內容的示意圖,是最終產品的雛形。

原型的作用

為什么說好的原型設計能讓項目事半功倍呢?

  • 原型是產品經理對需求分析是否到位的一個復盤,從原型中,可以清晰看到產品的流程,檢驗自己的設計邏輯是否合理;
  • 原型的使用對象十分廣,包括需求方,UI,技術開發,測試,能與項目人員達成共識,讓相關人員熟悉整個設計,順利進入到下一個環節,UI出圖和技術搭建框架,設計數據庫等。
  • 原型是產品的模型,它向我們展示了最終產品的藍圖。

    如何做一個好的原型

原型大家都會做,幾乎每天都會去做,但是如何做好一個原型呢?好的原型應該具備哪些特征呢?以下是我對如何做好原型的一些簡單總結。

1、功能框架劃分明確、合理

產品由很多功能組成,如何將這些功能劃分到不同的模塊里面,非??简炓粋€產品經理對用戶和產品的思考。同時,功能框架劃分明確,也能夠方便產品團隊的成員理解產品經理的思路和意圖,和產品經理一起更好的完善產品設計。功能框架的劃分可以參考功能結構圖,然后轉換成頁面的模塊設計。如下圖所示:

2、功能流程清晰、結構完整

清晰地產品流程,能夠幫助用戶快速的了解產品希望解決的問題及解決問題的方式;同時,也能夠方便梳理產品的功能結構是否完整,是否有遺漏的環節。簡單來說,功能流程清晰、結構完整的產品原型,能夠幫組用戶快速的了解到“完整”的產品是什么樣的,在此基礎上,用戶就能夠更好的理解和思考產品的功能細節;如下圖所示:

3、合理的色彩運用和交互設計

產品經理通常不具備UI / UE設計師專業的設計能力,黑白灰色調的低保真產品原型,既能夠表達產品經理的想法,也能最小限度的影響UI / UE設計師的工作。但在一些小規模團隊中,需要產品經理設計色彩明確,圖片豐富,具備交互效果的高保真原型。因此,產品經理要能夠按照不同的要求,在原型設計中,合理的運用色彩和交互設計,和產品團隊一起,快速的推進和落地產品,但是切記直接截圖說明。

4、簡單、規范和統一的文字說明

雖然產品原型中的圖片、功能和交互能夠很好的表達產品經理的思路和觀點,但是一些特殊場景下,簡單的文字說明,能夠讓產品團隊成員,更快、更好的理解產品經理的想法。

(1)簡要說明

原型設計和需求文檔是一樣的,我們不可能一步到位,一般需要經過溝通、評審慢慢確定最終的原型。在這種情況下,我們就需要把每一次的變更都寫入進去了,方便項目成員看到每次更新修改的內容,提高工作效率,節約溝通成本及后期不必要的麻煩。大家可以采取自己喜歡的方式去記錄,我一般采用變更日記的形式去簡要說明我每次原型修改的地方及理由。這是我工作的一個例子,如下圖所示:

(2)交互說明

交互說明是對動態效果的進一步補充,是原型中不可或缺的內容。邏輯嚴密,內容清晰的交互說明會讓原型看起來更具有可讀性。例如文字過多如何顯示?不同狀態下控件會出現什么效果?……這些都需要產品經理在原型中也給出說明,不然UI設計中,會出現一大堆問題。

交互說明可以從以下幾個類型進行說明,如下表所示:

5、展示頁面流程

頁面流程圖不僅可以看到具體的頁面,還可以看到用戶是如何從一個頁面跳轉到另一個頁面。方便前端做頁面跳轉時一目了然哪些頁面之間有交換,提高工作效率,必要時可以結合表格進行相關說明。以下是我工作的一個例子,沒有畫出具體流程:

設計原型注意項

原型做出來是給大家項目評審用的,方便用戶聯想最終的產品。同時也讓讓每個使用者都可以明確自己要做的事情,不至于模棱兩可。所以在做設計時,產品經理要盡可能的去規范原型。

  1. 我們還應該盡量使用真實、符合邏輯的數據,不然給人們看時,會造成很大的困惑;
  2. 不遺漏特俗狀態的描述;
  3. 不要為了偷懶,使用頁面截圖;
  4. 不在原型圖上過多的用色彩,但是要體現明暗對比;
  5. 合理進行布局,考慮視覺號的效果,提前和UI溝通;

一款成功的產品,一定是團隊共同努力的結果,絕不僅僅是產品經理一個人的功勞。在產品的初期,產品經理需要讓團隊成員了解到產品做什么,為什么做,以及怎么做,而產品原型就是最好的溝通語言。因此,好的原型設計總能夠讓產品進程事半功倍。

最后,我希望和大家一起努力,為更好地產品,不斷提升我們的語言能力,讓巴別塔的悲劇,不再重演。

 

本文由 @擇城 原創發布于人人都是產品經理。未經許可,禁止轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 有時候我發現,我畫的原型比公司設計師設計出來的還要好。不知道是不是公司設計不行。還是我的要求太高。 ??

    來自福建 回復
    1. 哈哈,那你們設計師可以下崗了。不過前端切圖肯定是用設計師的吧?;蛘吣阏f的設計師是UE,做交互的,最后的設計稿還是需要UI出圖的。

      來自浙江 回復
    2. 現在的前端要求也要會切圖。。。

      回復
    3. 切圖還是很簡單的 這個是需要知道的

      來自浙江 回復
    4. 不是現在的前端,這個在幾年前,web1.0時代就需要具備的能力。因為那時候沒有藍湖這樣的東西,前端都是自己拿psd自己切圖的。

      來自浙江 回復