設(shè)計(jì)技巧!教你創(chuàng)建交互設(shè)計(jì)自查表
對(duì)于移動(dòng)應(yīng)用來說,移動(dòng)情景非常復(fù)雜,設(shè)備也很多樣。那么在設(shè)計(jì)之后,設(shè)計(jì)評(píng)審之前,你的交互稿考慮的細(xì)節(jié)是否完善,對(duì)特殊狀態(tài)的描述是否有遺漏,你是怎么提前發(fā)現(xiàn)一些問題并查漏補(bǔ)缺的?為解決這個(gè)問題,我們團(tuán)隊(duì)建立了一份交互設(shè)計(jì)自查表,并且在版本迭代的過程中同步迭代,補(bǔ)充新出現(xiàn)的異常點(diǎn)。
這份表格梳理了用戶在完成具體任務(wù)過程中的各種異常情況。它不會(huì)顯示交互的所有細(xì)節(jié),但是卻能為特定的目標(biāo)提供用戶體驗(yàn)的全面視角。這個(gè)目標(biāo)可能是高層次的,例如:進(jìn)行某項(xiàng)操作無網(wǎng)絡(luò)時(shí),應(yīng)該如何展示;網(wǎng)絡(luò)不佳時(shí)應(yīng)該如何處理等。在此過程中,可能由于特殊的使用場景,解決方案會(huì)有不同,但是這份表格會(huì)提醒你去深入地思考一個(gè)解決方案。以下是我在總結(jié)這些異常情況時(shí)的一些小經(jīng)驗(yàn)。
一、交互設(shè)計(jì)自查表格如何建
通常在QA測試中,一般會(huì)以用戶的任務(wù)為主線,也就是對(duì)產(chǎn)品分析并總結(jié)出所有的任務(wù),并輸出任務(wù)列表,去挨個(gè)走查,標(biāo)識(shí)出模塊、前置條件、用例標(biāo)題、執(zhí)行步驟、預(yù)期結(jié)果,以及一些重要備注等。如果交互同學(xué)也用這種方法,就需要我們每個(gè)版本都要花不少精力去撰寫、梳理用例,與我們之前所想的花較少時(shí)間快速查漏補(bǔ)缺的初衷相背離。更何況,用戶任務(wù)的走查在設(shè)計(jì)流程中都會(huì)考慮到,而遺漏的往往是一些異常情況。
因此,交互設(shè)計(jì)師在自查時(shí),可以換個(gè)思路試試:首先當(dāng)然是產(chǎn)品的實(shí)際功能是否能滿足用戶的需求。這是最基本的前提,也就是可用性目標(biāo)中的“可行性”。然后思考用戶在使用這個(gè)產(chǎn)品時(shí)的核心使用情景以及核心的影響因素,把這些影響因素按所在的區(qū)塊進(jìn)行分類,了解它們對(duì)你的用戶體驗(yàn)的目標(biāo)的影響,再一一列舉出來,進(jìn)行歸類并形成表格,在之后的版本中,可以一直延用此表格,如果有了新的異常點(diǎn),再按這個(gè)思路補(bǔ)充進(jìn)去。
我們可以把這一過程分為以下4個(gè)步驟:
圖1:建立自查表格的4個(gè)步驟
為了更好地把人、機(jī)、設(shè)備、使用情景等因素對(duì)設(shè)計(jì)帶來的影響都考慮進(jìn)來,我將這些影響因素按所在的模塊進(jìn)行分類,大致可以分為以下幾類:
1. 軟硬件特性:設(shè)備、系統(tǒng)、新老版本兼容等
圖2:軟硬件特性相關(guān)
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- 用戶體驗(yàn),分享20個(gè)有影響力的包裝設(shè)計(jì)
- 移動(dòng)設(shè)計(jì),移動(dòng)應(yīng)用導(dǎo)航模式設(shè)計(jì)方法
- UI知識(shí),尺寸對(duì)UI設(shè)計(jì)的影響
- 色彩知識(shí),講解顏色基礎(chǔ)知識(shí)和配色理論
- 顏色管理,讓自己的照片在網(wǎng)上正確地顯示
- 設(shè)計(jì)界面最常用最舒服的12種顏色(含色
- 用戶體驗(yàn),如何讓用戶心動(dòng)?
- 圖片畫冊平面設(shè)計(jì)排版ps理論教程
- 調(diào)色知識(shí),簡單實(shí)用的調(diào)色原理
- Photoshop初級(jí)教程-命令的技巧