產(chǎn)品新人如何用做產(chǎn)品的方法制作Axure元件庫

5 評論 16079 瀏覽 70 收藏 8 分鐘

作為剛?cè)肼毜漠a(chǎn)品新人,目前的主要任務(wù)是熟悉業(yè)務(wù)。當然leader也布置了任務(wù),其中頻率最高的就是制作元件庫。我已經(jīng)做了兩套元件庫,一套用于PC端,一套用于移動端。作為一個在制作元件庫上已經(jīng)非?!坝薪?jīng)驗”的人,我想跟大家分享一下產(chǎn)品新人如何用做產(chǎn)品的方法制作元件庫。

作為產(chǎn)品經(jīng)理,畫原型是日常工作中的重要部分。最讓人頭大的莫過于需要畫一些復(fù)雜的界面原型,有可能畫原型的頻率還非常高。所以這個時候針對一個系統(tǒng)定制元件庫顯得非常重要。如果將一個系統(tǒng)的元件庫做出來,分享出來,各個產(chǎn)品線的產(chǎn)品經(jīng)理在畫原型時都能使用這個組件庫。這樣的話,能夠在很大程度上方便產(chǎn)品經(jīng)理畫原型,節(jié)省工作時間,提高工作效率。

對產(chǎn)品新人來說,元件庫就是自己做的第一個產(chǎn)品。做元件庫的過程也是鍛煉自己做產(chǎn)品的過程。那如何用做產(chǎn)品的方法制作元件庫呢?

一、確定產(chǎn)品規(guī)范,明確產(chǎn)品目的

在制作元件庫之前,首先要從設(shè)計那里拿到頁面的規(guī)范。頁面里的每一個控件的寬度、高度、顏色、字體都有規(guī)定。我們在制作元件庫的時候就是依照設(shè)計給的規(guī)范來進行制作。

同時還有明確元件庫的目的是方便產(chǎn)品經(jīng)理畫原型,所以做的時候還需要思考他們的使用習(xí)慣,適當?shù)貙υ爝M行拆分、組合,讓產(chǎn)品經(jīng)理在用起來時能夠更順手。

二、明確產(chǎn)品的使用場景和區(qū)別

不同的元件庫有不同的使用場景,這會使得元件庫的形式會有一些區(qū)別。就拿我做過的兩個元件庫舉例。

PC端系統(tǒng)的頁面會比較詳細、復(fù)雜,但是PC端的頁面更新迭代頻率較低,所以元件庫的樣式會是比較固定的。在制作過程中只需要按照設(shè)計規(guī)范去做,整個頁面的元件會比較多,這樣產(chǎn)品經(jīng)理在畫原型時直接拖拽使用整個頁面就很方便了;

而移動端的元件庫相對來說是比較簡單的,但是由于移動端頁面更新較快,制作整個頁面的元件庫其實沒多大必要,所以在做移動端元件庫的時候,設(shè)計的要求是要拆分得足夠細致。整個元件庫更需要的是“按鈕”、“搜索框”、“輪播圖”這種偏基本的元件。這樣產(chǎn)品經(jīng)理在用的時候,能夠根據(jù)實際情況自己組合整個頁面。

三,產(chǎn)品開發(fā)—制作元件庫

1、首先在元件庫中心“創(chuàng)建元件庫”。

2、命名元件庫,保存。

保存完之后,元件庫會出現(xiàn)在元件庫中心,但里面沒有元件。

3、這時候關(guān)閉Axure,點開保存在桌面的.rplib文件。

4、打開元件庫后,就開始根據(jù)規(guī)范制作元件庫。

5、制作完成,點擊保存。關(guān)閉Axure后重新打開,點擊“載入元件庫”,把剛做好的元件庫載入到Axure元件庫中心。

6、元件庫制作完成。

四、產(chǎn)品測試

制作完元件庫后,為了保證元件庫的質(zhì)量,還需要自己“測試”元件庫。

先要核對元件庫里的元件是不是都符合規(guī)范。再嘗試自己導(dǎo)入元件庫,拖拽使用一下,看是否有比較大的問題。

還有一個最重要也最容易忽視的問題,由于大家的電腦型號不一樣,同一個元件庫有可能在自己電腦上顯示正常,但是在別人電腦上就可能會出現(xiàn)換行、頁面亂七八糟等問題。所以還需要在不同的電腦上進行“測試”,看看哪些元件出現(xiàn)了問題,將文本框的寬度拉長一些,以保證在其他的電腦上顯示的時候一切正常。

最后再將元件庫發(fā)給設(shè)計或者目標使用人,請他們看看元件庫是否符合實際使用習(xí)慣,還有哪些地方有問題,再進行修改。

五、收集用戶反饋,進行迭代

當一個產(chǎn)品發(fā)布之后,任務(wù)并沒有結(jié)束,還需要后續(xù)的跟蹤和迭代。元件庫也一樣。

在各位產(chǎn)品經(jīng)理使用元件庫后,還需要進行用戶調(diào)研,收集元件庫的使用情況。這些可以通過問卷調(diào)查、當面詢問等方式來得到反饋。當然由于用戶都集中在一個公司,所以當面詢問是最有效的方法。收集到了用戶使用中的問題,還需要對元件庫進行修改,推出更好的版本。

當上述流程都做完了,一個元件庫才算真正地制作完成。

任何小的任務(wù)都可以當作產(chǎn)品來看待,都可以用做產(chǎn)品的方法來進行。如果每一次都懷著“產(chǎn)品雖小,流程俱全”的心態(tài)去完成任務(wù),相信有一天在面對較大產(chǎn)品的時候,也可以穩(wěn)妥地將工作流程推進下去。

 

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

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

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 感謝作者大大的分享,讀到這篇文章的您,

    如果想具備系統(tǒng)產(chǎn)品知識技能,
    有一套體系化的個人項目作品,
    想工作和求職,都更加的順暢!

    那體系化的學(xué)習(xí)訓(xùn)練就很有必要,
    點這里,先看看公開課: http://996.pm/7GVQ4

    來自廣東 回復(fù)
  2. 剛畢業(yè)沒多久,做的很多工作都是比較零碎的,所以常比較郁悶,感覺自己碌碌無為沒有什么工作上的成就感,“任何小的任務(wù)都可以當作產(chǎn)品來看待,都可以用做產(chǎn)品的方法來進行”,這么一看,是我自己的心態(tài)沒有放好,太浮躁,應(yīng)該先靜下心把每一個任務(wù)當成一個自己的小產(chǎn)品來對待,由小至大,一步步來。

    來自內(nèi)蒙古 回復(fù)
  3. 樓主怎么成為產(chǎn)品經(jīng)理的?

    來自四川 回復(fù)
  4. 挺好的,正準備做自己的元件庫,別人的元件庫很少能有自己能用的

    來自湖北 回復(fù)
    1. 是的,自己做的元件庫最符合自己的需求了。

      來自上海 回復(fù)