最近，墨墨姐后臺經(jīng)常收到一些剛剛成為產(chǎn)品經(jīng)理的刀友反饋：

因為從業(yè)時間短、項目經(jīng)驗少，在畫原型時常常會遇到這樣或那樣的問題：

• “領(lǐng)導(dǎo)常說我畫的原型好丑，還不規(guī)范……”

• “總是被Diss原型畫得太慢……”

• “畫原型時總會遺漏場景，經(jīng)常被打回來反復(fù)修改……”

對于產(chǎn)品小白來說，畫原型是職業(yè)入門的一項基礎(chǔ)技能，基礎(chǔ)打不好，可能會直接影響你的職業(yè)成長。

墨墨姐今天給大家總結(jié)了幾點畫原型需要注意的事項，產(chǎn)品小白再也不用畫野路子的原型圖了，讓你在產(chǎn)品道路上少走一些彎路：

01 產(chǎn)品經(jīng)理為什么要畫原型圖？

產(chǎn)品小白需要知道原型圖“畫”不是最重要的，搞明白為什么要畫、為誰而畫才是關(guān)鍵。

只有理解了畫原型圖的目的，才可以輸出匹配任務(wù)場景的成果，那么誰需要產(chǎn)品原型呢？

1.自己需要：一是工作溝通的需要，通過原型將需求可視化，傳遞自己對產(chǎn)品的理解和表達(dá)，有效地和領(lǐng)導(dǎo)、同事、客戶溝通和交流，以便快速達(dá)成共識。

二是避免背鍋的需要，產(chǎn)品設(shè)計流程中，很多環(huán)節(jié)銜接是不緊密的，如果做不到信息同步、產(chǎn)品需求界定不明確，到后期環(huán)節(jié)很容易出現(xiàn)扯皮。

2.UI需要：UI需要根據(jù)原型去確定產(chǎn)品的方向和功能結(jié)構(gòu)，然后評估自己的工作量和尋找素材，同時避免重復(fù)設(shè)計返工。

4.開發(fā)需要：開發(fā)根據(jù)原型的設(shè)計來評審業(yè)務(wù)流程是否正確，結(jié)構(gòu)是否完整，實現(xiàn)難度的高低，人員配置和開發(fā)周期的評估。

5.測試需要：測試需要根據(jù)原型做測試用例和測試參考。

6.企業(yè)需要：鐵打的營盤流水的兵，總有新人換舊人，企業(yè)需要存檔保留資料，避免造成項目風(fēng)險。

針對上述的場景，常見的原型圖一般有三種類型：草繪線框圖、低保真原型、高保真原型。

1.草繪線框圖：只展示產(chǎn)品的大概界面框架、關(guān)鍵內(nèi)容和核心頁面，最為“簡陋”的一種，特點是：快。

2.低保真原型：比草繪線框圖完整一些，屬于工作溝通中常見的一種，可展示完整的界面框架、頁面內(nèi)容和頁面流，繪制時多采用黑白灰的視覺風(fēng)格。

3.高保真原型：就是原型的保真度較高，頁面細(xì)節(jié)、交互完整，可以示范點擊，趨近真實的產(chǎn)品。

多用于向領(lǐng)導(dǎo)和客戶展示，方便快速理解和決策是否要直接投入開發(fā)成本。

02產(chǎn)品小白畫原型常會出現(xiàn)的幾個問題

清楚了畫原型的目的，就來說說產(chǎn)品新人入行初期，常會出現(xiàn)的問題：

1. 不懂原型設(shè)計規(guī)范，原型頁面混亂沒有層次，漏洞百出

因為不了解設(shè)計規(guī)范與布局方法，很多新人畫出來的原型圖，沒有層級架構(gòu)的體現(xiàn)，不會做原型標(biāo)注，頁面又丑又混亂......

只有自己能看懂的原型圖，對項目沒有任何意義。

還有一些新人開始畫圖前，沒有認(rèn)真理清用戶需求與產(chǎn)品流程，經(jīng)常出現(xiàn)漏場景漏頁面的錯誤。

試想一下，同事看到這樣的原型圖，怎么評價你的專業(yè)性？

2. 原型工具不熟練，經(jīng)常返工重做，耽誤項目進度

有的產(chǎn)品新人在初期學(xué)畫原型圖時，選不對工具，操作又不熟練。

常常只會拖拽文本框、矩形畫線框圖，或截圖來表達(dá)產(chǎn)品想法，原型設(shè)計效率低，不斷返工重做，耽誤項目進度。

適合剛?cè)胄械漠a(chǎn)品新人使用的原型工具是什么呢？

墨墨姐推薦墨刀。

不是因為自家產(chǎn)品就夸上天，而是因為很多用戶給到的真實反饋。

同樣是簡單的拖拽、排列組合，小白可以直接用墨刀內(nèi)置的原型組件和頁面素材，快速完成精美界面設(shè)計。

墨刀可以在原型內(nèi)直接展示PRD文檔，同一個頁面下可以邊做原型邊寫文檔，一目了然，不會出現(xiàn)因為遺漏導(dǎo)致返工的尷尬。

