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

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

在網站或軟件的策劃和設計過程中,我們經常聽到這樣的討論:“這個功能設計得太重了”又或“我們希望能夠處理得輕一些”。似乎輕設計是時下炙手可熱的話題,也是方興未艾的Web2.0大浪下設計師們的最愛(看看那些在全世界遍地開花的SNS網站,無論是視覺元素還是交互流程均能輕則輕)。本文主要從實踐和總結的角度出發,提出了讓設計變得更輕的6個技巧。

何為輕設計:

在開始之前先需要明確下何為輕設計。這里并不想給輕設計下一個專業的定義,只是歸納了大家對輕設計所應具有的特性的理解。

  • 具有靈敏的可交互元素:頁面上的鏈接、文本框、按鈕等可交互元素能靈敏地響應操作并即時反饋。
  • 輕便的流程和提示,不打斷用戶的當前任務:一項任務盡量用少而清晰的步驟去完成,提示和臨時任務盡量不中斷用戶主任務,不要讓用戶做不必要的確認和操作。
  • 不干擾用戶的注意力:用戶是來使用產品和服務的,而不是來欣賞精美的設計,如果使用過程中會因為設計元素分散注意力那么可能是設計太重了。試著少用些無用的裝飾和細節。

輕設計的6個技巧:

1. 靈活的logo響應區

點擊網站的logo通常能將我們帶回到首頁。從這個角度看,Logo不僅起著品牌標識的作用,還承擔了重要的導航功能。就連普通的鏈接當在鼠標劃過時都有下劃線或者變色提示,那么logo作為一個更為重要的可交互元素,是否也應該在鼠標劃過時提供適當的反饋呢?

下面列舉了幾個logo區靈活響應鼠標例子,在使用過程中發現,小小的變化不僅提升了可用性,還讓網站顯得靈敏而有生氣。

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

2. 靈敏的可交互元素

導航對于網站的重要性不言而喻,導航元素要即時響應鼠標操作。

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

重要的操作和引導按鈕應該設計得更加細致些,包括按鈕的三態(常態,hover,active)甚至四態(增加一個禁用態)。這么做也是為了使重要的可交互元素對不同的操作及時給出反饋,使其顯得靈敏高效。

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

文本框的狀態也是一個容易被忽略的細節,主要是獲取焦點后無提示或者提示不夠明顯。

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

另外對于一些響應時間稍長的操作,應該給出進度反饋。似乎是顯而易見的道理,但是設計中往往也容易忽視。

3. 清晰且溫和的提示

提示通常都是提供輔助性信息的,既然是輔助性的,就不宜喧賓奪主過分強化。除非必要,也最好不要給用戶帶來額外的操作(比如需要用戶主動關閉,確認等)。提示的內容也是為了帶來幫助或者提供反饋,因此言簡意賅最重要。

twitter中更換個性化主題時的提示,從頁面頂部柔和出現,停留片刻后自動消失。

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

meme中的follow提示,在操作處出現。

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

12
标签:

相關文章:

推薦設計

最新文章