DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 用戶體驗設計:網頁下拉框設計分析
用戶體驗設計:網頁下拉框設計分析
編輯:關於網頁技巧     

看似很小的一個改動,其實能反映出大問題。我在下拉框中放默認選中的工商銀行,是因為信用卡還款的用戶中工商銀行占據了大半壁江山。這樣大部分用戶就能少操作一次,盡管這裡會分散一點他的注意力,也許他會試著點一下下拉框,看看是不是有問題直接把工商銀行放出來了。

從事設計之後,我一直預防自己變成用戶的“奴隸”。很不幸,現在的氛圍卻在把一些設計師變成用戶的奴隸。

 

上面的那張圖,是我在項目過程中遇到的一個例子。原來的設計是這樣的:

 

看似很小的一個改動,其實能反映出大問題。我在下拉框中放默認選中的工商銀行,是因為信用卡還款的用戶中工商銀行占據了大半壁江山。這樣大部分用戶就能少操作一次,盡管這裡會分散一點他的注意力,也許他會試著點一下下拉框,看看是不是有問題直接把工商銀行放出來了。但完全值得,因為這個學習成本很低,用戶將從中獲利。

過火的設計

由於銀行之間的競爭關系,在實際情況中這裡不能放某一具體銀行。於是我建議默認狀態的下拉框什麼都不放,如下圖:

 

但交互設計師認為,這裡應該設計成網志開篇那張圖的樣子,也就是下拉框中加上請選擇銀行這句話,並且用鏈接色。理由是,讓用戶知道可點擊這個下拉框。於是我哭笑不得。下拉框是標准的原生控件,不僅如此,它是伴隨著圖形化操作系統一路發展而來,我敢說只要是用過電腦的,沒有一個用戶不知道下拉框是干什麼的,以及它可不可以點擊。

在這裡加上一個鏈接色的文字對於讓用戶點擊毫無幫助。下拉框裡的空白是讓用戶明白這裡是空的,需要你填寫。在用戶一眼掃過表單的時候,即定位到哪些是我應該填寫的。如果這裡放有鏈接色或者正文色的文字,會有一個這裡已經默認填寫掉了的感覺;而用戶視線定位到這個下拉框的時候,又發現這只不過是句廢話。。。

《Don’t make me think》教了我們許多,被很多人奉為聖經,但他全書並沒有說需要這麼干才是讓用戶不用費腦筋思考。相反,這麼干了,用戶才會花時間思考。設計師需要預防這種心態,過於擔心用戶,會毀了自己的設計,長久以往,則會毀了自己作為設計師的直覺。事實上,不能把用戶當傻子來看,這不是真實環境中的情況,用戶要比一些設計師想像中聰明得多,而且樂於學習。而易學性,卻是現在最被忽視的。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved