本文作者結(jié)合自身經(jīng)驗，總結(jié)了一份交互自查表，來幫助大家在工作中面對分支流程和異常情況的時候，提高處理效率。

先來看一個比較老的梗，把大象裝進(jìn)冰箱需要幾步？ 相信大家都知道 。

打開冰箱門—–把大象放進(jìn)去—–把冰箱門關(guān)上。

流程圖如下：

這應(yīng)該是大多數(shù)人，按照直觀感覺都能想到的正常理想操作順序。

然而，問題并沒有想象的那么簡單。

• 大象不肯進(jìn)去怎么辦？
• 冰箱太小裝不下怎么辦？
• 好不容易塞進(jìn)去，冰箱門關(guān)不上怎么辦……

實際流程圖如下：

這也是在設(shè)計中常常會遇到的問題。做稿子的時候，你覺得已經(jīng)非常完美了，流程步驟各種都已經(jīng)6到飛起了。自信滿滿把設(shè)計稿給到開發(fā)同學(xué)的時候，問題來了。

配一張真實截圖：

呃……最怕空氣突然安靜……

只有手忙腳亂地，開始各種填坑……

上面說的這些情況，其實就是在做設(shè)計時候最容易忽略的事情。

分支流程和異常情況考慮不周全。

當(dāng)然我們做設(shè)計的時候主要精力肯定是應(yīng)該集中在主要任務(wù)和流程上，分支流程雖說是小概率事件，但是也要有所考慮，不然方案就會不完整。

所以，我專門針對這種情況整理出發(fā)生頻率最高的、最容易被遺漏的分支流程和異常情供大家參考，當(dāng)然這些內(nèi)容也并不是萬能的，更多的是希望能提供一些有意義的參考以及思路給大家。只有思路清晰，思考角度遵循一定的規(guī)律和步驟，才能有效的避免遺漏。

不過關(guān)于支線流程和異常流程的思考，即使經(jīng)驗再豐富的設(shè)計師，實際上在一個新接觸的項目中也不可能做到在流程設(shè)計階段就考慮得面面俱到。所以在方案基本完成后的自查階段還需要重新梳理、查漏補(bǔ)缺。

一. 適用人群

• 初級交互設(shè)計師。
• 喜歡交互設(shè)計的同學(xué)。
• 非交互職位，但是不得不涉及到交互的同學(xué)（產(chǎn)品經(jīng)理、視覺設(shè)計師、測試工程師等）。

此表為beta版，總結(jié)了我自己在工作中遇到比較多的各種情況，內(nèi)容我還在繼續(xù)完善整理中，不足之處還望大家補(bǔ)充指出，感謝……

二. 怎么用

先來一個題外話：我有個朋友總丟三落四，出門的時候不是忘記拿手機(jī)，就是忘記拿鑰匙，他自己也很苦惱。為此他想了一個辦法，用一個盒子非常固定的把鑰匙、手機(jī)、錢包都裝在一起，只要找到盒子就不會忘記任何一樣?xùn)|西了。那么精力重點就在這個盒子上 。

回到我們的分支流程和異常情況上來，盒子（自查表）我已經(jīng)給你準(zhǔn)備好了。從做設(shè)計的前、中、后各個階段，列出了一些必然會遇到的點。

你只需要找到這個盒子（自查表）結(jié)構(gòu)化的填入內(nèi)容就基本能搞定大多數(shù)的問題了。

其實這就是一個結(jié)構(gòu)化思考的過程。在這個過程中，不僅能清晰的整理好自己的思路，避免一些不必要的遺漏。填完以后你還會發(fā)現(xiàn)這會成為你自己項目的一張自查表，也方便其他項目成員檢查梳理問題。

先來看看我們通常給出去的稿子都長什么樣。

這是我們最常見的設(shè)計稿的樣子，按照最理想狀態(tài)流程一步一步的呈現(xiàn)，這就和我們前面講的把大象裝進(jìn)冰箱的理想步驟。

但是實際上，一個輸入框和一個上傳操作就會有那么多種狀態(tài)和情況，也就是冰箱門打不開，大象塞不進(jìn)去的情況。

但是，這些情況是有一定規(guī)律的，不需要耗費太多的時間和精力去思考，可以固定的按照一定規(guī)律填進(jìn)去，就能解決絕大部分問題。首先找到你的盒子（自查表），接下來我們就來看看，在設(shè)計的各個階段比較容易漏掉的地方都有哪些。

1. 設(shè)計前

明確需求和目標(biāo)

主要檢查點：業(yè)務(wù)目標(biāo)、用戶目標(biāo)、產(chǎn)品目標(biāo)、設(shè)計目標(biāo)。

tips：「從別人那里得來的二手需求，往往對需求的本質(zhì)理解都不夠深刻」。

要看自己是否明確當(dāng)前的目標(biāo)，能不能用一句話把目標(biāo)描述清楚（最好是可衡量的目標(biāo)，比如：產(chǎn)品目標(biāo)今年10月活躍用戶數(shù)上升20%），所以要盡可能的自己弄清楚需求。

弄清目標(biāo)用戶和用戶角色

