每次體驗(yàn)一個(gè)網(wǎng)站的時(shí)候，打動(dòng)人心往往是那些細(xì)節(jié)上的體驗(yàn)。在這里做個(gè)記號(hào)，以便以后查看。

愛(ài)護(hù)用戶的“鼠標(biāo)手”

一、光標(biāo)輸入焦點(diǎn)初始化

每天受傷較多的除了眼睛就是我的右手， 老是要在鍵盤(pán)和鼠標(biāo)之間切換，老是要做光標(biāo)的定位操作，老是… 現(xiàn)在很多網(wǎng)站很貼心的會(huì)把鼠標(biāo)光標(biāo)默認(rèn)在某輸入框內(nèi)，以減少該行為的操作步驟。 常用到就是搜索輸入框，如各大搜索網(wǎng)站的首頁(yè)，都會(huì)默認(rèn)把光標(biāo)定位在輸入框內(nèi)。 還有一種情況就是表單頁(yè)面，如注冊(cè)， 登錄， 發(fā)表日志等頁(yè)面，會(huì)把光標(biāo)定位在第一項(xiàng)表單元素 。

如：網(wǎng)易郵箱的登錄頁(yè)面

二、“就地”解決

曾經(jīng)“彈窗”讓我們可以在同一個(gè)頁(yè)面里解決很多需求，實(shí)現(xiàn)了“足不出戶”，后來(lái)漸漸的被賦予了太多的功能，久而久之“名聲”顯得很不好。在這里要討論的是數(shù)據(jù)操作這一類(lèi)的彈窗展現(xiàn)形式。如用戶提交“刪除”請(qǐng)求時(shí)，會(huì)有個(gè)確認(rèn)的對(duì)話框。一般情況下是，對(duì)話框會(huì)出現(xiàn)在屏幕的正中央，用戶的鼠標(biāo)需要前進(jìn)一段“道路”才能定位到操作對(duì)象。我們的手很多時(shí)候就是在做這些“移動(dòng)”的操作。

再看看QQ的微薄“確認(rèn)”操作，顯得輕巧很多，更主要是用戶幾乎不需要再次挪動(dòng)鼠標(biāo)，就可以“就地”解決。

其實(shí)這一點(diǎn)在著名的“費(fèi)茨法則”里也早就提到了。

“溫馨”的提示

一、必要的“干擾”提示

提示過(guò)多，表現(xiàn)形式過(guò)于復(fù)雜，都會(huì)干擾到用戶的體驗(yàn)。但有一些提示，如一些沒(méi)有進(jìn)行數(shù)據(jù)提交就離開(kāi)頁(yè)面的提示，就顯得很有必要，避免了因誤操作而給用戶帶來(lái)的損失。

下圖是網(wǎng)易郵箱沒(méi)保存/發(fā)表下，離開(kāi)寫(xiě)信頁(yè)面的提示。但很多網(wǎng)站都忽略了這點(diǎn)。

二、“動(dòng)畫(huà)類(lèi)”的反饋提示

我們經(jīng)常用“文字”來(lái)傳達(dá)提示的主要內(nèi)容，用“顏色”屬性來(lái)對(duì)比突出，但隨著技術(shù)的發(fā)展，更多新穎的交互模式得到廣泛應(yīng)用，“動(dòng)畫(huà)類(lèi)”的提示就是一種。

下面看一下具體的實(shí)例：

搜狐白社會(huì)的打卡成功提示：

新浪微薄的發(fā)表成功后的劃出效果：

上面的提示比“文字”類(lèi)提示顯得更形象，更有趣味性。

這次就寫(xiě)到這里，下期再會(huì)。

文章來(lái)源：丁子 轉(zhuǎn)載請(qǐng)注明出處鏈接。

標(biāo)簽： 用戶體驗(yàn) 交互設(shè)計(jì) 產(chǎn)品設(shè)計(jì) 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。