完美空間分析UI設(shè)計(jì)應(yīng)注意的14個(gè)細(xì)節(jié)

1、本文格式為Word版，下載可任意編輯 完美空間分析UI設(shè)計(jì)應(yīng)注意的14個(gè)細(xì)節(jié) 完美空間分析UI設(shè)計(jì)應(yīng)注意的14個(gè)細(xì)節(jié) UI（交互）設(shè)計(jì)師完成一份自以為詳盡的交互輸出物，前端的開發(fā)結(jié)果總是不那么另人滿意。交互會(huì)埋怨：為什么會(huì)做成這樣呢，好多常識性的東西也會(huì)做錯(cuò)。顯然由于領(lǐng)域不同，對“常識的理解不盡一致，我們不能把希望寄托在前端工程師的可用性覺悟上。所以交互設(shè)計(jì)師務(wù)必站在對方的角度，在提交輸出物前補(bǔ)充交互細(xì)節(jié)，以免日后不必要的迭代。 1.列表工程為空時(shí)的顯示效果。譬如“購物車?yán)餂]有東西時(shí)，該如何顯示。否則開發(fā)會(huì)讓屏幕空白。 2.當(dāng)頁面或應(yīng)用會(huì)向后臺下載數(shù)據(jù)較慢時(shí)，載入過程的提醒。假如我們不說，技術(shù)

2、不會(huì)考慮載入時(shí)的信息反饋，會(huì)讓頁面浮現(xiàn)假死的狀態(tài)。 3.當(dāng)按鈕、圖標(biāo)、鏈接等不可用時(shí)，怎樣浮現(xiàn)給用戶（a.消失 b.disable+文案改變 c.disable+tip d.非模態(tài)或嵌入式提醒 e.點(diǎn)擊后出現(xiàn)模態(tài)對話框）。假如我們不說，技術(shù)會(huì)采用最簡單且一般來說體驗(yàn)最差的方式模態(tài)對話框，甚至什么提醒都沒有。 4.應(yīng)用或者一些偏操作的網(wǎng)絡(luò)產(chǎn)品，對話框內(nèi)的按鈕，如“確定“取消。需要有一個(gè)默認(rèn)選中，支持鍵盤enter操作。 5.每個(gè)圖標(biāo)都要加上tip，特別是用戶可能不明白的拖動(dòng)操作。 6.在文檔中規(guī)定系統(tǒng)出錯(cuò)的提醒該如何浮現(xiàn)，提醒的文案中不能帶有技術(shù)性描述（如錯(cuò)誤類型：XXX）。假如我們不規(guī)定，技術(shù)

3、會(huì)自己添加一些出錯(cuò)的模態(tài)浮層，使用技術(shù)性的語言。 7.文本長度超過標(biāo)準(zhǔn)被截?cái)鄷r(shí)，該如何顯示。 8.鼠標(biāo)的響應(yīng)范圍，如列表工程，radioBtn ，checkbox等。一般來說，響應(yīng)范圍大點(diǎn)好。假如我們不說，技術(shù)只會(huì)使用默認(rèn)設(shè)置，如radioBtn的響應(yīng)范圍就只是前面那個(gè)點(diǎn)。 9.修改文本框內(nèi)容，在獲取焦點(diǎn)時(shí)，是全選還是將插入點(diǎn)放在文本末尾。 假如用戶很可能會(huì)重新輸入整個(gè)值，則應(yīng)在獲取輸入焦點(diǎn)時(shí)選擇全部文本。假如用戶更有可能進(jìn)行編輯，則應(yīng)將插入點(diǎn)放在文本末尾。 10.下拉框，列表框的默認(rèn)定位，譬如生日。假如我們不說，技術(shù)會(huì)默認(rèn)在“1900年。 11.假如是客戶端，或是流式網(wǎng)頁布局，要提供多種辨別率下的展示。 12.在移動(dòng)客戶端，多點(diǎn)觸摸，手勢的操作和動(dòng)畫過程，顯得特別重要。 13.用戶操作成功或失敗的反饋