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

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

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

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

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

二、“就地”解決

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

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

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

“溫馨”的提示

一、必要的“干擾”提示

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

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

二、“動畫類”的反饋提示

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

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

搜狐白社會的打卡成功提示：

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

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

這次就寫到這里，下期再會。

文章來源：丁子 轉(zhuǎn)載請注明出處鏈接。

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

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