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

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

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

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

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

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

第三篇，PC端原型制作。

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

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

(圖一)

(圖二)

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

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

(圖三)

(圖四)

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

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

(圖五)

(圖六)

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

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

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

(圖七)

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

(圖八)

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

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

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


猜你喜歡

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

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