區(qū)別于藝術,商業(yè)網站設計之美往往來自于細節(jié)。
一般來說,用戶在使用你的網站的時候,是以理性的、實用性的角度來觀看,他們更主要的需求
是在于自己的目的(任務)是否能更快更方便的達到,審美只是一種次之的心理需要。(當你使用
baidu搜索的時候應該不會想,baidu為什么不在頁面加個背景圖...囧)
只有在需求能夠得到滿足的前提下,用戶對于這個網站才會建立起是否具有美感的體驗。如果目
的無法完成,那對他來說就是一個爛網站,不管你的頁面有多么漂亮...
相應的,不好的頁面設計往往只是因為缺少細節(jié)。
1、減少用戶的操作
第一個例子:百度的搜索框
當用戶在輸入框輸入搜索關鍵詞后,忽然發(fā)現自己原本要搜索的是貼吧里的內容,那么他會怎么
操作?點擊“貼吧”標簽。早期百度的處理是,僅僅切換當前搜索類型為“貼吧”,甚至原本搜索框
里的關鍵詞都被清除了。那么用戶只好重新輸入關鍵詞然后搜索。
但現在你在百度上再進行這樣的操作,會發(fā)現這個流程已經被優(yōu)化了。
這就是細節(jié),讓用戶少操作,那么用戶就會更喜歡你。
其實這個例子是百度跟google學習的(百度是個勤奮的孩子),而采用了新界面的google首頁,
這個細節(jié)已經失去意義了(是否是一種退步?)。
第二個例子:提示信息
這個例子來自于前公司的一個頁面。很多網頁搜索框都會顯示下面這樣的提示信息,但當用戶點
擊輸入框或者輸入框獲得焦點的時候,用戶仍然需要將輸入框內的文字一一刪除。提示固然是好,但
當用戶需要操作的時候,提示信息應該清楚,避免干擾用戶的操作。
這個輸入框即是ldm的建議,很細節(jié)的設定,非常感謝。
2、給用戶自由使用的權利
所以的產品都會有一定的使用限制,比如不能將鋰電池丟進火里,也不能把干燥劑吃下去,但在
合理的范圍內,用戶需要被尊重,也需要自由。
為什么你得頁面firefox下一塌糊涂?
為什么你的播放器在MAC上就不能工作?
為什么你得IM協議不開放?
......
有人對IE死心塌地,有些人對firefox趨之若鶩,更有人喜歡用手機瀏覽你的網頁,那么專注于細
節(jié)的你就應該考慮這種種影響。給用戶自由使用的權利,也就意味著你的產品要在多種情況下都能使
用。
“任何成功的法律都是用來保護小部分人的,它的標準語法應該是‘不得通過法律限制××權利
’;同樣地,軟件和服務應該‘不得阻礙Linux和Mac用戶的使用’。(via Blog on 27 floor )”—
—誠哉斯言!
3、可以把用戶看的很懶,但不要以為他們很笨
傻瓜相機的成功成為很多人的口頭禪,要把用戶當傻瓜。
事實上,我在瀏覽網頁和在現實當中都不希望被人當成傻瓜。所以,為傻瓜的設計在很大程度上
成為“臃腫的設計”、“繁復的設計”。很多網站打著web2.0的旗號為自己的頁面不斷的增加沒有必
要的提示和功能描述,生怕有人低智商不懂。
UCDFEED上的結論很好,“好的設計能在一定程度上減少尋求幫助的機率”。也就是說,你的設計
足夠合理,那么就完全可以避免用戶的錯誤,減少很多不必要的提示。
如下面網易通行證的注冊表單的第一項,用戶名的填寫。這里的規(guī)則算是有些復雜,因此提示的
非常詳細。但是提示的詳細并不意味著就能防止用戶的犯錯,因為用戶只有在遇到問題的時候才會去
看幫助。
如果你要求最多18個字符,那么為什么又允許用戶輸入25個字符?
a-z是英文字符難道用戶都不知道的嗎?
一定的技術改進,比如限制用戶輸入的字符類型以及限制輸入框最多18個字符,那么用戶就可以
在錯誤剛剛之時就知道錯誤,避免發(fā)生錯誤之后才提示的信息滯后。
4、視覺的細節(jié)在某種條件下更為重要
正如前面所說,視覺的細節(jié)可能是作為評價的最直觀的指標,但這也是最應該
1、功能細節(jié)
正如我之前所寫的,只有在目的能夠達到的前提下,用戶對于這個網站才會建立起是否具有美感
的體驗。也就是說,當網站的基本功能能滿足用戶的需求的時候,你得界面設計將產生至關重要的影
響。在網站同質化愈趨嚴重的情況下,界面的美觀和易用性就成為關鍵之處。
至于怎樣叫美觀,見仁見智,但對細節(jié)的感官體驗卻相當一致。
對比一下百度hi和msn的ui界面:
至少hi在圓角上的處理缺乏細節(jié),因此呈現鋸齒狀。而恰恰是這些小細節(jié)讓hi的界面讓人感覺(
引用某位同事的話)“很奇怪”。
尤其是當你的產品在面臨競爭的時候,視覺細節(jié)往往更是基本用戶選擇的主要原因。