掌握這 5 個(gè)步驟，快速學(xué)會(huì)原型設(shè)計(jì)！

記得我剛做產(chǎn)品時(shí)，那會(huì)只花了幾個(gè)小時(shí)，簡(jiǎn)單學(xué)學(xué) Axure RP 基本操作，照葫蘆畫(huà)瓢給整了十多張?jiān)停缓缶腿ッ嬖嚵恕?/p>

回想起來(lái)也是運(yùn)氣好阿，現(xiàn)在這環(huán)境只會(huì)原型的產(chǎn)品基本找不到工作咯。

不過(guò)這不妨礙原型，成為初級(jí)產(chǎn)品的必備技能之一。

前段時(shí)間還有幾個(gè)小白在群里問(wèn)我，不懂原型怎么學(xué)阿？

我反手就花 3 分鐘，現(xiàn)編了一個(gè)快速學(xué)會(huì)原型的 5 步法。

一些產(chǎn)品小白，或?qū)υ透信d趣的開(kāi)發(fā)、運(yùn)營(yíng)，按這個(gè)步驟去學(xué)，相信能避開(kāi)不少坑。

一、掌握工具

Axure RP 作為產(chǎn)品經(jīng)理的必備工具，那是一定要掌握的。

不懂的在 B 站找?guī)讉€(gè)免費(fèi)教程花一天學(xué)學(xué)基礎(chǔ)，基本就能上手干活啦。

在這個(gè)階段需要注意的是，很多教程動(dòng)輒 50 節(jié)課程，如果按這種節(jié)奏學(xué)，基本要涼涼~

學(xué) Axure 只要懂基本的“元件拖拉、增刪處理、樣式編輯、跳轉(zhuǎn)交互、母版概念、元件庫(kù)管理”等操作，就夠你用很久了。

有人就說(shuō)了，那酷炫吊炸天的動(dòng)態(tài)交互為啥不學(xué)？以我個(gè)人經(jīng)驗(yàn)，可以學(xué)，就是投產(chǎn)比太低了，工作基本用不到。

二、熟悉組件

知道怎么用 Axure，并不代表你就會(huì)畫(huà)原型了，你還需要學(xué)習(xí) B、C 端的常用組件。

我們這里簡(jiǎn)單介紹一下，組件是具有特定樣式和用途的內(nèi)容組合。

組件主要有五種類(lèi)型：基礎(chǔ)、導(dǎo)航、輸入、展示、反饋。

1. 基礎(chǔ)：基礎(chǔ)組件是一些常見(jiàn)的頁(yè)面基礎(chǔ)元素，例如圖標(biāo)、文本；
2. 導(dǎo)航：主要幫助用戶(hù)了解當(dāng)前位置和指引各個(gè)頁(yè)面跳轉(zhuǎn)；
3. 輸入：一般用于數(shù)據(jù)錄入，例如選擇內(nèi)容、輸入文本等操作；
4. 展示：主要用于顯示相關(guān)數(shù)據(jù)內(nèi)容；
5. 反饋：用戶(hù)進(jìn)行操作后，將會(huì)引發(fā)一系列數(shù)據(jù)交互。

想了解更多，可以看這篇入門(mén)：產(chǎn)品小白必懂的 5 種組件類(lèi)型

再說(shuō)一下，學(xué)習(xí)組件的核心原因是，掌握畫(huà)原型的基本套路。

每個(gè)原型頁(yè)面，一般都由若干個(gè)組件搭建而成，即使是再?gòu)?fù)雜花哨的 APP 界面，也都是基于幾種組件類(lèi)型的變體、組裝而成。

三、使用模板

前面的“掌握工具、熟悉組件”階段，都是學(xué)會(huì)怎么畫(huà)原型。

而使用組件模板，則是讓你加快產(chǎn)出效率，好比說(shuō)原先每天只能搞 3~5 張，用模板后 1 天整 15 個(gè)界面真的算慢啦~

組件模板一般有 APP、小程序、Web、后臺(tái)、多端等 5 種常見(jiàn)分類(lèi)。

像“微信、螞蟻、有贊、Taro”等大廠的組件庫(kù)，基本都有 Axure 版組件模板下載。

想用的時(shí)候，找?guī)讉€(gè)看著順眼的下載來(lái)就行。

四、組裝原型

當(dāng)你懂了組件的概念，并且找到美觀、稱(chēng)心的組件模板，那么畫(huà)原型就像拼樂(lè)高那么有趣。

例如京東的“地址管理”功能，需要用到“我的地址、編輯地址”等 2 個(gè)頁(yè)面和若干組件。

