關(guān)于交互設(shè)計(jì)文檔的文章不少，很多時(shí)候看了不一定能馬上提高一個(gè)境界，而需要我們不斷結(jié)合項(xiàng)目去實(shí)踐和總結(jié)積累。這里借鑒了一些設(shè)計(jì)書籍、行內(nèi)的設(shè)計(jì)分享以及結(jié)合做項(xiàng)目的親身經(jīng)歷進(jìn)行總結(jié)。
一、 規(guī)范交互設(shè)計(jì)文檔的重要性
交互設(shè)計(jì)文檔，稱為DRD(Design Requirement Document)；
我們知道，做出一款產(chǎn)品需要團(tuán)隊(duì)多人協(xié)作，也要?dú)v經(jīng)多次版本迭代。交互設(shè)計(jì)師在實(shí)際工作中，除了需求分析，輸出交互稿之外，也要配合視覺、開發(fā)，甚至測試的工作。此外因項(xiàng)目的節(jié)奏和進(jìn)度不同，難免輸出的交互文檔有精細(xì)程度之差。所以輸出一份專業(yè)規(guī)范而表達(dá)清晰的交互設(shè)計(jì)文檔會尤為重要。
設(shè)計(jì)規(guī)范解決了什么問題？
二、交互設(shè)計(jì)文檔的書寫思路
1. 目錄
2. 封面
文檔封面包含版本、參與人員等信息。
3. 文檔說明
寫交互文檔是為了能夠很好地進(jìn)行上下游協(xié)作，所以需要將文檔表達(dá)清楚。文檔說明包括項(xiàng)目背景、更新日志、設(shè)計(jì)進(jìn)度、評審記錄等，以便讓項(xiàng)目組人員能夠知曉設(shè)計(jì)的“歷史進(jìn)程”，提高溝通的效率。
3.1 項(xiàng)目背景
3.2 更新日志
版本迭代過程中，有時(shí)候會遇到人力資源調(diào)配（人員流動或者項(xiàng)目調(diào)配），如果能及時(shí)地記錄更新日志并且傳達(dá)到位，大家的合作會順暢很多。
4. 需求分析
根據(jù)PRD（產(chǎn)品需求文檔）進(jìn)行需求的梳理，包括用戶調(diào)研、需求拆解、競品分析、用戶體驗(yàn)地圖等等（根據(jù)具體不同項(xiàng)目進(jìn)行安排）。
5. 頁面交互
關(guān)于頁面交互原型文檔的書寫思路，常見的有任務(wù)流程圖、頁面流程圖、信息架構(gòu)。需要具體結(jié)合項(xiàng)目場景呈現(xiàn)。
5.1 任務(wù)流程
在設(shè)計(jì)之前我們首先要梳理任務(wù)流程圖，一般是主流程＋子流程的結(jié)構(gòu)方式，繪制的軟件有Sketch,Axure或者其他第三方軟件。
5.2 信息架構(gòu)
信息架構(gòu)圖按照功能－頁面－模塊－元素繪制；幫助我們梳理功能、涉及的信息點(diǎn)，防止漏項(xiàng)；
團(tuán)隊(duì)中協(xié)作之時(shí)，也便于做設(shè)計(jì)任務(wù)分工；
5.3 交互原型
通常來說，交互原型頁面由原型頁面＋交互說明組成；我們盡量用一個(gè)頁面說明清楚一個(gè)事情，盡量避免看文檔的同事困惑，節(jié)省不必要的查找時(shí)間。尤其是核心的頁面需要附上具體的流程說明。
本案例是公司的app項(xiàng)目，以“分析”頁面為例，tab標(biāo)簽包含“總 月 周 日”，可以自由切換。方便開發(fā)能夠第一眼看到關(guān)聯(lián)的流程頁面。
5.4 交互說明
雖然很多產(chǎn)品、開發(fā)人員不愿意讀太多文字，相比之下更愿意看直觀的線框圖。但交互說明也不可省略，這是為了讓大家能夠更好地理解界面的操作行為和邏輯。
那么交互說明包含什么呢？
1.內(nèi)容：范圍值、極限值；
2.狀態(tài)：默認(rèn)狀態(tài)、異常狀態(tài)、特殊狀態(tài)說明；
3.操作：常見操作、特殊操作、誤操作、手勢操作等等；
4.反饋：操作后的提示、跳轉(zhuǎn)、動畫等。
本案例中除了描述頁面內(nèi)容，也包含了默認(rèn)、特殊狀態(tài)的說明，以及操作行為等。（tips：1.盡量用真實(shí)而符合邏輯的數(shù)據(jù)；2.不要忽略特殊狀態(tài)；3.清晰簡潔；交互說明更新時(shí)及時(shí)告知大家......）
交互設(shè)計(jì)規(guī)范：
交互組件庫：
結(jié)合實(shí)際項(xiàng)目場景，制作交互設(shè)計(jì)規(guī)范和建立交互組件庫，并且不斷調(diào)整以適用項(xiàng)目需要，可以大大地提高工作效率。
三、總結(jié)
俗話說，好的設(shè)計(jì)需要有好的表達(dá)。誠然，交互設(shè)計(jì)文檔作為設(shè)計(jì)師的重要產(chǎn)出物之一，應(yīng)該是對上下游協(xié)作有益的，能作為評估和參考。
當(dāng)拿到產(chǎn)品的需求文檔時(shí)，應(yīng)該學(xué)會從商業(yè)、技術(shù)、用戶的角度多方面思考和分析，擁有“翻譯”成設(shè)計(jì)目標(biāo)的能力。相比畫圖，設(shè)計(jì)的思考、決策過程更能體現(xiàn)自身的價(jià)值。
至于原型，行內(nèi)當(dāng)前沒有統(tǒng)一的標(biāo)準(zhǔn)，很多規(guī)范需要基于項(xiàng)目的實(shí)際場景慢慢積累起來，本文中列舉的也是通常遇到的情況，僅作參考。
總而言之，團(tuán)隊(duì)之間的溝通非常重要，與書寫交互文檔的目的同理。
丨夸米科技丨
咨詢直線：186-2370-8562 官方網(wǎng)站：www.lybxyx.com
17260717688
