search
尋找貓咪~QQ 地點 桃園市桃園區 Taoyuan , Taoyuan

產品新人:在搞清楚這些之前,別動手畫原型!

原型又叫產品Demo,主要是體現你的想法,通常包括產品的主要功能和交互流程。在這裡和大家分享一下,我畫原型的一些經驗和小技巧。

一、畫原型之前,你的流程圖梳理好了嗎?

產品經理在畫原型之前,一定是在腦海中構思了無數次產品使用路徑。所以最好先用線框圖理清使用路徑,從宏觀上把握產品的基本架構(你的思維邏輯能力,也會在這一步得到很大的鍛煉)。對流程圖繪製,我給各位新司機們幾點建議:

1、工具不重要,邏輯最重要

常用的繪製流程圖的工具有Visio、ProcessOn等。但工具不重要,關鍵還是自己是否走通了產品的使用邏輯,例如,從註冊到登出、從瀏覽到編輯、從編輯到預覽。你做到心中有數,繪製原型自然能做到通暢無阻。

2、美觀也要放在心上

線框圖的美觀,主要是指簡明流暢、清晰易懂,要知道:

美觀的流程圖,方便以後再看時,能迅速復現當時的思維路徑;

美觀的流程圖,能幫助團隊小夥伴更好更快的理解你的思路。

3、說服別人前先說服自己

我們在畫流程圖的時候,容易只關注正常的路徑是否正確,卻忽略了某些特殊情況下的特殊處理。因此,畫完流程圖后不要急著給別人看,先檢查一下,試著復現使用場景,注意產品在某些特殊情況下的展現。

某個產品的簡單流程圖

二、畫原型的時候,你的準備工作做好了嗎?

完成流程圖之後,就要動手畫原型了嗎?原型圖應當具有成熟產品的具體功能,並且能解決預設的相關需求。因此,做好準備工作也很重要(說到工具,大多數人推薦Axure,我也建議試試墨刀,有時候更方便)。

1、搜集素材,做好準備

元件就像搭建房屋的磚塊,除了Axure自帶的元件,我們也可以到網上搜集素材。

1)元件庫

Axure自帶一部分元件庫,有時候不能滿足日常工作的需要。這裡推薦兩個常用的iOS規範的元件庫(來自網路,樂於當搬運工)。

2)icon素材

為什麼有的原型特別好看?可能只是多了一些icon和顏色的填充。目前有很多icon在線庫可下載,例如easyicon和阿里的iconfont都是不錯的選擇。

2、根據之前的流程圖,繪製原型

按照流程圖的使用路徑,繪製原型圖的好處在於,能保持邏輯的連貫性,繪製過程一氣呵成。待框架和基本功能完善後,再去優化細節,針對每個按鈕、每個功能嚴格按照「增查改刪算顯傳,異常情況也要盤」的口訣,增加不同情形下的頁面。這樣一個完整的原型圖就大致完成了。

簡單說一下「口訣」的意思,指的是在設計產品功能的時候,要考慮的一些操作。以搜索功能為例:

增:增加文字是否有提示?

查:查找按鈕怎麼放?

改:修改有哪些方式?

算:計算是否有數據變化,怎麼變化?

顯:顯示是否有變化?

傳:後台數據怎麼傳輸?

需要說明的是,我並不鼓勵各位新司機們,花很多時間做一個完美的原型,而是希望大家在盡量完整表達產品框架的同時,兼顧原型的可讀性、實用性。

最後友情提醒,初入職場,新人往往希望把提升自己的業務能力放在首位,而實際上,畫原型是一項非常基本的技能。重視原型,重視自己的思維在原型上的體現,能夠大大提高工作效率,從而更快更好的進入後續的成長階段。

互相學習,多多交流。

文/Joe_吉



熱門推薦

本文由 yidianzixun 提供 原文連結

寵物協尋 相信 終究能找到回家的路
寫了7763篇文章,獲得2次喜歡
留言回覆
回覆
精彩推薦