原型方法論——初級產品必備(滿滿干貨)

不管是剛剛入行的產品小白,還是久經職場的產品大神,畫原型是每個產品人必不可少的職業技能。本文同樣以一個初入行的產品人的角度,淺析如何形成畫原型的自我方法論。

初入職場,尤其是互聯網職場,不必要在一開始就醉心于人脈的積累以及職位的晉升,因為這不屬于一個新人應該主要考慮的方向。大多數新人都希望把提升自己的業務能力放在首位要素,而作為新人產品,畫原型無疑是基本技能。很多人都覺得畫原型是非常簡單的操作,無非就是擺弄一個控件的位置,然而要總結個畫原型流程,卻說不出各所以然來。重視原型,重視思維在原型上的體現,形成自己的原型方法論,大大提高自己的工作效率。

掌握使用路徑,繪制產品流程線框圖

原型又被叫做產品demo,但更主要的是體現想法在思考后體現在產品上的主要功能和交互流程。畫原型之前一定是在腦海中構思了無數次產品使用路徑,所以最好一開始用線框圖理清使用路徑,從宏觀上把握產品的基本架構。思維邏輯能力也往往在這一步得到最大程度的鍛煉。對于流程圖繪制,我給各位新司機們幾點建議:

工具不重要,邏輯最重要

市場上繪制原型的工具一抓一大把,常用的一般有Visio,processon,draw.io等等,推薦processon,不僅使用簡單,對新手友好,關鍵是云端存儲,不用存儲文檔。但正如小標題所說,工具不重要,關鍵還是是否自己已經走通了產品的使用邏輯,從注冊到登出,從瀏覽到編輯,從編輯到預覽,做到心中有數,繪制原型自然能做到通暢無阻。

常用流程圖軟件

美觀或許也要放在心上

大部分人做自己的產品都能走通邏輯,卻很少有人能把線框圖畫的美觀,因為對大部分人來說,邏輯自己理清了就行。實際上,

  • 流程圖美觀能夠方便以后自己再次看時,能迅速復現當時的思維路徑

  • 畫個美觀的流程圖,給其他人講解時也能迅速理解你的思路

說服別人前先說服自己

人做事總是立足于當時。畫流程圖的時候,往往只關注當時路徑是否是正確的,卻往往忽略某些特殊情況下的特殊處理,因此,畫完流程圖后不要急著說完成,交給別人看之前先檢查一下,試著復現使用場景,注意產品在某些特殊情況下的展現。

某個產品的簡單流程圖

繪制原型 最大程度還原線框圖

原型圖的使用對象是設計師,所以好的原型評價標準是設計師能迅速理解產品框架。目標原型圖應當具有成熟產品的具體功能,并且能解決預設的相關需求。原型圖是產品的核心,是作為產品的部分價值體現,也是一個產品人的基礎技能,我不認同“人人都是產品經理”這個觀點的一個重要依據就是“不是人人都能畫原型”,所以需要重視原型在產品工作中的比重。都說產品是生孩子,那么畫原型大概是基因的交流,是未來產品的雛形。產品到了這一步已經到了具體落地的步驟,那么你需要一定的工具來做這件事。大多數人推薦Axure,作為畫原型的基礎工具,它的作用大概之于office的word一般,但我還是推薦有想法的產品可以試一試墨刀。相比Axure,墨刀在制作交互和成果展示上,有著天生的優勢,盡管Axure能畫出更漂亮,更加高保真的原型。

收集素材,做好準備

正所謂“工欲善其事,必先利其器”,做好準備工作總是沒有錯的。元件就像搭建房屋的磚塊,除了Axure自帶的元件,網上素材往往是一個原型必不可少的組成成分。

元件庫

Axure往往會自帶一部分元件庫,但僅靠自帶的元件庫遠遠不能滿足日常工作的需要,除了網上搜索Axure元件庫出來一大堆元件庫外,我這里推薦兩個常用的ios規范的元件庫(來自網絡,樂于當搬運工)http://pan.baidu.com/s/1c21tdhm,希望能起到一丁點作用

Icon素材

為什么看別的產品畫的原型都那么好看,那么豐富,那么飽滿?你觀察過么,可能只是你的原型少了一些icon和顏色的填充。其實icon不僅只在UI稿中出現,同樣可以出現在你的原型圖中。

  • 裝飾填充

加入icon的原型往往更加生動,相比死板的用框圖繪制的原型更加具有活力,在需求評審時更加便于拉近與技術和設計的距離

  • 解釋說明

Icon作為圖形語言,在人機交互中具有重要的作用,但是在原型中最好能配合文字使用,得讓對象知道icon的意思,畢竟原型的使用對象是設計師,產品最終的icon得由設計師設計。

目前網絡上已經有很多icon在線庫可下載,例如easyicon以及阿里的iconfont等都是不錯的選擇。

阿里開放的icon平臺

優化細節,嚴格根據之前的流程圖步驟繪制原型

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

某頁原型

但需要說明的是,我不是鼓勵各位新司機們畫的原型要足夠好看,也不是鼓勵花足夠的時間做一個完美的原型,而是希望各位在盡量完整表達產品框架的同時,兼顧到原型的可讀性,畢竟設計師們體現在最終產品上的審美也會受原型的影響。

至于一部分人反駁好看的原型會限制設計師的設計想法,那我只能說,這不是產品的鍋,畢竟專業的人只做專業的事!

最后的最后,還是希望和各位新老司機們互相學習,多多交流。

本文由 @Joe_吉(wechat: abc741813677) 原創發布于簡書。未經許可,禁止轉載。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 227,702評論 6 531
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,143評論 3 415
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 175,553評論 0 373
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,620評論 1 307
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,416評論 6 405
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 54,940評論 1 321
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,024評論 3 440
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,170評論 0 287
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,709評論 1 333
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,597評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,784評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,291評論 5 357
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,029評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,407評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,663評論 1 280
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,403評論 3 390
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,746評論 2 370

推薦閱讀更多精彩內容