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