產(chǎn)品經(jīng)理培訓(xùn)：你的原型今天被吐槽了嗎？

眾所周知，產(chǎn)品經(jīng)理要會制作原型，就像是開發(fā)一定要會代碼。原型的好壞美丑，直接決定了產(chǎn)品經(jīng)理工作能力的高低與他在企業(yè)中的價(jià)值。

一個(gè)好的原型，能夠提升整個(gè)項(xiàng)目團(tuán)隊(duì)的工作效率。那什么樣的原型才是好的，什么樣的會被吐槽，就是我們這個(gè)系列的文章需要跟大家分享的。

我們計(jì)劃分三篇跟大家講解原型的注意事項(xiàng)及制作：

第一篇，什么樣的原型是好的原型，它們有什么特征;

第二篇，移動端原型規(guī)范;

第三篇，PC端原型制作。

什么樣的原型才是好的，它們又有哪些共性?我們一起來聊一聊。

首先，關(guān)于顏色;好的原型是黑白灰的，很多產(chǎn)品經(jīng)理喜歡用圖片原件、用各種顏色塊去“讓自己的原型變的美觀”。真的沒必要，而且UI可能會很討厭!為什么呢?因?yàn)槟銚屃怂幕顑海夷阕龅牟⒉缓谩?br/>

(圖一)

(圖二)

有人可能會問，那我的原型中會出現(xiàn)不同級別的內(nèi)容和文字，怎么體現(xiàn)呢?黑和灰都有不同的色度，顏色飽和度的高低可以直接讓用戶知道內(nèi)容的優(yōu)先級(比如圖二中搜索框下方的導(dǎo)航欄)。

其次，關(guān)于圖標(biāo);很多產(chǎn)品經(jīng)理喜歡去網(wǎng)上找各種icon，有代表主頁、代表個(gè)人中心、代表分類、代表購物車...有必要嗎?也沒有，為什么?因?yàn)檫@些圖標(biāo)UI和前端是用不了的，你再次用一個(gè)很低劣的技能，試圖去搶他們的飯碗!

(圖三)

(圖四)

除非是類似返回按鈕這種箭頭，不然稍微復(fù)雜一些的圖標(biāo)(比如搜索的放大鏡)，都建議使用占位符代替;

第三，關(guān)于原型內(nèi)容之間的距離;很多產(chǎn)品經(jīng)理都知道安全距離的概念，但不懂如何應(yīng)用。比如電商APP首頁輪播圖下方的一級入口，有圖標(biāo)和文字，下面兩種哪個(gè)更好呢?

(圖五)

(圖六)

很明顯是圖五，為什么?因?yàn)樽筮叺脑椭?，icon和文字距離相對更近，我們知道它們是一體的。

安全距離還包括內(nèi)容離邊框的距離，在上述的示例中，也明顯是圖五做的更好!

第四，原型中一定會有的交互說明。有的時(shí)候，一些按鈕的交互說明很復(fù)雜，比如登錄按鈕的;有的產(chǎn)品經(jīng)理喜歡把它寫成一段話(如圖七)，各種異常情況如何判斷、錯(cuò)誤提示如何給出、內(nèi)容是什么等等;開發(fā)和測試看了想打人!

(圖七)

可以將這些內(nèi)容分開寫，利于閱讀(如圖八)：

(圖八)

今天就跟大家分享上面的四個(gè)方面，希望大家在以后制作原型過程中，能夠盡量避免以上的錯(cuò)誤出現(xiàn)。

好的原型有什么特征?它們都是被用心做出來的，不管閱讀對象是誰，他們看著原型都能看進(jìn)去，也能看得舒服。

目前黑馬程序員的產(chǎn)品經(jīng)理學(xué)科正在招生中，如果感興趣的小伙伴可以來看看，我們有專業(yè)的師資團(tuán)隊(duì)給大家授課，并且輔導(dǎo)大家就業(yè)，大家快來吧!推薦了解黑馬程序員產(chǎn)品經(jīng)理特訓(xùn)班課程。


猜你喜歡

30歲轉(zhuǎn)型產(chǎn)品經(jīng)理晚了嗎?

新人產(chǎn)品經(jīng)理在初期容易踩得坑，你踩了嗎?