中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

畫(huà)原型是每個(gè)產(chǎn)品經(jīng)理的基本功，很多人平常工作用的都是原型產(chǎn)品中默認(rèn)的組件庫(kù)，但想要提高效率，就需要做一個(gè)高效的、完全貼合自己使用習(xí)慣的元件庫(kù)。本文作者對(duì)此展開(kāi)了分析，希望對(duì)你有幫助。

一、你也是原型苦手嗎？

產(chǎn)品經(jīng)理的軟件技能里，原型工具可以說(shuō)是產(chǎn)品經(jīng)理吃飯的家當(dāng)，我個(gè)人常用的原型工具是Axure。當(dāng)我是個(gè)剛?cè)腴T(mén)的小菜鳥(niǎo)時(shí)，用Axure畫(huà)原型線稿，用的是默認(rèn)的組件庫(kù)，每次都把對(duì)應(yīng)的組件拖動(dòng)出來(lái)進(jìn)行更改。比如在制作一個(gè)表單時(shí)，就要經(jīng)歷以下步驟：

1. 拖出一個(gè)文本標(biāo)簽組件作為字段名標(biāo)簽。必要時(shí)要加上* 必填標(biāo)記并且要改成紅色字色
2. 拉出一個(gè)單行文本輸入框組件，按規(guī)范改一下組件的寬度、高度、圓角
3. 重復(fù)1、2直到完成表單設(shè)計(jì)

當(dāng)我成為了一名熟練的畫(huà)圖仔之后，我知道了還有元件庫(kù)這種東西，于是我下載了好多個(gè)元件庫(kù)，但是用的時(shí)候，我發(fā)現(xiàn)別人的元件庫(kù)要不做的特別龐大（大廠的設(shè)計(jì)規(guī)范元件庫(kù)，事無(wú)巨細(xì)），檢索元件時(shí)花費(fèi)的時(shí)間更多了，要不就是殘缺的半成品，總之就是效率不高，所以相當(dāng)長(zhǎng)一段時(shí)間內(nèi)，我都是用默認(rèn)的元件庫(kù)。

前不久，我受高人指點(diǎn)：做一個(gè)自己的元件庫(kù)是產(chǎn)品經(jīng)理必須經(jīng)歷的試煉。 我醍醐灌頂，現(xiàn)在我需要的不是機(jī)械化地快速重復(fù)，而是找到變革工具讓效率有質(zhì)的飛躍，而當(dāng)前我需要的就是一個(gè)高效的、完全貼合我使用習(xí)慣的元件庫(kù)。汽車(chē)跑的比馬車(chē)快，可不是因?yàn)檩喿拥诺谋锐R蹄快。

二、STEP1：把每個(gè)元件畫(huà)一遍

萬(wàn)事開(kāi)頭難，起初我并沒(méi)有對(duì)“我的元件庫(kù)應(yīng)該具備哪些內(nèi)容“有一個(gè)明確的答案，于是根據(jù)產(chǎn)品經(jīng)理先做MVP再迭代優(yōu)化的DNA，我準(zhǔn)備把所有的組件一個(gè)個(gè)實(shí)現(xiàn)，這是最笨的也是最實(shí)在的辦法。

于是乎我把常見(jiàn)的網(wǎng)頁(yè)框架組件，如網(wǎng)頁(yè)頭部、主導(dǎo)航菜單、按鈕等，以及表單組件，如單行文本、下拉選框等組件，都逐一實(shí)現(xiàn)。因?yàn)槠綍r(shí)對(duì)組件的基本屬性調(diào)整都比較熟悉，這一步進(jìn)展的很快，馬上我就得到了第一版的”p仔組件庫(kù)v1.0″.

這個(gè)1.0版本，每個(gè)元件都是獨(dú)立的，而且有些組件，根據(jù)交互不同我還做了區(qū)分，比如帶清除的下拉選框和帶搜索的下拉選框。我花了挺多時(shí)間在完善組件的交互上。

然而我很快就發(fā)現(xiàn)了亟須優(yōu)化的點(diǎn)：元件庫(kù)應(yīng)該按照某種分類(lèi)準(zhǔn)則進(jìn)行合并，否則找元件的效率太低了。

三、STEP2：元件庫(kù)的分類(lèi)合并

在學(xué)習(xí)了別人成熟組件庫(kù)的分類(lèi)方式后，我決定采取如下分法：

1. 基礎(chǔ)組件（哪都可以用）
2. 界面組件（web列表頁(yè)這類(lèi)界面）
3. 彈出組件（彈出表單、對(duì)話框）
4. 提示組件（徽標(biāo)、氣泡和提示）
5. 常用icon
6. 常用記錄表格

這里只是在1.0的基礎(chǔ)上，創(chuàng)建了文件夾對(duì)元件進(jìn)行歸類(lèi)，在文件夾下，依舊是獨(dú)立一個(gè)個(gè)的元件。

隨后我想起了一個(gè)問(wèn)題，為什么我見(jiàn)過(guò)的大廠設(shè)計(jì)規(guī)范，都是做的大元件而不是獨(dú)立元件呢？ 大元件的意思是，比如按鈕元件，里面其實(shí)包含了關(guān)鍵按鈕、普通按鈕、提示按鈕等幾個(gè)基礎(chǔ)元件。

（有贊的按鈕大元件，并不是只有1個(gè)元件）

為什么要把相同性質(zhì)的元件放在同一個(gè)“大元件”里呢？經(jīng)過(guò)DIY的元件庫(kù)1.0后發(fā)現(xiàn)，如果元件都是獨(dú)立的，使用時(shí)找元件是在axure界面的左下角元件區(qū)域，axure的組件區(qū)一般會(huì)比較小，檢索效率低。

