畫了不少的原型,每次評(píng)審總能被找到一些這里那里漏掉的小的細(xì)節(jié),最近正好看到了企業(yè)APP研究的這篇文章覺得如果能將平時(shí)犯得錯(cuò)總結(jié)一下也是比較好的,將該文章中提到的不少交互細(xì)節(jié)都放入了文章中,同時(shí)也將自己遇到的一些也盡量放入其中,盡量能夠在以后避免這樣的一系列的問(wèn)題。
此文會(huì)盡量保證不定時(shí)的更新
重點(diǎn)
- 保證操作閉環(huán)(例如:有完成就有該有取消完成)
通用
- 列表項(xiàng)目為空時(shí)的顯示效果
- 載入過(guò)慢時(shí),載入過(guò)程中的提示
- 按鈕,圖標(biāo),鏈接不可用時(shí),如何呈現(xiàn)
- 網(wǎng)絡(luò)狀況差時(shí)的交互反饋
- 系統(tǒng)出錯(cuò)時(shí)的呈現(xiàn)方式,提示文案中不能帶有技術(shù)性描述
- 文本長(zhǎng)度超過(guò)標(biāo)準(zhǔn)被截?cái)鄷r(shí)該如何顯示
- 修改文本框內(nèi)容,在獲取焦點(diǎn)時(shí),是全選還是將插入點(diǎn)放在文本末尾(編輯還是替換內(nèi)容)
- 下拉框,列表框的默認(rèn)定位
- 用戶操作成功或失敗的反饋,超時(shí)的反饋,系統(tǒng)崩潰的反饋
- 時(shí)間的展現(xiàn)方式,例如年月日YYYY-MM-DD,也可以YY-MM-DD,比如13點(diǎn),是顯示下午1:00呢還是顯示13:00
- 選中與被選中的狀態(tài)
- 每一個(gè)功能的,每個(gè)操作,都要考慮到相關(guān)的元素
網(wǎng)頁(yè)端
- 偏操作的產(chǎn)品,對(duì)話框內(nèi)的按鈕,需要有一個(gè)默認(rèn)選中,以支持鍵盤enter操作。
- 鼠標(biāo)的響應(yīng)范圍
- 提供多種分辨率的展示
- 導(dǎo)出時(shí)的字段,以及數(shù)量
客戶端(WIN&MAC)
- 偏操作的產(chǎn)品,對(duì)話框內(nèi)的按鈕,需要有一個(gè)默認(rèn)選中,以支持鍵盤enter操作。
- 鼠標(biāo)的響應(yīng)范圍
- 提供多種分辨率的展示
- 導(dǎo)出時(shí)的字段,以及數(shù)量
移動(dòng)端(H5&APP)
- 移動(dòng)客戶端橫豎屏的不同是現(xiàn)實(shí)方式
- 移動(dòng)客戶端,多點(diǎn)觸摸,手勢(shì)的操作和動(dòng)畫過(guò)程