自從結(jié)束了一個項目后,整理自己的交互稿時就萌發(fā)了想寫個自查表秒旋,以便后續(xù)設(shè)計時也有個參考约计,后續(xù)項目又緊張了起來,一直到現(xiàn)在才有空擼一擼迁筛。
一:自查表的作用
主要作用:設(shè)計評審之前煤蚌,通過交互自查表,對自己的交互稿進(jìn)行審核细卧,考慮各種細(xì)節(jié)狀態(tài)尉桩,幫助查漏補缺。
二:自查表內(nèi)容
交互自查表中贪庙,主要分為四個層次:信息層? 頁面層??交互層??特殊層
A—信息層
-----------信息架構(gòu)-----------
【描述】
1:信息架構(gòu)是否容易理解
2:信息層級是否清晰
3:是否考慮信息的優(yōu)先級
4:信息分類是否合理
5:瀏覽路徑是否清晰
-----------操作流程-----------
【描述】
1:易操作高頻率重要的功能是否在可操作區(qū)域
2:頁面操作是否符合認(rèn)知
3:頁面操作是否與交互流程一致
4:操作是否可以簡化
5:是否對用戶的下一步操作有一定的預(yù)判
-----------流程設(shè)計-----------
【描述】
1:核心使用路徑是否合理蜘犁,是否形成閉環(huán)
2:每頁跳轉(zhuǎn)的結(jié)果是否與用戶期望的相對應(yīng)
3:返回:是否可以哪里來哪里去,是否可以快速回到首頁/主頁面
4:保存:是否支持自動保存止邮,未保存退出時提示保存这橙,意外退時自動保存
5:異常操作流程:退出、撤銷导披、重置屈扎、返回、不通過和過期失效
6:是否考慮了逆向流程
B—頁面層
-----------文本設(shè)計-----------
【描述】
1:文案是否符合三個原則:準(zhǔn)確撩匕,完整鹰晨,易懂
2:文本長度:是否有限制?最多和最少情況止毕?
3:文案排版是否符合優(yōu)先級和基本排版規(guī)則
4:文案內(nèi)容瀏覽結(jié)束至內(nèi)容底部的情感化表達(dá)
5:是否特定場合下有引導(dǎo)提示
-----------布局設(shè)計-----------
【描述】
1:視覺重心是否合理
2:頁面的整體是否平衡
-----------控件設(shè)計-----------
【描述】
1:控件形式和操作結(jié)果是否符合用戶預(yù)期
2:控件類型是否易懂模蜡,樣式一致性?
3:控件各種狀態(tài)是否狀態(tài)明確扁凛,考慮完整
(默認(rèn)忍疾、經(jīng)過、點擊谨朝、不可用膝昆、選中丸边、加載叠必、完成)
4:控件的運用是否符合用戶使用場景
-----------輸入與選擇-----------
【描述】
1:是否提供有默認(rèn)值
2:是否輸入過程中有提示或者判斷
3:是否可以優(yōu)化輸入選擇過程
4:是否存在不必要的輸入
5:是否指定鍵盤類型
-----------數(shù)據(jù)設(shè)計-----------
【描述】
1:數(shù)據(jù)為空狀態(tài)時如何顯示
2:數(shù)據(jù)信息超時/過期如何顯示
3:無法完整顯示數(shù)據(jù)如何顯示
4:如何展示數(shù)據(jù)給無權(quán)限用戶
5:敏感數(shù)據(jù)如何脫敏顯示
6:數(shù)據(jù)如何排序
7:數(shù)據(jù)是否存在機值
C—交互層
-----------交互過程與反饋-----------
【描述】
1:是否所有元素的含義清晰
2:是否考慮操作成功的反饋
3:是否考慮操作失敗的反饋
4:當(dāng)前用戶使用狀態(tài)是否易理解
5:操作過程中是否允許取消
6:是否設(shè)計必要且合理的動效
7:是否考慮防止失誤操作
8:是否考慮到交互行為干擾到其他操作
9:是否考慮了危險操作的二次確認(rèn)環(huán)節(jié)
10:是否允許撤銷/回退操作
-----------動效設(shè)計-----------
【描述】
1:觸發(fā)時:
觸發(fā)狀態(tài)是否明確
觸發(fā)按鍵的操作是否易懂
2:觸發(fā)中:
觸發(fā)過程是否考慮加載時間
觸發(fā)過程是否考慮加載動效
是否考慮觸發(fā)未釋放時反饋
是否支持取消觸發(fā)
3:觸發(fā)后:
反饋的內(nèi)容是否符合用戶預(yù)期
反饋結(jié)果是否清晰
反饋失敗后如何顯示
反饋異常是否考慮提供解決辦法
D—特殊層
-----------設(shè)備類-----------
【描述】
1:橫豎屏是否支持相互切換
2:高低分辨率適配
3:硬件與系統(tǒng)版本是否匹配和諧
4:硬件交互下的藍(lán)牙荚孵,定位等是否授權(quán)
5:新老版本是否兼容
-----------網(wǎng)絡(luò)類-----------
【描述】
1:沒有網(wǎng)絡(luò)狀態(tài)
2:網(wǎng)絡(luò)超時斷網(wǎng)狀態(tài)
3:網(wǎng)絡(luò)太慢狀態(tài)
4:網(wǎng)絡(luò)切換(wifi-數(shù)據(jù)流量)變化
5:加載失敗嗎是否自動重新加載
6:是否考慮了網(wǎng)絡(luò)數(shù)據(jù)緩存內(nèi)容
-----------藍(lán)牙類-----------
【描述】
1: 是否需要開啟藍(lán)牙
2:藍(lán)牙掃描失敗狀態(tài)
3:藍(lán)牙掃描成功反饋
4:藍(lán)牙斷開連接狀態(tài),是否自動重新連接
-----------登陸狀態(tài)-----------
【描述】
1: 對于不同情況下登錄纬朝,操作邏輯是否統(tǒng)一
2:未登錄時提示引導(dǎo)
3:注銷后的場景
4:不同賬號的切換狀態(tài)
總結(jié):
本份自查表只展示了目前我能思考到的內(nèi)容以及網(wǎng)上一些大神們的參考(Qinsman《
交互設(shè)計自查表的建立:思路與項目實例解析》收叶、阿里鴻影的《交互設(shè)計方案衡量標(biāo)準(zhǔn)的五層總結(jié)》)后總結(jié)的,相信還有很多層面并沒有考慮到共苛,歡迎各位小友補充判没,多多交流~
當(dāng)然隨著不斷的參與項目獲得更多的設(shè)計經(jīng)驗時,交互自查表也會越來越完善隅茎,越來越貼合自己的設(shè)計澄峰,幫助自己提高設(shè)計效率和質(zhì)量,培養(yǎng)自己更為縝密的思考方式辟犀。所以建議大家建立屬于自己的交互自查表俏竞,并且不斷的完善補充以及積累。