個人之前所處的兩家公司在應(yīng)用AxureRP的時候都是從無到有的,也是從那個時候起開始推廣學(xué)習(xí)使用AxureRP。在應(yīng)用的過程當(dāng)中,很多東西 都是摸索出來的,不一定適合每個團(tuán)隊,不過有一定的參考借鑒意義,下面是個人之前的一些工作經(jīng)驗總結(jié),希望可以回答上面的那個問題。
定UI風(fēng)格,對常用的組件進(jìn)行視覺封裝
這是針對中高保真原型的要求而言的,使所設(shè)計的原型能夠盡量的貼近實際,較為成熟的團(tuán)隊適合這么去做,不過創(chuàng)業(yè)團(tuán)隊可能初期不是很看重這個,則可以 忽略這個步驟。簡單來講就是讓UI設(shè)計師做一套WEB上各個元素的展現(xiàn)樣式,然后切割出來做成AxureRP的一個組件庫,以達(dá)到共用的目的。當(dāng)然所有元 素的樣式要有一致性,這里所說的元素就比如一個提交按鈕的樣子,取消按鈕的樣子,頁面Banner、背景、表格樣式等等,無需特殊制作的可以使用 AxureRP的默認(rèn)組件庫。這個步驟最終所要達(dá)到的效果,就比如支付寶頁面上的確認(rèn)型按鈕都是暗黃色的,則在設(shè)計原型的時候就采用這樣顏色的按鈕元素, 使原型縮小與實際頁面上的視覺差距,有利于評估產(chǎn)品的方案,且UI風(fēng)格統(tǒng)一了之后,可以避免個人審美因素造成的參差不齊。
定設(shè)計風(fēng)格,抽取可復(fù)用模塊
這個步驟適合那些產(chǎn)品已經(jīng)有一個雛形可參考的情況,對產(chǎn)品進(jìn)行功能完善或者改進(jìn)時,所設(shè)計的原型風(fēng)格與已有產(chǎn)品形態(tài)保持統(tǒng)一,對于一些常見的小塊區(qū) 域的設(shè)計可以固定下來,以達(dá)到改動局部不影響整體的目的。一般來講,有了UI風(fēng)格統(tǒng)一的保證,這一步驟所受的影響相對較小,因此不必投入太多的精力在這上 面。如果是要全新設(shè)計一個產(chǎn)品的話,可以不考慮這個步驟。
定交互規(guī)則,基本操作的走向和反饋等
這點我想很多人都清楚的,交互是一個產(chǎn)品的靈魂,每個產(chǎn)品都是自身特定的交互模式,做的好還有可能成為標(biāo)準(zhǔn),別人都會照著做。這個要根據(jù)每個產(chǎn)品自 身的特點來決定,比如WEB產(chǎn)品和WAP產(chǎn)品的交互差別就很大,瀏覽網(wǎng)頁和瀏覽手機屏幕完全不是一個概念。不過我們只是制定一個原型設(shè)計的交互規(guī)則,沒有 必要非常的詳細(xì),有些東西在文檔里面說清楚就可以了,但一些大的交互規(guī)則一定要定下來,比如按鈕操作的反饋,按鈕的樣式變換等等,這些在原型演示的時候最 好要有,以取得良好的演示效果。有統(tǒng)一的交互規(guī)則,也能保持產(chǎn)品整體風(fēng)格的統(tǒng)一,很多公司都會編寫一套《交互設(shè)計規(guī)范》,供所有的產(chǎn)品設(shè)計人員參考和遵 循。
布局和排版規(guī)則
布局和排版比較好理解,就是要規(guī)定在相應(yīng)頁面有所對應(yīng)的布局排版規(guī)則,如首頁是三行四列式布局,詳情頁則是三行兩列式;是采用左側(cè)菜單右側(cè)顯示主題內(nèi)容的形式,還是上面菜單下面內(nèi)容的形式,這個可根據(jù)具體的情況而定,一旦定下來了,后面就都這么去設(shè)計。
制定設(shè)計規(guī)則
這點主要針對團(tuán)隊協(xié)作完成一個原型設(shè)計而言,AxureRP有共享協(xié)作模式,在修改之前要先簽出,修改完畢之后再提交,在本地所做的修改在提交之前是不會影響共享庫里面的文件的。就和開發(fā)人員提交代碼一樣,也應(yīng)該制定相應(yīng)的原型設(shè)計規(guī)則,否則會越改越亂。
這個設(shè)計體系基本適合大多數(shù)產(chǎn)品的原型設(shè)計過程,個體作戰(zhàn)的其實也可以參考,以使個人所設(shè)計的一個系列的產(chǎn)品原型的風(fēng)格都是統(tǒng)一的,當(dāng)然不同的產(chǎn)品線可以有不同的設(shè)計體系。最后我要說明一點,這個設(shè)計體系不是必須建立的,但是有會比沒有能夠更好的維護(hù)和管理產(chǎn)品的原型。