產品經理，今天你的原型被吐槽了麼？

衆所周知，產品經理要會製做原型，就像是開發必定要會代碼。原型的好壞美醜，直接決定了產品經理工做能力的高低與他在企業中的價值。

一個好的原型，可以提高整個項目團隊的工做效率。那什麼樣的原型纔是好的，什麼樣的會被吐槽，就是咱們這個系列的文章須要跟你們分享的。

咱們計劃分三篇跟你們講解原型的注意事項及製做：

第一篇，什麼樣的原型是好的原型，它們有什麼特徵；

第二篇，移動端原型規範；

第三篇，PC端原型製做。

什麼樣的原型纔是好的，它們又有哪些共性？咱們一塊兒來聊一聊。

首先，關於顏色；好的原型是黑白灰的，不少產品經理喜歡用圖片原件、用各類顏色塊去「讓本身的原型變的美觀」。真的不必，並且UI可能會很討厭！爲何呢？由於你搶了他的活兒，並且你作的並很差。

 

 

有人可能會問，那個人原型中會出現不一樣級別的內容和文字，怎麼體現呢？黑和灰都有不一樣的色度，顏色飽和度的高低能夠直接讓用戶知道內容的優先級（好比圖二中搜索框下方的導航欄）。

其次，關於圖標；不少產品經理喜歡去網上找各類icon，有表明主頁、表明我的中心、表明分類、表明購物車...有必要嗎？也沒有，爲何？由於這些圖標UI和前端是用不了的，你再次用一個很低劣的技能，試圖去搶他們的飯碗！

 

 除非是相似返回按鈕這種箭頭，否則稍微複雜一些的圖標（好比搜索的放大鏡），都建議使用佔位符代替；

第三，關於原型內容之間的距離；不少產品經理都知道安全距離的概念，但不懂如何應用。好比電商APP首頁輪播圖下方的一級入口，有圖標和文字，下面兩種哪一個更好呢？

 

很明顯是左邊，爲何？由於左邊的原型中，icon和文字距離相對更近，咱們知道它們是一體的。

安全距離還包括內容離邊框的距離，在上述的示例中，也明顯是圖五作的更好！

第四，原型中必定會有的交互說明。有的時候，一些按鈕的交互說明很複雜，好比登陸按鈕的；有的產品經理喜歡把它寫成一段話（如圖七），各類異常狀況如何判斷、錯誤提示如何給出、內容是什麼等等；開發和測試看了想打人！

能夠將這些內容分開寫，利於閱讀（如圖八）：

今天就跟你們分享上面的四個方面，但願你們在之後製做原型過程當中，可以儘可能避免以上的錯誤出現。

好的原型有什麼特徵？它們都是被用心作出來的，無論閱讀對象是誰，他們看着原型都能看進去，也能看得舒服。