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

愛護用戶的“鼠標手”

一、光標輸入焦點初始化

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

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

二、“就地”解決

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

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

其實這一點在著名的“費茨法則”里也早就提到了。

“溫馨”的提示

一、必要的“干擾”提示

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

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

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

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

下面看一下具體的實例：

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

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

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

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

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

標簽： 用戶體驗 交互設計 產(chǎn)品設計 

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