掌握這 5 個步驟,快速學會原型設計!

記得我剛做產品時,那會只花了幾個小時,簡單學學 Axure RP 基本操作,照葫蘆畫瓢給整了十多張原型,然后就去面試了。

回想起來也是運氣好阿,現在這環境只會原型的產品基本找不到工作咯。

不過這不妨礙原型,成為初級產品的必備技能之一。

前段時間還有幾個小白在群里問我,不懂原型怎么學阿?

我反手就花 3 分鐘,現編了一個快速學會原型的 5 步法。

一些產品小白,或對原型感興趣的開發、運營,按這個步驟去學,相信能避開不少坑。

一、掌握工具

Axure RP 作為產品經理的必備工具,那是一定要掌握的。

不懂的在 B 站找幾個免費教程花一天學學基礎,基本就能上手干活啦。

在這個階段需要注意的是,很多教程動輒 50 節課程,如果按這種節奏學,基本要涼涼~

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

有人就說了,那酷炫吊炸天的動態交互為啥不學?以我個人經驗,可以學,就是投產比太低了,工作基本用不到。

二、熟悉組件

知道怎么用 Axure,并不代表你就會畫原型了,你還需要學習 B、C 端的常用組件。

我們這里簡單介紹一下,組件是具有特定樣式和用途的內容組合。

掌握這 5 個步驟,快速學會原型設計!

組件主要有五種類型:基礎、導航、輸入、展示、反饋。

  1. 基礎:基礎組件是一些常見的頁面基礎元素,例如圖標、文本;
  2. 導航:主要幫助用戶了解當前位置和指引各個頁面跳轉;
  3. 輸入:一般用于數據錄入,例如選擇內容、輸入文本等操作;
  4. 展示:主要用于顯示相關數據內容;
  5. 反饋:用戶進行操作后,將會引發一系列數據交互。

想了解更多,可以看這篇入門:產品小白必懂的 5 種組件類型

再說一下,學習組件的核心原因是,掌握畫原型的基本套路。

每個原型頁面,一般都由若干個組件搭建而成,即使是再復雜花哨的 APP 界面,也都是基于幾種組件類型的變體、組裝而成。

三、使用模板

前面的“掌握工具、熟悉組件”階段,都是學會怎么畫原型。

而使用組件模板,則是讓你加快產出效率,好比說原先每天只能搞 3~5 張,用模板后 1 天整 15 個界面真的算慢啦~

組件模板一般有 APP、小程序、Web、后臺、多端等 5 種常見分類。

掌握這 5 個步驟,快速學會原型設計!

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

想用的時候,找幾個看著順眼的下載來就行。

四、組裝原型

當你懂了組件的概念,并且找到美觀、稱心的組件模板,那么畫原型就像拼樂高那么有趣。

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

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

掌握這 5 個步驟,快速學會原型設計!

而“編輯地址”作為一個表單頁面,稍微需要整理字段、調調細節,手腳麻利點也很快做完。

上面的“XX 管理”功能其實很常見,一般包含了“列表頁、表單頁”,復雜點的再加個“結果頁、詳情頁”。

像平時比較常見的購物流程,就通過“商品列表-商品詳情-填寫訂單-購買成功-訂單詳情”這條鏈路,完整地用了四個頁面類型。

五、設計作品

學會了畫原型練練手,是不是就結束了?

如果你學完想有個階段性成果,可以試著臨摹一個實際 APP,把這個原型文檔變成你的個人作品。

有些人就說了,作品說起來簡單,做起來那不得十天半個月?

按照正常思維去做,確實比較慢。但誰讓我是產品經理呢?產品經理就要用產品思維解決問題。

一些常見的產品思維有:MVP 思維、用戶思維、多元思維、復利思維、業務思維等,而在搞定作品這塊,我們可以用 MVP 思維(最小化可行產品)。

所謂的 MVP,即花最低成本,不斷驗證目標可行性的一種思維方式。

也就是說,我們要用最少的時間,弄出一份比較像樣的原型作品。

這要咋搞?光是選擇做什么類型的 APP 都要想半天,是做”購物、社區、視頻“,還是做”教育、音樂、旅行“?

這里先給出答案,不做購物(大坑,功能對象太多,無法閉環),直接做社區。

為什么首選社區?這里涉及到了產品經理的決策思維,有時間我們再聊聊。

做社區簡單阿,一個社區 APP 的 MVP 版本,核心功能只有”動態回復、個人資料“,十個頁面左右,一天內搞定完事~

總結

產品小白快速學會原型的 5 步法:掌握工具、熟悉組件、使用模板、組裝原型、設計作品。

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

如果你學會了原型,還想搞懂一個實際方案的產品經理工作流,可以看這篇:大廠都在用的產品經理工作流

歡迎關注作者微信公眾號:「產品之外」

掌握這 5 個步驟,快速學會原型設計!

收藏 18
點贊 17

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。