主要檢查點：用戶類型、帳號體系。

tips：「不同類型用戶之間的聯(lián)系千絲萬縷」。

做設(shè)計的時候基本都能清楚的知道，產(chǎn)品面對的目標(biāo)用戶是誰，但是容易忽略的地方是在于里面一共有多少種用戶類型的用戶。比如：管理員、vip、內(nèi)網(wǎng)用戶、外網(wǎng)用戶等等，每種用戶類型在體驗和內(nèi)容上是否需要有分層處理，是否涉及到權(quán)限問題，應(yīng)該怎么處理。角色之間能否互相轉(zhuǎn)變，操作是否清晰，轉(zhuǎn)換后的提示是什么？賬號體系用什么？

2. 設(shè)計中

框架階段

主要檢查點：層級關(guān)系、信息區(qū)分、擴(kuò)展性。

tips：「一個好的框架不會因為內(nèi)容的增加或者減少而發(fā)生巨大變化」。

信息架構(gòu)用戶是否容易理解， 內(nèi)容組織是否有一定的邏輯關(guān)系，擴(kuò)展性是否足夠。

流程階段

主要檢查點：角色，入口，目的，操作，離開、中斷。

tips：「我是誰？從哪里來？要到哪里去？怎么去？還有誰？」。

要看流程有沒有短路，如果過程中有中斷，中斷后要怎么提示，如果有不同的權(quán)限和角色，還得檢查相互之間有沒有相通和關(guān)聯(lián)的地方，共同的關(guān)鍵節(jié)點。以及逆向操作。不同角色不同場景的任務(wù)流程一定要單獨梳理。

內(nèi)容顯示

主要檢查點：數(shù)據(jù)顯示、緩存、內(nèi)容、狀態(tài)（特別是為空、初始）、顯示（各種極限情況）。

tips：「為空、初始、極限情況」。

通常情況下我們只做理想狀態(tài)，為空，極致的狀態(tài)是最容易被忽略的，要根據(jù)不同類型的產(chǎn)品和場景具體考慮。

反饋通知

主要檢查點：通知，提醒，界面反饋，用戶反饋入口。

tips：「操作的任何階段（前、中、后被中斷）都要防止用戶發(fā)呆」。

反饋很多時候是和用戶的上一步操作聯(lián)系在一起的，是一種界面的指引，用戶做了什么你要告訴他結(jié)果，你希望他做什么，怎么提示他。

文本控件

主要檢查點：表意清晰、使用一致。

tips：「結(jié)合流程檢查要符合操作的前后情景，符合用戶的常規(guī)認(rèn)知和習(xí)慣」。

在交互方式逐漸有一定積累的今天，如果不需要特別標(biāo)新立異，還是盡量選擇通用常見符合認(rèn)知和習(xí)慣的控件。

3. 設(shè)計后

檢查點：設(shè)備、中斷情況、網(wǎng)絡(luò)情況、特殊狀態(tài)、刷新方式、異常操作。

tips：「多頁面通用內(nèi)容放在一頁一起搞定」。

這些內(nèi)容只需要整理一次，全產(chǎn)品通用。

三. 其他

這次整理的自查表里面也會把經(jīng)常遇到的一些通用類型列舉出來，比如：圖片，表格，在具體做到這些設(shè)計的時候，可以直接參考這部分。也許不太完整，但是更多的希望給大家提供一些參考和發(fā)現(xiàn)一些規(guī)律。

對于分支流程和異常情況，大家一定要積累自己的「盒子」，通常情況下只需要的結(jié)構(gòu)性填入補(bǔ)齊就能解決大部分問題。

最后希望此表能幫助大家在工作中面對分支流程和異常情況的時候，提高處理效率。也能積累出一套自己的「秘籍」。

感謝閱讀，此表還在繼續(xù)優(yōu)化中……

下載地址：https://share.weiyun.com/d86f872ca5bbf10753a4ced06213aaef ?密碼：I5sUZd

注：文中所用部分配圖來源網(wǎng)絡(luò)和項目實際用圖。

歡迎關(guān)注作者「騰訊CDC體驗設(shè)計」的微信公眾號：

「設(shè)計走查好文合集」

• 《看了都說好！如何建立交互設(shè)計自查表？》
• 《實戰(zhàn)經(jīng)驗！交互設(shè)計師如何做好設(shè)計走查的工作？》
• 《產(chǎn)品設(shè)計過程中，異常流程設(shè)計的那些事兒》

================明星欄目推薦================

優(yōu)優(yōu)教程網(wǎng)： UiiiUiii.com 是優(yōu)設(shè)旗下優(yōu)質(zhì)中文教程網(wǎng)站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎(chǔ)設(shè)計愛好者也準(zhǔn)備了貼心的知識樹專欄。開啟免費自學(xué)新篇章，按照我們的專欄一步步學(xué)習(xí)，一定可以迅速上手并制作出酷炫的視覺效果。

設(shè)計導(dǎo)航：國內(nèi)人氣最高的設(shè)計網(wǎng)址導(dǎo)航，設(shè)計師必備： http://hao.uisdc.com