矯枉過正的交互設(shè)計(jì)

2 評論 2046 瀏覽 0 收藏 4 分鐘

在從事設(shè)計(jì)之后,我一直預(yù)防自己變成用戶的“奴隸”。很不幸,現(xiàn)在的氛圍卻在把一些設(shè)計(jì)師變成用戶的奴隸。

網(wǎng)志開頭的那張圖,是我在項(xiàng)目過程中遇到的一個例子。原來的設(shè)計(jì)是這樣的:

原本的表單設(shè)計(jì)

看似很小的一個改動,其實(shí)能反映出大問題。我在下拉框中放默認(rèn)選中的工商銀行,是因?yàn)樾庞每ㄟ€款的用戶中工商銀行占據(jù)了大半壁江山。這樣大部分用戶就能少操作一次,盡管這里會分散一點(diǎn)他的注意力,也許他會試著點(diǎn)一下下拉框,看看是不是有問題直接把工商銀行放出來了。但完全值得,因?yàn)檫@個學(xué)習(xí)成本很低,用戶將從 中獲利。

過火的設(shè)計(jì)

由于銀行之間的競爭關(guān)系,在實(shí)際情況中這里不能放某一具體銀行。于是我建議默認(rèn)狀態(tài)的下拉框什么都不放,如下圖:

正常的表單設(shè)計(jì)

但交互設(shè)計(jì)師認(rèn)為,這里應(yīng)該設(shè)計(jì) 成網(wǎng)志開篇那張圖的樣子,也就是下拉框中加上請選擇銀行這句話,并且用鏈接色。理由是,讓用戶知道可點(diǎn)擊這個下拉框。于是我哭笑不得。下拉框是標(biāo)準(zhǔn)的原生 控件,不僅如此,它是伴隨著圖形化操作系統(tǒng)一路發(fā)展而來,我敢說只要是用過電腦的,沒有一個用戶不知道下拉框是干什么的,以及它可不可以點(diǎn)擊。

在這里加上一個鏈接色的文字對于讓用戶點(diǎn)擊毫無幫助。下拉框里的空白是讓用戶明白這里是空的,需要你填寫。在用戶一眼掃過表單的時(shí)候,即定位到哪些 是我應(yīng)該填寫的。如果這里放有鏈接色或者正文色的文字,會有一個這里已經(jīng)默認(rèn)填寫掉了的感覺;而用戶視線定位到這個下拉框的時(shí)候,又發(fā)現(xiàn)這只不過是句廢 話。。。

《Don’t make me think》教了我們許多,被很多人奉為圣經(jīng),但他全書并沒有說需要這么干才是讓用戶不用費(fèi)腦筋思考。相反,這么干了,用戶才會花時(shí)間思考。設(shè)計(jì)師需要預(yù) 防這種心態(tài),過于擔(dān)心用戶,會毀了自己的設(shè)計(jì),長久以往,則會毀了自己作為設(shè)計(jì)師的直覺。事實(shí)上,不能把用戶當(dāng)傻子來看,這不是真實(shí)環(huán)境中的情況,用戶要 比一些設(shè)計(jì)師想像中聰明得多,而且樂于學(xué)習(xí)。而易學(xué)性,卻是現(xiàn)在最被忽視的。

源地址:http://www.shimuuu.com/bl……action-design

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 不敢認(rèn)同更多 ,可能藍(lán)色提示確實(shí)有點(diǎn)過,但是什么的都沒有 確實(shí)不變部分人的理解,還是需要一點(diǎn)灰色的 能提示看清的文字在里面的 …

    來自浙江 回復(fù)
  2. 很多時(shí)候我們做設(shè)計(jì)的時(shí)都會范這個不是錯誤的錯誤~

    來自北京 回復(fù)