輕設計,讓網站靈敏輕便的6個技巧(2)

作者:Kevin Zhong 來源:Tencent CDC Blog 時間:2009-12-11 類別:網頁理論

4. 隱藏或弱化不常用的操作

不常用的操作可以弱化,或者隱藏起來,當鼠標經過的時候再出現。這個是基于上文提到的不干擾用戶注意力角度出發的。

Twitter中將每條微博條目的操作隱藏了起來,減小了對閱讀的干擾。而且在鼠標經過條目響應區和操作時,都有相應的變化以作為反饋。

輕設計,讓網站靈敏輕便的6個技巧

flickr中針對照片的操作也使用淡灰色,盡可能弱化和減少對照片瀏覽的干擾。

輕設計,讓網站靈敏輕便的6個技巧

5. 引導和強化推薦操作

強而明晰的引導是十分必要的,研究表明用戶在瀏覽頁面的時候是跳躍性、非線性的,用戶并不喜歡在諸多的操作中選擇和尋找最佳選項。所以清晰的引導就顯得更加重要了。重要和常用操作還可以特異處理,以便于尋找和點擊。

大而易用的表單和注冊按鈕

輕設計,讓網站靈敏輕便的6個技巧

箭頭和紅色的按鈕一起提供了明晰的視覺路徑指引。

輕設計,讓網站靈敏輕便的6個技巧

常用操作的特異處理。某些瀏覽器的后退操作也有類似處理。

輕設計,讓網站靈敏輕便的6個技巧

6. 輕便處理臨時任務

如果在看一部精彩電影的時候想喝水了,是希望走到廚房間倒水呢還是希望手邊就有一個杯子和水壺?顯然人們都不太愿意中斷主任務和注意力去處理臨時任務,頁面設計也是如此,能在當前頁面完成就盡量在當前頁面完成。模態窗口、跳轉頁面、付出層等都不是讓用戶覺得舒服的做法。除非確實必要,少使用這樣的做法。

flickr中對相片名字的即時編輯,當頁完成,非常輕巧。

輕設計,讓網站靈敏輕便的6個技巧

Delicious中對收藏條目的刪除確認,同樣在當頁完成,輕巧且很好地降低了騷擾。

輕設計,讓網站靈敏輕便的6個技巧

小結:

本文從可用性角度提出了輕設計的幾個技巧:

  1. 靈活的logo響應區;
  2. 靈敏的可交互元素;
  3. 清晰且溫和的提示;
  4. 隱藏或弱化不常用的操作;
  5. 引導和強化推薦操作;
  6. 輕便處理臨時任務

以上僅是個人的實踐和經驗總結,歡迎大家指出不足之處并提供更多輕設計方面的建議。

原文:http://cdc.tencent.com/?p=1872

12
标签:

相關文章:

推薦設計

最新文章