在平時設計過程中會遇到這樣的問題:考慮某個模塊流程了柑船,卻把特殊狀態(tài)給忘了撮抓;改的版本多了,漏掉了原備注的內(nèi)容栗涂,自己卻沒看出來知牌。有時候就遇到交付的原型同一個界面,在這個功能里頂欄有標題斤程,在另外一個功能里頂欄沒有標題角寸,讓檢查一遍也沒有發(fā)現(xiàn)問題所在菩混。
經(jīng)過這段時間思考、整理和實踐扁藕,按照《用戶體驗要素》所提到的體驗設計框架總結了一套體驗清單設計方法沮峡。雖然用戶體驗要素這本書是以網(wǎng)頁設計為主,但所提到的用戶體驗層次亿柑,在移動端設計中依然有效邢疙;只是移動端設計中需要考慮更多的場景、硬件設備望薄、特殊因素疟游、交互方式等問題。今天分享給大家移動端體驗清單的設計方法痕支,方便大家平時在做完交互稿后進行自查颁虐。
體驗清單如何設計
為了適用于大多數(shù)移動端應用,這套方法是按照需求(戰(zhàn)略層卧须、范圍層)-流程及內(nèi)容(結構層另绩、框架層、表現(xiàn)層)-特殊因素的思路來設計的花嘶,主要分為三步:
第一步:明確用戶在什么場景下完成什么操作
第二步:從框架流程再到內(nèi)容細節(jié)笋籽,如:框架導航、流程椭员、布局车海、轉(zhuǎn)場、反饋拆撼、文字等容劳;
第三步:重點關注特殊因素喘沿,如:網(wǎng)絡闸度、硬件設備、數(shù)據(jù)網(wǎng)絡蚜印、模式莺禁、空值、交互方式等窄赋;
平時常用奇妙清單來規(guī)劃自己一天的任務哟冬,就嘗試用該App來制作移動端體驗清單,使用之后感覺挺便捷的忆绰。下面就以奇妙清單為工具來舉例子:
一浩峡、明確完成什么操作及主場景
不同的產(chǎn)品、需求對應的用戶場景和操作流程是不同的错敢,每次在自查前先明確需求翰灾,然后明確用戶是在哪些主場景下完成什么任務缕粹;主場景有什么?操作是哪些纸淮?羅列在清單里平斩。簡單舉個例子如閱讀小說,子任務添加場景咽块,備注寫完成什么操作绘面,如下圖:
二、按照操作流程及界面內(nèi)容侈沪,從流程到細節(jié)逐一梳理
按照要完成的任務梳理一下流程揭璃,隨手畫一下流程圖。流程圖可以讓我們對原型流程有一個整體把控峭竣,防止出現(xiàn)邏輯問題塘辅。自查的過程中從具象到細節(jié),先保證大流程沒問題皆撩,再細化細節(jié)問題扣墩。
框架導航
□框架結構是否合理、能承載產(chǎn)品功能結構
□導航廣度扛吞、深度是否適中呻惕,易操作,拓展性好
流程
□操作流程從頭到尾是否能順暢的串下去
□返回從哪里來是否可以回到那里去
從狀態(tài)A到B
A.操作時
□觸發(fā)源待操作按鈕在當前界面中是否明確
□觸發(fā)區(qū)域待操作按鈕是否易操作
B.操作之后
□加載狀態(tài)狀態(tài)改變的等待時間是否超過2S左右滥比,如果太長是否需要加入加載狀態(tài)
□反饋是否有反饋亚脆,反饋是否備注清楚
□轉(zhuǎn)場動效是否需要添加有趣的轉(zhuǎn)場動效
□成功與失敗、空值是否考慮且有相關的提示
□提示類型選擇輕(tip/小紅點)盲泛、中(Toast)濒持、重(提示框)提示優(yōu)先級別是否恰當
□中間過程是否可以取消,例如更新應用寺滚、導入本地文件柑营,此時是否允許用戶取消
布局內(nèi)容
□信息層次是否清晰,重要的信息是否優(yōu)先顯示
□相關信息是否可合并村视,沒有重復信息
□功能操作是否易操作官套,重要、頻繁觸發(fā)的功能按鈕是否在手機的可操作區(qū)域
□文字是否通俗易懂蚁孔、有趣
□界面內(nèi)容是否完整奶赔,例如:頂部標題、按鈕里的文字等
三杠氢、特殊因素再復查
移動端產(chǎn)品的環(huán)境站刑、場景復雜,硬件設備多樣鼻百;需要考慮的因素很多绞旅,很容易疏忽某些細節(jié)质况;所以需要對于特殊因素再次復查是否遺漏。下面是一些常見的特殊因素:
硬件設備
□橫豎屏是否需要鎖屏玻靡,橫豎屏時布局及功能是否完整
□分辨率高低分辨率情況下是否會有適配問題结榄,是否備注清楚
□SD卡文件導入本地時,沒有SD卡囤捻、SD卡儲存已滿臼朗、儲存位置等情況是否考慮并備注
□硬件、系統(tǒng)版本不同手機的物理按鍵蝎土、系統(tǒng)等不同视哑,是否需要備注
□應用版本新增功能是否影響老版本,是否需要升級
模式
□夜間模式是否需要考慮夜間模式(有沒有光線較暗的場景)
□編輯模式編輯模式下出現(xiàn)意外情況是否提示保存或自動保存已填信息
網(wǎng)絡
□網(wǎng)絡超時
□網(wǎng)絡太慢
□網(wǎng)絡環(huán)境變化從WiFi到2/3G網(wǎng)絡環(huán)境時是否需要切換視圖(有沒有從室內(nèi)到室外的場景)
□無網(wǎng)絡
□緩存有無緩存內(nèi)容誊涯,區(qū)分是否清楚
賬號相關
□隨便看看/未登錄需要登錄后才可操作的功能是否備注
通知機制
□消息推送是否需要消息推送挡毅,調(diào)用系統(tǒng)通知還是其他方式
□推送策略是否備注通知的推送時間、表現(xiàn)形式暴构、失效策略
硬件交互
□定位定位是否打開
□相機相機是否允許使用
□其他硬件設備雙屏幕互動跪呈、二維碼登錄等操作時,與其他設備互聯(lián)取逾、同步耗绿、完成操作是否引導、備注
等等……
以上是移動端體驗清單的設計方法及考慮因素砾隅,每個移動端應用都有自身特有的場景和特定影響因素误阻,除了你需要考慮以上列舉的,還會遇到一些未知的因素晴埂;對于新因素要分析后進行添加究反。不是所有項目都需按照這個清單逐條去檢查,有的項目可能沒有框架導航就可以直接忽略儒洛;有的只是一個小的優(yōu)化精耐,需要著重考慮空值、網(wǎng)絡特性晶丘、特殊情況等黍氮。有的人善于把握大框架的東西細節(jié)考慮不全唐含,就主要檢查細節(jié)問題浅浮。這份清單可以因?qū)嶋H項目、人而定捷枯。
總結
產(chǎn)品開發(fā)中有QA測試環(huán)節(jié)滚秩,交互設計完也需要一個自檢的環(huán)節(jié),減少在設計評審和開發(fā)過程中消耗淮捆。建議使用奇妙清單制作項目的體驗清單郁油,并將這套自檢方法應用到實際工作流程中本股,在項目迭代過程中不斷完善形成自己的清單表;隨著時間推移考慮的問題會越來越細桐腌,做的交互方案也就越來越完善拄显,工作的效率也會逐漸提升。