讓你事半功倍的交互體驗(yàn)自查清單

在平時(shí)設(shè)計(jì)過程中會(huì)遇到這樣的問題:考慮某個(gè)模塊流程了,卻把特殊狀態(tài)給忘了;改的版本多了,漏掉了原備注的內(nèi)容,自己卻沒看出來。有時(shí)候就遇到交付的原型同一個(gè)界面,在這個(gè)功能里頂欄有標(biāo)題,在另外一個(gè)功能里頂欄沒有標(biāo)題,讓檢查一遍也沒有發(fā)現(xiàn)問題所在。

經(jīng)過這段時(shí)間思考、整理和實(shí)踐,按照《用戶體驗(yàn)要素》所提到的體驗(yàn)設(shè)計(jì)框架總結(jié)了一套體驗(yàn)清單設(shè)計(jì)方法。雖然用戶體驗(yàn)要素這本書是以網(wǎng)頁(yè)設(shè)計(jì)為主,但所提到的用戶體驗(yàn)層次,在移動(dòng)端設(shè)計(jì)中依然有效;只是移動(dòng)端設(shè)計(jì)中需要考慮更多的場(chǎng)景、硬件設(shè)備、特殊因素、交互方式等問題。今天分享給大家移動(dòng)端體驗(yàn)清單的設(shè)計(jì)方法,方便大家平時(shí)在做完交互稿后進(jìn)行自查。

體驗(yàn)清單如何設(shè)計(jì)

為了適用于大多數(shù)移動(dòng)端應(yīng)用,這套方法是按照需求(戰(zhàn)略層、范圍層)-流程及內(nèi)容(結(jié)構(gòu)層、框架層、表現(xiàn)層)-特殊因素的思路來設(shè)計(jì)的,主要分為三步:

第一步:明確用戶在什么場(chǎng)景下完成什么操作

第二步:從框架流程再到內(nèi)容細(xì)節(jié),如:框架導(dǎo)航、流程、布局、轉(zhuǎn)場(chǎng)、反饋、文字等;

第三步:重點(diǎn)關(guān)注特殊因素,如:網(wǎng)絡(luò)、硬件設(shè)備、數(shù)據(jù)網(wǎng)絡(luò)、模式、空值、交互方式等;

平時(shí)常用奇妙清單來規(guī)劃自己一天的任務(wù),就嘗試用該App來制作移動(dòng)端體驗(yàn)清單,使用之后感覺挺便捷的。下面就以奇妙清單為工具來舉例子:

一、明確完成什么操作及主場(chǎng)景

不同的產(chǎn)品、需求對(duì)應(yīng)的用戶場(chǎng)景和操作流程是不同的,每次在自查前先明確需求,然后明確用戶是在哪些主場(chǎng)景下完成什么任務(wù);主場(chǎng)景有什么?操作是哪些?羅列在清單里。簡(jiǎn)單舉個(gè)例子如閱讀小說,子任務(wù)添加場(chǎng)景,備注寫完成什么操作,如下圖:

二、按照操作流程及界面內(nèi)容,從流程到細(xì)節(jié)逐一梳理

按照要完成的任務(wù)梳理一下流程,隨手畫一下流程圖。流程圖可以讓我們對(duì)原型流程有一個(gè)整體把控,防止出現(xiàn)邏輯問題。自查的過程中從具象到細(xì)節(jié),先保證大流程沒問題,再細(xì)化細(xì)節(jié)問題。

框架導(dǎo)航

□框架結(jié)構(gòu)是否合理、能承載產(chǎn)品功能結(jié)構(gòu)

□導(dǎo)航廣度、深度是否適中,易操作,拓展性好

流程

□操作流程從頭到尾是否能順暢的串下去

□返回從哪里來是否可以回到那里去

從狀態(tài)A到B

A.操作時(shí)

□觸發(fā)源待操作按鈕在當(dāng)前界面中是否明確

□觸發(fā)區(qū)域待操作按鈕是否易操作

B.操作之后

□加載狀態(tài)狀態(tài)改變的等待時(shí)間是否超過2S左右,如果太長(zhǎng)是否需要加入加載狀態(tài)

□反饋是否有反饋,反饋是否備注清楚

□轉(zhuǎn)場(chǎng)動(dòng)效是否需要添加有趣的轉(zhuǎn)場(chǎng)動(dòng)效

□成功與失敗、空值是否考慮且有相關(guān)的提示