“我的地址”頁(yè)面，只要找到模板的“列表、按鈕”組件，拖出來(lái)稍微改改文字，前后不到 3 分鐘搞定。

而“編輯地址”作為一個(gè)表單頁(yè)面，稍微需要整理字段、調(diào)調(diào)細(xì)節(jié)，手腳麻利點(diǎn)也很快做完。

上面的“XX 管理”功能其實(shí)很常見(jiàn)，一般包含了“列表頁(yè)、表單頁(yè)”，復(fù)雜點(diǎn)的再加個(gè)“結(jié)果頁(yè)、詳情頁(yè)”。

像平時(shí)比較常見(jiàn)的購(gòu)物流程，就通過(guò)“商品列表-商品詳情-填寫(xiě)訂單-購(gòu)買(mǎi)成功-訂單詳情”這條鏈路，完整地用了四個(gè)頁(yè)面類(lèi)型。

五、設(shè)計(jì)作品

學(xué)會(huì)了畫(huà)原型練練手，是不是就結(jié)束了？

如果你學(xué)完想有個(gè)階段性成果，可以試著臨摹一個(gè)實(shí)際 APP，把這個(gè)原型文檔變成你的個(gè)人作品。

有些人就說(shuō)了，作品說(shuō)起來(lái)簡(jiǎn)單，做起來(lái)那不得十天半個(gè)月？

按照正常思維去做，確實(shí)比較慢。但誰(shuí)讓我是產(chǎn)品經(jīng)理呢？產(chǎn)品經(jīng)理就要用產(chǎn)品思維解決問(wèn)題。

一些常見(jiàn)的產(chǎn)品思維有：MVP 思維、用戶(hù)思維、多元思維、復(fù)利思維、業(yè)務(wù)思維等，而在搞定作品這塊，我們可以用 MVP 思維（最小化可行產(chǎn)品）。

所謂的 MVP，即花最低成本，不斷驗(yàn)證目標(biāo)可行性的一種思維方式。

也就是說(shuō)，我們要用最少的時(shí)間，弄出一份比較像樣的原型作品。

這要咋搞？光是選擇做什么類(lèi)型的 APP 都要想半天，是做”購(gòu)物、社區(qū)、視頻“，還是做”教育、音樂(lè)、旅行“？

這里先給出答案，不做購(gòu)物（大坑，功能對(duì)象太多，無(wú)法閉環(huán)），直接做社區(qū)。

為什么首選社區(qū)？這里涉及到了產(chǎn)品經(jīng)理的決策思維，有時(shí)間我們?cè)倭牧摹?/p>

做社區(qū)簡(jiǎn)單阿，一個(gè)社區(qū) APP 的 MVP 版本，核心功能只有”動(dòng)態(tài)回復(fù)、個(gè)人資料“，十個(gè)頁(yè)面左右，一天內(nèi)搞定完事~

總結(jié)

產(chǎn)品小白快速學(xué)會(huì)原型的 5 步法：掌握工具、熟悉組件、使用模板、組裝原型、設(shè)計(jì)作品。

1. 掌握工具：Axure RP 作為產(chǎn)品經(jīng)理的必備工具，那是一定要掌握的，不懂的在 B 站找?guī)讉€(gè)免費(fèi)教程花一天學(xué)學(xué)基礎(chǔ)，基本就能上手干活啦；
2. 熟悉組件：知道怎么用 Axure，并不代表你就會(huì)畫(huà)原型了，你還需要學(xué)習(xí) B、C 端的 5 種常用組件類(lèi)型（基礎(chǔ)、導(dǎo)航、輸入、展示、反饋）；
3. 使用模板：組件模板有 APP、小程序、Web、后臺(tái)、多端等 5 種常見(jiàn)分類(lèi)，像”微信、螞蟻、有贊、Taro“等大廠組件，都有 Axure 版組件下載，找?guī)讉€(gè)看著順眼的下載來(lái)用就行；
4. 組裝原型：當(dāng)你懂了組件的概念，并且找到美觀、稱(chēng)心的組件模板，那么畫(huà)原型就像拼樂(lè)高那么有趣；
5. 設(shè)計(jì)作品：如果你學(xué)完想有個(gè)階段性成果，可以試著臨摹一個(gè)實(shí)際 APP，把這個(gè)原型文檔變成你的個(gè)人作品。

如果你學(xué)會(huì)了原型，還想搞懂一個(gè)實(shí)際方案的產(chǎn)品經(jīng)理工作流，可以看這篇：大廠都在用的產(chǎn)品經(jīng)理工作流

歡迎關(guān)注作者微信公眾號(hào)：「產(chǎn)品之外」