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

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

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

 

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

 

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

过火的设计

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

 

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

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

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

时间: 2024-12-06 18:29:22

用户体验设计:网页下拉框设计分析的相关文章

vs2012第一次打包项目,网页下拉框没信息,如何解决呢?

问题描述 vs2012第一次打包项目,网页下拉框没信息,如何解决呢? 第一次打包项目,下拉框没信息,如何解决呢? 解决方案 右键网页另存为桌面,然后右键选择用记事本打开,里面有个JS被墙了,ajx...min.js,删除用任意版本替换就可以,打开就OK了,这个JS可以去网上下载

用户体验设计实例:阿里搜索框优化建议

·设计目的: 1) 在不影响现有用户使用习惯的前提下,提升搜索输入流程的便利性: 2) 在有限的空间内,增强首页搜索操作的历史回溯能力,减少老用户的搜索操作成本,提高他们的搜索效率: 3) 对新用户的搜索引导更丰富,增加搜索的趣味性: ·设计方案草稿: ·主要流程 1) 进入页面,光标默认放置在输入框内,支持用户直接输入操作.同时,光标后跟随当前搜索维度下的输入提示信息:(如图1.1) 图1.1 2) 在图1.1页面状态下,当用户输入任意关键词后,在输入框内部,清空系统默认的输入提示信息,显示当

用户体验设计:网页中的确定和取消按钮

网页制作Webjx文章简介:我们常常在执行一个动作时,会被要求确认一下,这时候往往给出两个按钮,"确定"和"取消"."取消"按钮往往不会单独出现,而是与"确定","保存"之类的操作同时出现. "取消"(cancel,stop)和"撤消"(undo),看起来很像是同一回事,用起来似乎也差不多.但是两者在使用上还是有些差别,体验上也略有不同. 一. 取消键与撤消键 我们常

用户体验设计:网页菜单的交互类型

文章描述:各种菜单设计的交互类型. 菜单的交互类型: 平行结构 线性结构(菜单层级沿x.y任一轴向平行展开.)   纵深结构(菜单层级沿z轴纵深递进,一个界面只显示一个菜单层级.)   十字结构 菜单使用x.y.z任意两轴向结合   十字.纵深结合 使用十字结构展现主要层级,其他菜单层级进行纵向展现.   各平台分析: PC平台: PC平台特点:         分辨率高--可以在屏幕上展现大量信息.         与人距离近(30~60CM)--可以使用小字体和小图标.         键鼠

网页版块的用户体验设计:用户并不做最佳选择

文章描述:用户体验(User Experience,简称UE)是用户在使用产品过程中建立起来的一种纯主观感受. 用户体验(User Experience,简称UE)是用户在使用产品过程中建立起来的一种纯主观感受.在基于Web的产品设计中,UE是一个相对较新的概念.Donald Norman博士提出了"用户体验"一词,他是一个认知科学的研究人员,首次提出了在互联网领域以用户为中心设计的重要性(用户的需求决定产品如何设计). Donald Norman 用户体验很重要,最大的理由是:它对你

Android第三方开源下拉框NiceSpinner使用详解

android原生的下拉框Spinner基本上可以满足Android开发对于下拉选项的设计需求,但现在越来越流行的下拉框不满足于Android原生提供的下拉框Spinner所提供的设计样式,而改用自定制或者第三方设计的下拉框Spinner. NiceSpinner是一个第三方开源的下拉框Spinner,其在github上的项目主页是:https://github.com/arcadefire/nice-spinner  NiceSpinner原设计效果如动图所示: 但是通常开发者对于可能还需要对

以用户为中心的设计:网页确认框的用户体验设计

文章描述:以用户为中心的设计:网页确认框的用户体验设计. 确认框,顾名思义,对关键的用户行为进行确认,比如"询问是否删除","告知已删除".根据网上的观察,发现有的网站对确认框的设计缺乏合理性.本文谈谈自己的思考. 类别 根据触发目的,确认框分为两类:询问和告知. 询问 转推的确认框 询问,类似 Javascript 里的 confirm(),即:是否去做? 告知 Flickr 的告知 告知,类似 Javascript 里的 alert(),即:做的状态. 必要性

触屏手机网页产品设计用户体验设计经验分享

文章描述:历时数月,连番经历了多个基于触屏手机原生浏览器的网页产品设计与开发.对触屏手机用户体验设计有了进一步的认识,也颇想分享些心得. 历时数月,连番经历了多个基于触屏手机原生浏览器的网页产品设计与开发.对触屏手机用户体验设计有了进一步的认识,也颇想分享些心得. 上篇包括以下一些内容: >>精神与基础 何谓高端--高端设计精神 平台间平衡 不同分辨率及比例间移植 浏览器框架 >>设计"泛"过程 移动场景下的用户需求 少即是多的设计原则 界面气质 -------

webbrowser-WebBrowser控件 显示的网页中的下拉框 无法使用键盘的上下按键

问题描述 WebBrowser控件 显示的网页中的下拉框 无法使用键盘的上下按键 代码如下: IWebBrowser2* iWebBrowser; VARIANT varMyURL; static CAxWindow WinContainer; LPOLESTR pszName=OLESTR("shell.Explorer.2"); RECT rc; GetClientRect(hWnd, &rc); WinContainer.Create(hWnd, rc, 0,WS_CHI