（axure工作界面的元件窗口是比較小的）

那么封裝成大元件后，用的時(shí)候先拖到畫(huà)布里，再直接選取想要的組件復(fù)制出來(lái)就行。因?yàn)楫?huà)布的空間大，而且允許縮放，再加上自己對(duì)自己組件庫(kù)的熟悉，檢索效率要比在元件工作窗中檢索定位的效率要高。操作步驟如下：

1. 把大元件拉到畫(huà)布中；
2. 在畫(huà)布中選中想要的組件，用ctrl+鼠標(biāo)左鍵拖拽復(fù)制；
3. 用完后將大元件在畫(huà)布中移除。

（大元件拖拽到畫(huà)布，用拖拽復(fù)制，用完后再把大元件刪去）

相比散裝元件，大元件的優(yōu)勢(shì)在于畫(huà)圖時(shí)元件的檢索效率上，畫(huà)布中的檢索效率要大大優(yōu)于元件窗口。 如果沒(méi)有體驗(yàn)過(guò)從1.0到2.0的迭代過(guò)程，其實(shí)很難感知到這一層做法的優(yōu)勢(shì)。

四、STEP3：元件庫(kù)的加減法

1. 加法怎么做？

在多個(gè)項(xiàng)目的錘煉下，會(huì)發(fā)現(xiàn)網(wǎng)頁(yè)框架、上傳組件，甚至是B端最常用的web列表頁(yè)，彈出表單都是高頻元件。做元件庫(kù)的最大目的就是提高效率，而不是執(zhí)著于元件的抽象和原子化。 高頻使用的元件都適合放到元件庫(kù)里。

比如B端的列表頁(yè)，基本都需要支持批量導(dǎo)入數(shù)據(jù)，那直接把導(dǎo)入數(shù)據(jù)的彈窗、導(dǎo)入中、導(dǎo)入結(jié)果等封裝成一個(gè)元件，那用到批量導(dǎo)入業(yè)務(wù)的原型，只需要把這個(gè)”批量導(dǎo)入數(shù)據(jù)“的元件拉出來(lái)使用即可。

（批量導(dǎo)入數(shù)據(jù)元件，包括默認(rèn)情況、上傳中以及結(jié)果頁(yè)）

2. 減法怎么做？

有些業(yè)務(wù)可能不適用默認(rèn)尺寸或樣式，需要進(jìn)行定制化改動(dòng)，那我們還需要讓元件庫(kù)有良好的擴(kuò)展性。

我發(fā)現(xiàn)之前花費(fèi)了大力氣的組件交互，這時(shí)候反而成了一個(gè)麻煩，因?yàn)榻M件包含了動(dòng)態(tài)面板以及更多元素，改一個(gè)尺寸可能牽扯到多個(gè)面板內(nèi)多個(gè)元素的改動(dòng)，但是axure不允許跨面板選中同時(shí)改動(dòng)，因此只能一個(gè)個(gè)去改，并且極容易改漏了地方。

比如一個(gè)帶清除的下拉選框組件，如果僅需要改變寬度，就需要更改：選框的動(dòng)態(tài)面板寬度、動(dòng)態(tài)面板內(nèi)矩形的寬度、調(diào)整清除icon定位、下拉列表的面板寬度、下拉列表中繼器中的選項(xiàng)矩形寬度，涉及多達(dá)5處調(diào)整，這和元件庫(kù)追求效率的核心訴求背道而馳。

（示例：帶取消的下拉選框，擴(kuò)展時(shí)涉及至少5處調(diào)整）

所以我刪繁就簡(jiǎn)，把帶交互的元件都統(tǒng)一做一個(gè)靜態(tài)版的用于原型展示。動(dòng)態(tài)版本保留在元件庫(kù)，在需要展示或者定義交互的時(shí)候作為說(shuō)明，但是具體原型中，只使用靜態(tài)組件，保持高效擴(kuò)展。

做了減法的下拉選框元件，擴(kuò)展時(shí)只需要關(guān)注基本屬性，更多的屬性和交互通過(guò)備注進(jìn)行說(shuō)明：

最后總結(jié)一下制作元件庫(kù)的3個(gè)關(guān)鍵步驟：

1. 逐一制作每個(gè)元件，感受一下基礎(chǔ)的屬性修改，快速做出MVP；
2. 把元件進(jìn)行分類(lèi)分組，并把同類(lèi)項(xiàng)封裝成1個(gè)大元件，效率再次躍升；
3. 根據(jù)個(gè)人使用場(chǎng)景進(jìn)行自我迭代，給元件庫(kù)做加減法，可以封裝更大的元件，也可以簡(jiǎn)化為完全靜態(tài)的原型制作法。

五、御劍于心，人劍合一

我想起以前玩仙劍奇?zhèn)b傳，就很崇拜劍仙，御劍而行，人劍合一，那是劍的最高境界。Axure就是產(chǎn)品經(jīng)理的手中劍，除了“唯手熟爾”，更需要人劍合一的認(rèn)知突破。

產(chǎn)品經(jīng)理的核心價(jià)值，并不在于對(duì)axure的熟練使用，因?yàn)闆](méi)有一個(gè)職業(yè)會(huì)把熟練使用工具當(dāng)成核心價(jià)值，但是只有提高自己的工具熟練度，才能有更多的時(shí)間和精力可以投入到對(duì)需求的思考和實(shí)現(xiàn)的權(quán)衡上。

持續(xù)思考，持續(xù)升級(jí)自己，這不正是做產(chǎn)品經(jīng)理最大的樂(lè)趣嗎？[]~(￣▽?zhuān)?~*