更新時間:2020-06-04 來源:黑馬程序員 瀏覽量:
眾所周知,產品經理要會制作原型,就像是開發(fā)一定要會代碼。原型的好壞美丑,直接決定了產品經理工作能力的高低與他在企業(yè)中的價值。
一個好的原型,能夠提升整個項目團隊的工作效率。那什么樣的原型才是好的,什么樣的會被吐槽,就是我們這個系列的文章需要跟大家分享的。
我們計劃分三篇跟大家講解原型的注意事項及制作:
第一篇,什么樣的原型是好的原型,它們有什么特征;
第二篇,移動端原型規(guī)范;
第三篇,PC端原型制作。
什么樣的原型才是好的,它們又有哪些共性?我們一起來聊一聊。
首先,關于顏色;好的原型是黑白灰的,很多產品經理喜歡用圖片原件、用各種顏色塊去“讓自己的原型變的美觀”。真的沒必要,而且UI可能會很討厭!為什么呢?因為你搶了他的活兒,而且你做的并不好。
(圖一)
(圖二)
有人可能會問,那我的原型中會出現不同級別的內容和文字,怎么體現呢?黑和灰都有不同的色度,顏色飽和度的高低可以直接讓用戶知道內容的優(yōu)先級(比如圖二中搜索框下方的導航欄)。
其次,關于圖標;很多產品經理喜歡去網上找各種icon,有代表主頁、代表個人中心、代表分類、代表購物車...有必要嗎?也沒有,為什么?因為這些圖標UI和前端是用不了的,你再次用一個很低劣的技能,試圖去搶他們的飯碗!
(圖三)
(圖四)
除非是類似返回按鈕這種箭頭,不然稍微復雜一些的圖標(比如搜索的放大鏡),都建議使用占位符代替;
第三,關于原型內容之間的距離;很多產品經理都知道安全距離的概念,但不懂如何應用。比如電商APP首頁輪播圖下方的一級入口,有圖標和文字,下面兩種哪個更好呢?
(圖五)
(圖六)
很明顯是圖五,為什么?因為左邊的原型中,icon和文字距離相對更近,我們知道它們是一體的。
安全距離還包括內容離邊框的距離,在上述的示例中,也明顯是圖五做的更好!
第四,原型中一定會有的交互說明。有的時候,一些按鈕的交互說明很復雜,比如登錄按鈕的;有的產品經理喜歡把它寫成一段話(如圖七),各種異常情況如何判斷、錯誤提示如何給出、內容是什么等等;開發(fā)和測試看了想打人!
(圖七)
可以將這些內容分開寫,利于閱讀(如圖八):
(圖八)
今天就跟大家分享上面的四個方面,希望大家在以后制作原型過程中,能夠盡量避免以上的錯誤出現。
好的原型有什么特征?它們都是被用心做出來的,不管閱讀對象是誰,他們看著原型都能看進去,也能看得舒服。
目前黑馬程序員的產品經理學科正在招生中,如果感興趣的小伙伴可以來看看,我們有專業(yè)的師資團隊給大家授課,并且輔導大家就業(yè),大家快來吧!推薦了解黑馬程序員產品經理特訓班課程。
猜你喜歡