這是Kevin的第 868篇原創(chuàng)
做產(chǎn)品經(jīng)理多年來(lái)，我最喜歡的原型工具就是axure，主要因?yàn)樵凸ぞ哂玫捻樖志托?，在沒(méi)有團(tuán)隊(duì)強(qiáng)制要求下我會(huì)選擇這類(lèi)工具。隨著時(shí)間變化，產(chǎn)品經(jīng)理本身原型工具的選擇也發(fā)生了極大的變化。
以前單機(jī)本地的擴(kuò)展到線上協(xié)同。
合格的產(chǎn)品經(jīng)理都應(yīng)該必備一些部件庫(kù)用于提升產(chǎn)品設(shè)計(jì)的效率。
部件庫(kù)可以有下面3點(diǎn)優(yōu)勢(shì)
1.減少消耗時(shí)間的通用單元組件設(shè)計(jì)
2.增加需求的嚴(yán)密性
3，節(jié)省了產(chǎn)品設(shè)計(jì)這一個(gè)單環(huán)節(jié)的時(shí)間
簡(jiǎn)易設(shè)計(jì)并不代表產(chǎn)品設(shè)計(jì)是隨意的，反而是輸出“高質(zhì)量“的產(chǎn)品設(shè)計(jì)。
因此用部件庫(kù)就是為了提升所謂的質(zhì)量
在這里我建議有5大類(lèi)部件庫(kù)一定要有
一.按鈕類(lèi)
你見(jiàn)到的所有產(chǎn)品頁(yè)面都會(huì)存在按鈕。
按鈕通過(guò)搭配不同的文案，去提升轉(zhuǎn)化率、以及增加用戶(hù)情況。好的按鈕設(shè)計(jì)，為用戶(hù)提供舒暢的產(chǎn)品使用體驗(yàn)。同事按鈕也包含了邏輯條件，比如登錄注冊(cè)按鈕，就需要判斷用戶(hù)的身份信息。
▲??不同場(chǎng)景的按鈕設(shè)計(jì)?
按鈕的種類(lèi)在簡(jiǎn)易設(shè)計(jì)里主要4種分類(lèi)
選項(xiàng)按鈕
下拉按鈕
普通點(diǎn)擊按鈕
雙擊按鈕
提前準(zhǔn)備上面4類(lèi)按鈕，可以快速完成產(chǎn)品的頁(yè)面原型設(shè)計(jì)
二.彈窗類(lèi)
告知用戶(hù)使用產(chǎn)品的當(dāng)前狀態(tài)、反饋系統(tǒng)信息，彈窗是最好的表達(dá)方式。
彈窗主要有4類(lèi)
1.toast/alert
這類(lèi)主要是展示當(dāng)前期狀態(tài)的提示
2.單選項(xiàng)彈窗
告知用戶(hù)狀態(tài)， 需要用戶(hù)點(diǎn)擊知曉
3.多選項(xiàng)彈窗
需要用戶(hù)進(jìn)行操作，進(jìn)行強(qiáng)提醒。
4.伴隨時(shí)間消失的彈窗
這類(lèi)彈窗是有時(shí)間限制，展示出后在固定的時(shí)間后消失。主要為用戶(hù)提供關(guān)鍵信息告知
三.web頁(yè)面導(dǎo)航類(lèi)
每一個(gè)PC產(chǎn)品，都會(huì)牽扯到產(chǎn)品頁(yè)面框架。比如網(wǎng)站站點(diǎn)的導(dǎo)航欄，后臺(tái)的頁(yè)面功能框架，都可以用固定的導(dǎo)航欄原型設(shè)計(jì)來(lái)完成。
▲??web頁(yè)面導(dǎo)航?
在web頁(yè)面導(dǎo)航里，如果是面向C端用戶(hù)的。這類(lèi)框架可以實(shí)現(xiàn)需求的落地，但至于UI就可以放心的交給UI設(shè)計(jì)師，因?yàn)槌墒斓脑涂蚣芊浅Ｈ菀桌斫狻?/p>
如果是面向業(yè)務(wù)內(nèi)部的業(yè)務(wù)系統(tǒng)，則更能夠讓開(kāi)發(fā)、業(yè)務(wù)方快速理解并知曉系統(tǒng)的操作，使用這種成熟的部件會(huì)讓業(yè)務(wù)、開(kāi)發(fā)、設(shè)計(jì)都輕松很多。
何樂(lè)而不為？
四.移動(dòng)端列表類(lèi)/瀑布流
