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

因?yàn)閺臉I(yè)時(shí)間短、項(xiàng)目經(jīng)驗(yàn)少，在畫原型時(shí)常常會(huì)遇到這樣或那樣的問題：

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

因?yàn)椴涣私庠O(shè)計(jì)規(guī)范與布局方法，很多新人畫出來的原型圖，沒有層級(jí)架構(gòu)的體現(xiàn)，不會(huì)做原型標(biāo)注，頁面又丑又混亂......

只有自己能看懂的原型圖，對(duì)項(xiàng)目沒有任何意義。

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

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

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

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

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

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

墨墨姐推薦墨刀。

不是因?yàn)樽约耶a(chǎn)品就夸上天，而是因?yàn)楹芏嘤脩艚o到的真實(shí)反饋。

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

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

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

本原型選自墨刀素材廣場，點(diǎn)擊查看全部

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

點(diǎn)擊這里，查看素材詳情

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

點(diǎn)擊這里，查看素材詳情

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

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

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

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

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

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

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

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

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

一起來看下活動(dòng)詳情：

參 與 路 徑 

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

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

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

2.上傳素材資源

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

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

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

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

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

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

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

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

還等什么？

Powered by Froala Editor