掌握這 5 個關(guān)鍵步驟,產(chǎn)品小白也能快速學(xué)會原型設(shè)計
大多數(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)航、輸入、展示、反饋。
- 基礎(chǔ):基礎(chǔ)組件是一些常見的頁面基礎(chǔ)元素,例如圖標(biāo)、文本;
- 導(dǎo)航:主要幫助用戶了解當(dāng)前位置和指引各個頁面跳轉(zhuǎn);
- 輸入:一般用于數(shù)據(jù)錄入,例如選擇內(nèi)容、輸入文本等操作;
- 展示:主要用于顯示相關(guān)數(shù)據(jù)內(nèi)容;
- 反饋:用戶進行操作后,將會引發(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ù)。
- 目前還沒評論,等你發(fā)揮!