用墨刀做出來的產(chǎn)品可以實現(xiàn)超真實的產(chǎn)品形態(tài)，原型即產(chǎn)品，同時可以實現(xiàn)交互演示，無需開發(fā)，低成本獲取用戶體驗。

本原型選自墨刀素材廣場，點擊查看全部

3. 成為畫圖工具人，沒有思維提升

原型圖的初級作用是傳遞需求、表達(dá)想法。

高級的作用是 ，能幫助產(chǎn)品經(jīng)理驗證用戶的使用流程，操作體驗是否符合預(yù)期，產(chǎn)品邏輯是否完善。

建議新入行的產(chǎn)品經(jīng)理們一定要從開始就培養(yǎng)自己的原型思維。

不要只是為了畫圖而畫圖，長此以往，只會變成畫圖工具人。

03怎么畫出規(guī)范的原型圖？

在把需求轉(zhuǎn)化成產(chǎn)品原型的過程中，產(chǎn)品新人們一定要注意行業(yè)風(fēng)格、用戶體驗、業(yè)務(wù)流程、業(yè)務(wù)邏輯和實現(xiàn)難度方面的配合和平衡。

不提倡風(fēng)格特立而喪失行業(yè)特性，也不提倡太過炫酷而提高開發(fā)難度和拉長開發(fā)周期。

同時，畫原型也是展示你對產(chǎn)品理解的邏輯表達(dá)。

因此，頁面設(shè)計要遵循的原則是：層級分明，結(jié)構(gòu)清晰，注重要點，避免冗余，思考全面。

下面墨墨姐分享幾個優(yōu)秀原型案例中的頁面設(shè)計，以便讓你們更加直觀地了解。

這是一個園區(qū)租賃管理系統(tǒng)的原型案例。

據(jù)說作者為了作出做個項目，跨過山和大海，穿越人山人海，曾經(jīng)扮過企業(yè)主、模仿過租客，把流程摸了個底朝天......

在做了充分的前期調(diào)研基礎(chǔ)上，作者做出了這套原型圖。

從招商、營銷、信息維護、租金管理多維度考慮，分層級進行頁面管理，包含的內(nèi)容全面，主次清晰。

點擊這里，查看素材詳情

在APP的原型設(shè)計中，還要看重用戶體驗，以運動健身類APP為例，用戶的需求在于專業(yè)、鼓勵機制和社交屬性。

點擊這里，查看素材詳情

這款運動健身APP原型，也是遵循了社區(qū)類、健身類、知識付費類產(chǎn)品的設(shè)計邏輯，結(jié)構(gòu)清晰，層級明確。

菜單頁面包括社區(qū)—探索—運動—計劃—我，不同菜單頁面分別包含健身動態(tài)、話題討論、課程篩選、課程購買、課程學(xué)習(xí)等子頁面。

想查看更多內(nèi)容，可以直接點擊圖片進入墨刀官網(wǎng)素材廣場。

墨刀素材廣場官網(wǎng)

有海量原型模版、組件和素材供任何階段的產(chǎn)品經(jīng)理參考復(fù)用，還聚集了一眾優(yōu)秀的產(chǎn)品經(jīng)理、設(shè)計師等素材創(chuàng)作人，可以在這里進行行業(yè)經(jīng)驗交流。

為了聚集更多優(yōu)秀的原型創(chuàng)作者，為了給產(chǎn)品經(jīng)理們提供豐富的素材資源，墨刀重磅推出【創(chuàng)作達(dá)人計劃】活動。

只要你會畫原型、懂設(shè)計，都可以在素材廣場上傳你的作品。

審核通過即可獲得墨刀會員時長、還有京東E卡，獎勵不設(shè)天花板，上傳越多，獎勵越多。

優(yōu)秀的創(chuàng)作人還有機會受邀參墨刀官方組織的產(chǎn)品經(jīng)理交流論壇，和線下沙龍活動哦！

一起來看下活動詳情：

參 與 路 徑 

1.活動頁認(rèn)證達(dá)人

  點擊這里 直達(dá)活動現(xiàn)場

注：一定先進行達(dá)人認(rèn)證，否則獎勵的VIP時長無法發(fā)放

2.上傳素材資源

3.填寫基礎(chǔ)信息并設(shè)置素材封面

基礎(chǔ)信息越規(guī)范，過審幾率越高哦～

素材廣場有現(xiàn)成的模板封面，可直接復(fù)用。

4.審核通過，系統(tǒng)自動發(fā)放會員時長

上傳資源會在2-3個工作日內(nèi)進行審核，審核通過即可自動獲得對應(yīng)會員時長

注：本次活動最終解釋權(quán)歸墨刀所有。

如果你是優(yōu)秀的創(chuàng)作人，請加入墨刀創(chuàng)作人計劃，成為墨刀官方合作好友。

如果你是剛?cè)胄行“?，也請關(guān)注墨刀創(chuàng)作人計劃，學(xué)習(xí)優(yōu)秀的原型圖是如何創(chuàng)作出來的

還等什么？

Powered by Froala Editor