网页下拉框设计的用户体验分析

从事设计之后，我一直预防自己变成用户的“奴隶”。很不幸，现在的氛围却在把一些设计师变成用户的奴隶。

上面的那张图，是我在项目过程中遇到的一个例子。原来的设计是这样的：

看似很小的一个改动，其实能反映出大问题。我在下拉框中放默认选中的工商银行，是因为信用卡还款的用户中工商银行占据了大半壁江山。这样大部分用户就能少操作一次，尽管这里会分散一点他的注意力，也许他会试着点一下下拉框，看看是不是有问题直接把工商银行放出来了。但完全值得，因为这个学习成本很低，用户将从中获利。

过火的设计

由于银行之间的竞争关系，在实际情况中这里不能放某一具体银行。于是我建议默认状态的下拉框什么都不放，如下图：

但交互设计师认为，这里应该设计成网志开篇那张图的样子，也就是下拉框中加上请选择银行这句话，并且用链接色。理由是，让用户知道可点击这个下拉框。于是我哭笑不得。下拉框是标准的原生控件，不仅如此，它是伴随着图形化操作系统一路发展而来，我敢说只要是用过电脑的，没有一个用户不知道下拉框是干什么的，以及它可不可以点击。

在这里加上一个链接色的文字对于让用户点击毫无帮助。下拉框里的空白是让用户明白这里是空的，需要你填写。在用户一眼扫过表单的时候，即定位到哪些是我应该填写的。如果这里放有链接色或者正文色的文字，会有一个这里已经默认填写掉了的感觉；而用户视线定位到这个下拉框的时候，又发现这只不过是句废话。。。

《Don’t make me think》教了我们许多，被很多人奉为圣经，但他全书并没有说需要这么干才是让用户不用费脑筋思考。相反，这么干了，用户才会花时间思考。设计师需要预防这种心态，过于担心用户，会毁了自己的设计，长久以往，则会毁了自己作为设计师的直觉。事实上，不能把用户当傻子来看，这不是真实环境中的情况，用户要比一些设计师想像中聪明得多，而且乐于学习。而易学性，却是现在最被忽视的。