□提示類型選擇輕(tip/小紅點(diǎn))、中(Toast)、重(提示框)提示優(yōu)先級(jí)別是否恰當(dāng)

□中間過程是否可以取消,例如更新應(yīng)用、導(dǎo)入本地文件,此時(shí)是否允許用戶取消

布局內(nèi)容

□信息層次是否清晰,重要的信息是否優(yōu)先顯示

□相關(guān)信息是否可合并,沒有重復(fù)信息

□功能操作是否易操作,重要、頻繁觸發(fā)的功能按鈕是否在手機(jī)的可操作區(qū)域

□文字是否通俗易懂、有趣

□界面內(nèi)容是否完整,例如:頂部標(biāo)題、按鈕里的文字等

三、特殊因素再?gòu)?fù)查

移動(dòng)端產(chǎn)品的環(huán)境、場(chǎng)景復(fù)雜,硬件設(shè)備多樣;需要考慮的因素很多,很容易疏忽某些細(xì)節(jié);所以需要對(duì)于特殊因素再次復(fù)查是否遺漏。下面是一些常見的特殊因素:

硬件設(shè)備

□橫豎屏是否需要鎖屏,橫豎屏?xí)r布局及功能是否完整

□分辨率高低分辨率情況下是否會(huì)有適配問題,是否備注清楚

□SD卡文件導(dǎo)入本地時(shí),沒有SD卡、SD卡儲(chǔ)存已滿、儲(chǔ)存位置等情況是否考慮并備注

□硬件、系統(tǒng)版本不同手機(jī)的物理按鍵、系統(tǒng)等不同,是否需要備注

□應(yīng)用版本新增功能是否影響老版本,是否需要升級(jí)

模式

□夜間模式是否需要考慮夜間模式(有沒有光線較暗的場(chǎng)景)

□編輯模式編輯模式下出現(xiàn)意外情況是否提示保存或自動(dòng)保存已填信息

網(wǎng)絡(luò)

□網(wǎng)絡(luò)超時(shí)

□網(wǎng)絡(luò)太慢

□網(wǎng)絡(luò)環(huán)境變化從WiFi到2/3G網(wǎng)絡(luò)環(huán)境時(shí)是否需要切換視圖(有沒有從室內(nèi)到室外的場(chǎng)景)

□無網(wǎng)絡(luò)

□緩存有無緩存內(nèi)容,區(qū)分是否清楚

賬號(hào)相關(guān)

□隨便看看/未登錄需要登錄后才可操作的功能是否備注

通知機(jī)制

□消息推送是否需要消息推送,調(diào)用系統(tǒng)通知還是其他方式

□推送策略是否備注通知的推送時(shí)間、表現(xiàn)形式、失效策略

硬件交互

□定位定位是否打開

□相機(jī)相機(jī)是否允許使用

□其他硬件設(shè)備雙屏幕互動(dòng)、二維碼登錄等操作時(shí),與其他設(shè)備互聯(lián)、同步、完成操作是否引導(dǎo)、備注

等等……

以上是移動(dòng)端體驗(yàn)清單的設(shè)計(jì)方法及考慮因素,每個(gè)移動(dòng)端應(yīng)用都有自身特有的場(chǎng)景和特定影響因素,除了你需要考慮以上列舉的,還會(huì)遇到一些未知的因素;對(duì)于新因素要分析后進(jìn)行添加。不是所有項(xiàng)目都需按照這個(gè)清單逐條去檢查,有的項(xiàng)目可能沒有框架導(dǎo)航就可以直接忽略;有的只是一個(gè)小的優(yōu)化,需要著重考慮空值、網(wǎng)絡(luò)特性、特殊情況等。有的人善于把握大框架的東西細(xì)節(jié)考慮不全,就主要檢查細(xì)節(jié)問題。這份清單可以因?qū)嶋H項(xiàng)目、人而定。

總結(jié)

產(chǎn)品開發(fā)中有QA測(cè)試環(huán)節(jié),交互設(shè)計(jì)完也需要一個(gè)自檢的環(huán)節(jié),減少在設(shè)計(jì)評(píng)審和開發(fā)過程中消耗。建議使用奇妙清單制作項(xiàng)目的體驗(yàn)清單,并將這套自檢方法應(yīng)用到實(shí)際工作流程中,在項(xiàng)目迭代過程中不斷完善形成自己的清單表;隨著時(shí)間推移考慮的問題會(huì)越來越細(xì),做的交互方案也就越來越完善,工作的效率也會(huì)逐漸提升。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容