交互設(shè)計(jì)自查體系是設(shè)計(jì)系統(tǒng)的重要一環(huán)，是設(shè)計(jì)師完成交互設(shè)計(jì)方案后，提交給團(tuán)隊(duì)內(nèi)部、產(chǎn)品經(jīng)理或者客戶前查缺補(bǔ)漏的環(huán)節(jié)。
有效的進(jìn)行交互設(shè)計(jì)自查，將有助于保證交互設(shè)計(jì)方案的質(zhì)量，凸顯設(shè)計(jì)師的專業(yè)性，避免設(shè)計(jì)評(píng)審時(shí)面對(duì)被各方挑戰(zhàn)和質(zhì)疑的窘境。
這一年來我對(duì)于自身的交互設(shè)計(jì)的自查工作，都是出于零碎的基于經(jīng)驗(yàn)的查驗(yàn)，往往缺乏明確的思路和邏輯性。所以在交互設(shè)計(jì)評(píng)審階段經(jīng)常會(huì)被挑戰(zhàn)，事實(shí)證明，也確實(shí)有很多是我自身的思考不全面所導(dǎo)致的的疏漏。
另一方面，因?yàn)闃I(yè)務(wù)需要，團(tuán)隊(duì)內(nèi)的設(shè)計(jì)師也將開始接手一部分的交互設(shè)計(jì)需求，如何能幫助組員更好的承擔(dān)交互設(shè)計(jì)的工作，提供更加高質(zhì)量的交互方案的輸出。而交互設(shè)計(jì)自查體系就可以幫助組員快速審視自己的交互工作，高效的進(jìn)行自我審視，查缺補(bǔ)漏，提供出更嚴(yán)謹(jǐn)更專業(yè)的交互設(shè)計(jì)方案。
基于以上兩點(diǎn)，構(gòu)建交互設(shè)計(jì)自查體系就顯得尤為必要。
如果設(shè)計(jì)師的自查工作嚴(yán)格測試的步驟來執(zhí)行，將會(huì)耗費(fèi)大量的時(shí)間。所以我更習(xí)慣于按照交互設(shè)計(jì)工作過程的脈絡(luò)來構(gòu)建交互設(shè)計(jì)自查體系，所以自查體系將以《用戶體驗(yàn)要素》為基礎(chǔ)，自上而下的設(shè)計(jì)過程也會(huì)貫穿在自查過程中，同時(shí)也會(huì)新增特殊因素作為自查的一部分。
所以我希望這個(gè)自查體系是大而全，可以根據(jù)項(xiàng)目的需要，靈活選擇cheklist項(xiàng)，高效的執(zhí)行設(shè)計(jì)自查。
一、產(chǎn)品目標(biāo)與用戶需求
基于業(yè)務(wù)和用戶背景提煉出具體的設(shè)計(jì)目標(biāo)后，設(shè)計(jì)方案需要緊密圍繞目標(biāo)展開，而不是在被別人問到你的設(shè)計(jì)方案如何體現(xiàn)出這一目標(biāo)時(shí)，才發(fā)現(xiàn)目標(biāo)和方案實(shí)際上基本不相干甚至南轅北轍。所以這個(gè)過程需要設(shè)計(jì)師重新全局審視設(shè)計(jì)方案，整體的進(jìn)行評(píng)估判斷。
1. 目標(biāo)
業(yè)務(wù)目標(biāo)：業(yè)務(wù)目標(biāo)是否溝通到位，指標(biāo)背后的洞察分析；
用戶目標(biāo)：不同類型的用戶與故事板描述，用戶的核心痛點(diǎn)和訴求提煉；
設(shè)計(jì)目標(biāo)：基于業(yè)務(wù)和用戶目標(biāo)提煉1-3個(gè)設(shè)計(jì)關(guān)鍵詞并解讀。
2. 方案
認(rèn)知匹配：設(shè)計(jì)方案是否圍繞目標(biāo)展開、怎樣體現(xiàn)和感知、聯(lián)想與參照。
二、流程與信息架構(gòu)
流程包括了設(shè)計(jì)流程和體驗(yàn)流程，設(shè)計(jì)流程實(shí)際上是項(xiàng)目前期耗費(fèi)時(shí)間與精力最多的，在交互設(shè)計(jì)文檔里完整展示這些階段產(chǎn)出物還是很有價(jià)值的。它們能更好地體現(xiàn)出你的專業(yè)態(tài)度和充分的思考推導(dǎo)過程，給設(shè)計(jì)提案的說服力提升增加籌碼。體驗(yàn)流程則需要設(shè)計(jì)師從整體到局部進(jìn)行把控，保證最重要的核心任務(wù)流完成，以及意外流程的完整性。
1. 設(shè)計(jì)流程
用戶研究輸入：焦點(diǎn)小組、問卷、競品分析報(bào)告；
用戶體驗(yàn)地圖：梳理用戶全鏈路的行為路徑、關(guān)鍵痛點(diǎn)、機(jī)會(huì)點(diǎn)洞察、情感波動(dòng)等；
用戶畫像：目標(biāo)用戶分解、用戶特征、訪問場景、用戶目標(biāo)、關(guān)鍵詞、最關(guān)心的內(nèi)容、痛點(diǎn)等；
故事板：情境化描述角色的使用場景、一日故事等；
流程圖：用戶操作流程抽象、分支情況要考慮周到；
全景圖：全站頁面的分布和組織情況，注意體現(xiàn)頁面之間的跳轉(zhuǎn)關(guān)系；
框架圖：關(guān)鍵頁面的整體框架布局，體現(xiàn)優(yōu)先級(jí)關(guān)系；
設(shè)計(jì)流程展現(xiàn)：將如腦暴、卡片分類等線下設(shè)計(jì)討論過程拍照、完整記錄呈現(xiàn)在文檔里。
2. 體驗(yàn)流程
核心任務(wù)流程：從頭到尾是否能順暢走通？
保存操作：復(fù)雜任務(wù)流是否支持保存或自動(dòng)保存；意外退出前是否保存提示？
用戶體驗(yàn)流程：路徑是否一致？
返回和出口：是否符合用戶預(yù)期？
逆向流程：是否考慮周全？
跳轉(zhuǎn)鏈接：是否與跳轉(zhuǎn)目的一致？
操作的容錯(cuò)性：是否提供危險(xiǎn)操作的二次確認(rèn)？
操作的容錯(cuò)性：是否提供必要的撤銷操作？
操作的容錯(cuò)性：操作失敗的解釋與建議。
異常流程：退出、撤銷、重置、返回、不通過、過期失效。
3. 信息架構(gòu)
信息架構(gòu)、導(dǎo)航、模塊入口的設(shè)計(jì)：是否符合用戶既定的使用習(xí)慣和理解？
信息層級(jí)：信息區(qū)域間的層級(jí)關(guān)系、元素控件間的關(guān)系是否符合親密性、對(duì)比性和重復(fù)性等設(shè)計(jì)原則，能否正確地體現(xiàn)與頁面信息架構(gòu)相符的邏輯關(guān)系？
信息分類：對(duì)龐雜信息進(jìn)行組織、篩選、歸類時(shí)，有沒有遵循用戶熟悉的分類標(biāo)準(zhǔn)？對(duì)企業(yè)應(yīng)用來說，分類有沒有符合企業(yè)內(nèi)部習(xí)慣和行業(yè)慣例？
信息視覺流：視覺流是否存在反復(fù)和繞行現(xiàn)象？
三、頁面內(nèi)容
在頁面內(nèi)容中定義了頁面中的一些細(xì)節(jié)，主要集中在表單頁面的內(nèi)容形式：控件呈現(xiàn)、數(shù)據(jù)展現(xiàn)、輸入與選擇、文案展現(xiàn)。
1. 控件呈現(xiàn)
控件展現(xiàn)：是否符合用戶認(rèn)知？
控件樣式：是否具有一致性？
控件交互行為：是否具有一致性？
控件狀態(tài)：不可用狀態(tài)是否呈現(xiàn)？
2. 數(shù)據(jù)展現(xiàn)
數(shù)據(jù)：空狀態(tài)是否展現(xiàn)？
數(shù)據(jù)完整：無法完整顯示的如何處理？
字?jǐn)?shù)：有限制超限如何處理？
數(shù)據(jù)過期：如何提示用戶？
數(shù)據(jù)規(guī)則：按什么規(guī)則排序？
數(shù)值格式：是否要按特定的格式顯示？
數(shù)據(jù)極值：是否存在極值？
3. 輸入與選擇
表單填寫：是否為用戶提供了默認(rèn)值？
表單驗(yàn)證：輸入過程是否提供提示和判斷？
表單反思：是否存在不必要的輸入？
表單交互：是否指定了鍵盤類型和鍵盤引起的頁面滾動(dòng)？
4. 文案展現(xiàn)
文案：句式是否一致？
核心詞匯：是否一致、準(zhǔn)確？
文案描述：是否有溫度感？
四、交互與反饋
這里主要考慮的是用戶與產(chǎn)品的交互過程，需要讓用戶在與界面的交互過程中及時(shí)的獲取反饋。
1. 交互
觸發(fā)源：操作按鈕在當(dāng)前界面中是否明確？
觸發(fā)區(qū)域：操作按鈕是否易操作易觸達(dá)？
未釋放狀態(tài)：考慮內(nèi)容過多或展示過快時(shí)支持長按停留內(nèi)容；是否可以取消，例如發(fā)送語音消息，此時(shí)是否允許用戶取消發(fā)送？
刷新：是否自動(dòng)刷新，刷新條目數(shù)？
2. 反饋
操作成功：是否周全的考慮了所有操作成功的反饋？
操作失?。菏欠裰苋目紤]了所有操作失敗的反饋？
操作過程：操作過程中是否允許取消？
加載狀態(tài)：狀態(tài)改變的等待時(shí)間是否超過3S左右，如果太長是否需要加入加載狀態(tài)？
動(dòng)效：是否設(shè)計(jì)了必要且合理的動(dòng)效？
五、特殊情形
1. 硬件設(shè)備
橫豎屏：是否支持橫屏顯示，橫豎屏?xí)r布局及功能是否完整？
分辨率高低：分辨率情況下是否會(huì)有適配問題，例如5s等小屏手機(jī)下內(nèi)容展示及操作區(qū)域是否足夠？
硬件、系統(tǒng)版本：不同手機(jī)的物理按鍵、系統(tǒng)等不同，是否需要備注？
應(yīng)用版本：新增功能是否影響老版本，是否需要升級(jí)？
硬件交互：定位、藍(lán)牙是否打開？需要調(diào)用GPS、相機(jī)的使用權(quán)限嗎？如何讓用戶更加愿意授權(quán)？
2. 模式
編輯模式：編輯模式下出現(xiàn)意外情況，是否提示保存或自動(dòng)保存已填信息？
夜間模式：是否需要考慮夜間模式？
無圖模式：數(shù)據(jù)流量環(huán)境下，是否提示切換無圖模式？
低電量模式：是否減弱部分視覺效果，停用富文本內(nèi)容的自動(dòng)刷新與下載？
沉浸模式：如全屏模式、VR模式，考慮退出操作的便捷性和信息提示弱打斷。
3. 網(wǎng)絡(luò)狀態(tài)
沒有網(wǎng)絡(luò)（無網(wǎng)）；
網(wǎng)絡(luò)超時(shí)（斷網(wǎng)）；
網(wǎng)絡(luò)太慢（弱網(wǎng)）；
網(wǎng)絡(luò)環(huán)境變化：從WiFi到數(shù)據(jù)流量環(huán)境時(shí)是否需要切換視圖；
加載失敗：是否自動(dòng)重新加載。
4. 異常
異常操作：連續(xù)多次點(diǎn)擊給予反饋、統(tǒng)一設(shè)備登錄多個(gè)賬號(hào)驗(yàn)證碼、統(tǒng)一IP；連續(xù)破壞性操作n項(xiàng)內(nèi)容時(shí)是否需要身份驗(yàn)證；
錯(cuò)誤提示頁：404頁面、即將上線、頁面失效、服務(wù)下線、系統(tǒng)繁忙，考慮出錯(cuò)頁面內(nèi)容情感化表達(dá)以減弱用戶的受挫感。
5. 賬號(hào)權(quán)限
未登錄：登錄和未登錄按鈕權(quán)限差別，需要登錄后才可操作的功能是否備注。
6. 其他
是否需新手引導(dǎo)頁？
是否需要進(jìn)行埋點(diǎn)，以便分析用戶行為？
技術(shù)可行性。
六、總結(jié)
這份交互設(shè)計(jì)自查體系還有很多欠缺之處，例如《交互設(shè)計(jì)方案衡量標(biāo)準(zhǔn)的五層總結(jié)》還從情感趣味性、品牌調(diào)性傳達(dá)、業(yè)務(wù)創(chuàng)新型和社會(huì)責(zé)任感的角度來審視交互設(shè)計(jì)方案。
我覺得正如文中所說的：
為什么細(xì)節(jié)考慮都很完善周到了，可總讓人覺得缺失了什么？僅僅流程完整細(xì)節(jié)周到的交互方案是「合格」的方案，但卻不是「優(yōu)秀」的方案，因?yàn)樗鼪]法帶來真正的驚喜和情感沖擊。
所以這份自查體系應(yīng)該還只是追求「合格」，而要達(dá)到「優(yōu)秀」，品牌、創(chuàng)新、人文層面在設(shè)計(jì)方案中的思考和理解，則是必不可少。這無疑是對(duì)交互設(shè)計(jì)自查體系提出的更高的要求，我也希望自己能在日常的交互工作中也能樹立起這樣的意識(shí)。
聯(lián)系客服
