公司的項目接近尾聲,我也總算有時間來回查幾個月來的工作。通過這段時間與產(chǎn)品、技術(shù)同事的合作,了解了許多設(shè)計之外的東西,這里做一下總結(jié):
關(guān)于交互文檔
作為交互設(shè)計師,輸出交互說明文檔、頁面流程圖、交互demo是我分內(nèi)的事情,但越是到了項目的后期,我越來越認(rèn)識到細(xì)致、詳盡的交互文檔是何等重要,如果讓我從新梳理這些產(chǎn)出物,我想我會著重注意輸出文檔的以下幾點:
1、事無巨細(xì)
項目的參與人員并不像交互設(shè)計師一樣熟悉各類產(chǎn)品,部分方案對開發(fā)人員來說可能相當(dāng)?shù)哪吧?,為了達到預(yù)期效果,詳細(xì)的交互文檔+面對面的溝通+與預(yù)期效果相似的案例,都是必要的。曾在在知乎上聽說,淘寶的交互輸出文檔中會把設(shè)計中的思路、多個方案的優(yōu)略對比、相似產(chǎn)品的頁面截圖等一起寫入文檔,當(dāng)時覺得累贅,但現(xiàn)在發(fā)覺這樣做真的有用。
2、文檔的實時更新
項目方案通常受多方面的影響如:需求變更、設(shè)計變更、實現(xiàn)困難、開發(fā)進度等原因需經(jīng)過多次迭代,交互更新后的文檔一定要及時發(fā)送給項目全體人員,對更新部分的內(nèi)容應(yīng)該有詳細(xì)的記錄和說明(包括修改思路、時間等),這樣做一方面能夠保證大家的信息同步,防止出現(xiàn)重復(fù)開發(fā)和錯誤開發(fā),另一方面,當(dāng)項目后期進行回查時,大家都能清楚的知道頁面修改的根本原因(前期項目我自己在這方面沒有做到位,曾導(dǎo)致不少問題,一定程度上影響了項目進度。)
3、規(guī)范文檔結(jié)構(gòu)
清晰的文檔結(jié)構(gòu),不僅方便大家查找頁面,提高工作效率,還能幫助自己理清思路,建立清晰的產(chǎn)品架構(gòu)。通過了解其他公司的交互文檔規(guī)范,并結(jié)合公司項目的實際情況,我將文檔結(jié)構(gòu)調(diào)整如下:

簡介--一句話描述產(chǎn)品的基本定位、核心功能以及產(chǎn)品屬性;
用戶--用戶模型,確定產(chǎn)品面向的人群(以后細(xì)說);
目標(biāo)--不同用戶的核心目標(biāo)(可以繼續(xù)細(xì)分);
用例--為用戶完成目標(biāo)而設(shè)計的事件流,包括1個基本事件流和多個例外事件流,通過一個用例用戶可以達成一個目標(biāo);
操作定義與交互規(guī)范--產(chǎn)品中的主要操作以及普遍的交互邏輯(這里并不是制定具體的控件、元素規(guī)范,而是定義產(chǎn)品不同頁面中各類問題的基本思考邏輯)
修改歷史--設(shè)計修改記錄,應(yīng)包括修改時間、修改內(nèi)容、修改原因
交互設(shè)計稿--頁面框架圖、頁面流程圖、交互說明,(需考慮基本的視覺排版等,可使用不同層次的灰度表示重要內(nèi)容元素,不應(yīng)定義色彩、質(zhì)感、符號、形狀等)
分享內(nèi)容落地頁面--可分享頁面分享成功后的落地頁(產(chǎn)品有touch版與無touch版落地頁會有較大區(qū)別)
特殊狀態(tài)--詳細(xì)描述產(chǎn)品不同頁面在不同狀態(tài)下的異常反饋、顯示、狀態(tài)等(一般可以根據(jù)產(chǎn)品的整體結(jié)構(gòu)來書寫)
4、關(guān)于溝通
交互設(shè)計師除了輸出書面文檔,絕大多數(shù)時間都在和產(chǎn)品、開發(fā)進行溝通,在溝通的過程中,我們不但要把自己的方案、想法解釋清楚,更加應(yīng)該把產(chǎn)品思路、思考邏輯、設(shè)計方法傳達給其他人,這樣做的好處,一方面在于讓別人了解你的任何方案都是經(jīng)過思考和對比得出的,絕不是無中生有(也可以有效的樹立你的專業(yè)威望),另一方面,通過日積月累的了解和磨合,彼此之間的想法會更加趨于一致,工作也會更加順利。