掌握這 5 個關(guān)鍵步驟,產(chǎn)品小白也能快速學(xué)會原型設(shè)計

0 評論 1372 瀏覽 8 收藏 8 分鐘

大多數(shù)產(chǎn)品經(jīng)理都需要學(xué)會原型設(shè)計,那么,有沒有什么方法,可以讓產(chǎn)品小白也能快速學(xué)會原型設(shè)計呢?這篇文章里,作者總結(jié)了一套快速學(xué)會原型的 5 步法,一起來看看吧。

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

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

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

前段時間還有幾個小白問我,不懂原型怎么學(xué)阿?

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

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

一、掌握工具

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

不懂的童鞋,花幾天學(xué)學(xué)基礎(chǔ),基本就能上手干活啦。

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

有人就說了,那酷炫吊炸天的動態(tài)交互為啥不學(xué)?以我個人經(jīng)驗,閑的蛋疼可以學(xué),就是投產(chǎn)比太低了,工作基本用不到。

二、熟悉組件

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

什么是組件?組件是具有特定樣式和用途的內(nèi)容組合。

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

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

學(xué)習(xí)組件的核心原因是,掌握畫原型的基本套路。

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

三、使用模板

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

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

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

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

四、組裝原型

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

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

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

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

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

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

五、設(shè)計作品

學(xué)會了畫原型練練手,是不是就結(jié)束了?

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

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

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

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

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

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

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

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

為什么首選社區(qū)?

主要是做社區(qū)簡單阿,一個社區(qū) APP 的 MVP 版本,核心功能只有“動態(tài)回復(fù)、個人資料”,十個頁面左右,一天內(nèi)搞定完事。

六、總結(jié)

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

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

本文由 @好夕雷 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載

題圖來自Unsplash,基于CC0協(xié)議

該文觀點僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務(wù)。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!