如何建立交互設計自查表

對(duì)于移動應用來說，移動情景非常複雜，設備也很多樣(yàng)。那麼(me)在設計之後(hòu)，設計評審之前，你的交互稿考慮的細節是否完善，對(duì)特殊狀态的描述是否有遺漏，你是怎麼(me)提前發(fā)現一些問題并查漏補缺的？爲解決這(zhè)個問題，我們團隊建立了一份交互設計自查表，并且在版本叠代的過(guò)程中同步叠代,補充新出現的異常點。這(zhè)份表格梳理了用戶在完成(chéng)具體任務過(guò)程中的各種(zhǒng)異常情況。它不會顯示交互的所有細節，但是卻能(néng)爲特定的目标提供用戶體驗的全面(miàn)視角。這(zhè)個目标可能(néng)是高層次的，例如：進(jìn)行某項操作無網絡時，應該如何展示；網絡不佳時應該如何處理等。在此過(guò)程中，可能(néng)由于特殊的使用場景，解決方案會有不同，但是這(zhè)份表格會提醒你去深入地思考一個解決方案。以下是我在總結這(zhè)些異常情況時的一些小經(jīng)驗。

1、交互設計自查表格如何建

通常在QA測試中，一般會以用戶的任務爲主線，也就是對(duì)産品分析并總結出所有的任務，并輸出任務列表，去挨個走查，标識出模塊、前置條件、用例标題、執行步驟、預期結果，以及一些重要備注等。如果交互同學(xué)也用這(zhè)種(zhǒng)方法，就需要我們每個版本都(dōu)要花不少精力去撰寫、梳理用例，與我們之前所想的花較少時間快速查漏補缺的初衷相背離。更何況，用戶任務的走查在設計流程中都(dōu)會考慮到，而遺漏的往往是一些異常情況。

因此，交互設計師在自查時，可以換個思路試試：首先當然是産品的實際功能(néng)是否能(néng)滿足用戶的需求。這(zhè)是基本的前提，也就是可用性目标中的“可行性”。然後(hòu)思考用戶在使用這(zhè)個産品時的核心使用情景以及核心的影響因素，把這(zhè)些影響因素按所在的區塊進(jìn)行分類，了解它們對(duì)你的用戶體驗的目标的影響，再一一列舉出來，進(jìn)行歸類并形成(chéng)表格，在之後(hòu)的版本中，可以一直延用此表格，如果有了新的異常點，再按這(zhè)個思路補充進(jìn)去。

我們可以把這(zhè)一過(guò)程分爲以下4個步驟：

圖1、建立自查表格的4個步驟

爲了更好(hǎo)地把人、機、設備、使用情景等因素對(duì)設計帶來的影響都(dōu)考慮進(jìn)來，我將(jiāng)這(zhè)些影響因素按所在的模塊進(jìn)行分類，大緻可以分爲以下幾類：

1）、軟硬件特性：設備、系統、新老版本兼容等；

圖2、軟硬件特性相關

手機硬件以及平台的多樣(yàng)性，給設計帶來機遇的同時也帶來了挑戰。除了以上所列舉的一些，我們要考慮的點還(hái)有很多，比如屏幕越來越大，當在搖晃的車廂内，大屏幕遇上單手操作，需要考慮如何通過(guò)設計使用戶能(néng)夠用得更自然、順暢。

2）、網絡特性；

圖3、網絡特性相關

由于移動應用使用場景的特殊性，遇到數據加載慢或者無網絡的情況會很多，此時漫長(cháng)的數據加載等待會令用戶抓狂。此時處理好(hǎo)界面(miàn)交互中的加載，确保用戶沒(méi)有漫長(cháng)的等待感，并且對(duì)加載後(hòu)的内容有明确的預期，就能(néng)提供給用戶較好(hǎo)的使用感受。因此在所有涉及到網絡交互的模塊中，都(dōu)要去考慮以上列舉的這(zhè)些點，必要的時候，合理地利用緩存，來提升界面(miàn)的響應速度。

