網頁設計

當前位置 /首頁/設計製作/網頁設計/列表

如何建立互動設計自查表

互動設計起源於網站設計和圖形設計,但現在已經成長為一個獨立的領域。現在的互動設計師遠非僅僅負責文字和圖片,而是負責建立在螢幕上的所有元素,所有使用者可能會觸控,點按或者輸入的東西:簡而言之,產品體驗中的所有互動。以下是我在總結建立互動設計自查表的一些小經驗。

如何建立互動設計自查表

對於移動應用來說,移動情景非常複雜,裝置也很多樣。那麼在設計之後,設計評審之前,你的互動稿考慮的細節是否完善,對特殊狀態的描述是否有遺漏, 你是怎麼提前發現一些問題並查漏補缺的?為解決這個問題,我們團隊建立了一份互動設計自查表,並且在版本迭代的過程中同步迭代,補充新出現的異常點。這份 表格梳理了使用者在完成具體任務過程中的各種異常情況。它不會顯示互動的所有細節,但是卻能為特定的目標提供使用者體驗的全面視角。這個目標可能是高層次的, 例如:進行某項操作無網路時,應該如何展示;網路不佳時應該如何處理等。在此過程中,可能由於特殊的使用場景,解決方案會有不同,但是這份表格會提醒你去 深入地思考一個解決方案。以下是我在總結這些異常情況時的一些小經驗。

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

通常在QA測試中,一般會以使用者的任務為主線,也就是對產品分析並總結出所有的任務,並輸出任務列表,去挨個走查,標識出模組、前置條件、用例標 題、執行步驟、預期結果,以及一些重要備註等。如果互動同學也用這種方法,就需要我們每個版本都要花不少精力去撰寫、梳理用例,與我們之前所想的花較少時 間快速查漏補缺的初衷相背離。更何況,使用者任務的走查在設計流程中都會考慮到,而遺漏的往往是一些異常情況。

因此,互動設計師在自查時,可以換個思路試試:首先當然是產品的實際功能是否能滿足使用者的需求。這是最基本的前提,也就是可用性目標中的“可行 性”。然後思考使用者在使用這個產品時的核心使用情景以及核心的影響因素,把這些影響因素按所在的區塊進行分類,瞭解它們對你的使用者體驗的目標的影響,再一 一列舉出來,進行歸類並形成表格,在之後的版本中,可以一直延用此表格,如果有了新的異常點,再按這個思路補充進去。

我們可以把這一過程分為以下4個步驟:

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

為了更好地把人、機、裝置、使用情景等因素對設計帶來的影響都考慮進來,我將這些影響因素按所在的模組進行分類,大致可以分為以下幾類:

1)、軟硬體特性:裝置、系統、新老版本相容等;

圖2、軟硬體特性相關

手機硬體以及平臺的多樣性,給設計帶來機遇的同時也帶來了挑戰。除了以上所列舉的一些,我們要考慮的點還有很多,比如螢幕越來越大,當在搖晃的車廂內,大螢幕遇上單手操作,需要考慮如何通過設計使使用者能夠用得更自然、順暢。

2)、網路特性;

圖3、網路特性相關

由於移動應用使用場景的特殊性,遇到資料載入慢或者無網路的情況會很多,此時漫長的資料載入等待會令使用者抓狂。此時處理好介面互動中的載入,確保使用者沒有 漫長的等待感,並且對載入後的內容有明確的預期,就能提供給使用者較好的使用感受。因此在所有涉及到網路互動的模組中,都要去考慮以上列舉的這些點,必要的 時候,合理地利用快取,來提升介面的響應速度。

3)、從A到B的中間狀態;

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

即便你的產品90%的時間都執行良好。但是如果在使用者需要幫助時置之不理,他們是不會忘記這一點的。——《Getting real》使用者在完成任務的過程中,其實是在講述一個以使用者為主角的故事,因此必須包括開始、中間和終點。中間部分是主要部分,顯示了使用者從起點到達終點所要經過的` 全部地方。一方面要解決的是如果一切很順利時,如何給使用者流暢、行雲流水的感覺,這就是動效能夠幫我們做的;另一方面,如果在一個任務過程中需要較多的時 間,使用者不想玩下去了,此時是否能提供一個應景的入口,使他和應用“後會有期”,而不是讓他只能殺掉後臺程式,憤然離去。

4)、內容展現相關:如書籍和資訊源;

圖5、內容展現相關

對於內容這塊,最多的異常的關注點在於大量的空態、極值、網路資料過期等的提示。不同的APP根據自身的型別不同,所要考慮的內容也完全不同。

5)、使用者個人屬性

圖6、使用者個人屬性相關

在大多數應用中,每個使用者都有自己的專屬ID,根據是否登入,使用者所能享受的許可權也不盡相同。所以說,考慮使用者的每種可能有的狀態,以及狀態間的切換對於設計時的影響,就顯得尤為必要。

6)、特殊情景下的狀態;

圖7、特殊情景下的狀態

特殊狀態是指為了滿足使用者某些特定的需求而存在的一種模式,這些模式往往由於平時曝光率不是特別大,因此在設計過程中有時會被遺忘。但一旦沒考慮到的話,帶來的結果將是各種突兀和莫名其妙。因此將此類狀態單獨拎出來梳理一下很有必要。

  2、自查表格怎麼用

反覆進行“設計—自查”,這種自查(有時也會有使用者的測試介入)就會更全面、更徹底,最終能夠發現並解決絕大多數的問題。互動設計師使用反饋來修正 構思,如此反覆幾次,就可以提煉出來,形成規範。在設計新的產品時,這一點尤其重要。這種迭代是不可避免的,因為很多時候我們不可能一次就找出特別完整 的、正確的解決方案。

上面所列的這些影響因素,不同的移動應用會根據自身特有的情景來提取特定的影響因素,這些因素都會對設計產生較大的影響。這就是對建立互動設計自查表的介紹。

TAG標籤:建立 互動 自查 #