3）、從A到B的中間狀态；

圖4、從A到B的中間狀态

即便你的産品90%的時間都(dōu)運行良好(hǎo)。但是如果在用戶需要幫助時置之不理，他們是不會忘記這(zhè)一點的。——《Getting real》

用戶在完成(chéng)任務的過(guò)程中，其實是在講述一個以用戶爲主角的故事(shì)，因此必須包括開(kāi)始、中間和終點。中間部分是主要部分，顯示了用戶從起(qǐ)點到達終點所要經(jīng)過(guò)的全部地方。一方面(miàn)要解決的是如果一切很順利時，如何給用戶流暢、行雲流水的感覺，這(zhè)就是動效能(néng)夠幫我們做的；另一方面(miàn)，如果在一個任務過(guò)程中需要較多的時間，用戶不想玩下去了，此時是否能(néng)提供一個應景的入口，使他和應用“後(hòu)會有期”，而不是讓他隻能(néng)殺掉後(hòu)台程序，憤然離去。

4）、内容展現相關：如書籍和資訊源；

圖5、内容展現相關

對(duì)于内容這(zhè)塊，多的異常的關注點在于大量的空态、極值、網絡數據過(guò)期等的提示。不同的APP根據自身的類型不同，所要考慮的内容也完全不同。

5）、用戶個人屬性

圖6、用戶個人屬性相關

在大多數應用中，每個用戶都(dōu)有自己的專屬ID，根據是否登錄，用戶所能(néng)享受的權限也不盡相同。所以說，考慮用戶的每種(zhǒng)可能(néng)有的狀态，以及狀态間的切換對(duì)于設計時的影響，就顯得尤爲必要。

6）、特殊情景下的狀态；

圖7、特殊情景下的狀态

特殊狀态是指爲了滿足用戶某些特定的需求而存在的一種(zhǒng)模式，這(zhè)些模式往往由于平時曝光率不是特别大，因此在設計過(guò)程中有時會被(bèi)遺忘。但一旦沒(méi)考慮到的話，帶來的結果將(jiāng)是各種(zhǒng)突兀和莫名其妙。因此將(jiāng)此類狀态單獨拎出來梳理一下很有必要。

2、自查表格怎麼(me)用

反複進(jìn)行“設計—自查”，這(zhè)種(zhǒng)自查（有時也會有用戶的測試介入）就會更全面(miàn)、更徹底，終能(néng)夠發(fā)現并解決絕大多數的問題。交互設計師使用反饋來修正構思，如此反複幾次，就可以提煉出來，形成(chéng)規範。在設計新的産品時，這(zhè)一點尤其重要。這(zhè)種(zhǒng)叠代是不可避免的，因爲很多時候我們不可能(néng)一次就找出特别完整的、正确的解決方案。

結語

上面(miàn)所列的這(zhè)些影響因素，不同的移動應用會根據自身特有的情景來提取特定的影響因素，這(zhè)些因素都(dōu)會對(duì)設計産生較大的影響。移動情景很複雜，除了軟硬件特性、網絡特性、中間狀态、内容、用戶個人屬性、一些特殊情景以下外，影響因素還(hái)很多。正确分析并記錄各種(zhǒng)影響因素，處理好(hǎo)并運用到設計中，都(dōu)能(néng)使産品的體驗獲得更好(hǎo)的提升，并且在此提升過(guò)程中，我們可以將(jiāng)他們形成(chéng)規範。每個叠代版本做新功能(néng)時，我們可以回顧一下這(zhè)些因素在本期給設計帶來的影響 ，并把新增的影響因素添加進(jìn)去，留待後(hòu)續的交互設計自查。這(zhè)樣(yàng)積累下來，我們所以提前考慮到的異常點就會越來越多，從而考慮得會越來越完善，這(zhè)樣(yàng)就能(néng)減輕後(hòu)續跟進(jìn)開(kāi)發(fā)過(guò)程中的掉血~咱有藥！可以治！