关于表单设计,每个设计师都应该知道的10件事

转自:http://www.iteye.com/news/24822
导读:众所周知,表单是网页中的重要元素。一个优秀的表单会给用户带来不错的用户体验。可我们在设计中需要注意哪些事项呢下面的文章中,用户导向设计公司CX Partners的设计师Joe Leech则为我们阐述了表单设计中一些注意事项。 

以下为原文文章: 

估计没有什么比表单更让设计师头痛的了。表单能否让设计师表现出创意们可能需要从做基本的层面,重新审视表单、理解表单——表单是用户和软件之间的对话。 

忘掉切换、点击吧,表单是我们数字设计师(译者:我想应该是依赖计算机进行设计的设计人员)将面临的最富有挑战性的交互方式。下一次,当你要设计一个表单的时候,不要认为好的设计就是要应用好看的CSS效果或者是添加漂亮的jQuery特效。表单设计的水是很深的。 

我已经做过上百个表单用户测试,为保险公司、假期预订交互设计过一些非常复杂的表单等等。可能你最近使用的某个表单就是我设计的。 

关于表单设计,每个设计师都应该知道的10件事
关于表单设计,每个设计师都应该知道的10件事
现在有两个问题。首先,浏览器默认显示的小三角真不是一般的小,点击很繁琐,你还可以想象加菲猫般的手指在iPhone上挣扎的情景。这就是所谓的费茨法则,越小的东西越难点中。 
译者 写道 Fitt’s Law,人机交互重要法则,其最基本的观点就是任何时候,当一个人用鼠标来移动鼠标指针时,屏幕上的目标的某些特征会使得点击变得轻松或者困难。目标离的越远,到达就越困难。目标越小,就越难点中。
我好像听到你在叫嚣:我可以直接在数字文本框中键入数值。是的,你可以。但是,让我们看看浏览器的显示内容、向上向下的微调箭头使得文本框长得很像我们信赖的朋友(下拉选择框)。首次使用微调交互的用户会因此认为他们不能键入内容。 

我的建议是:浏览器开发者应该调整默认的设计。 

3、只使用一种按钮类型或最好为每个表单只提供一个按钮 

还有一个鲜为人知的心理学原理,叫做“希克法则(Hick’s Law)”,基本观点是:当选项增加时,人们下决定的时间就会增加。我知道,这不是《rocket science》(译者:一部关于青春期焦虑的喜剧电影佳作),但仍然是值得铭记于心的规则。 

你可以通过帮助你的优质用户做选择来帮助他们。让所有的基本按钮都保持同一个颜色,每页都只有一个按钮(非基本按钮)来帮助他们做选择。哪个按钮是我应该点击的呢,很简单嘛,那个大大的醒目的按钮! 

关于表单设计,每个设计师都应该知道的10件事
质疑你提出的每个问题。这个问题有必要吗什么要问这个问题nbsp;

很多业务需要我们提出问题。作为设计师的我们可以争得面红耳赤。提出业务上的问题,对于了解我们的业务需要的数据来说是有必要。 

我们可以先告诉优质用户我们为何需要问那样的问题,之后再帮助他们。放心的使用和数据共享通常都是好的做法。 

再次示例: 

关于表单设计,每个设计师都应该知道的10件事
关于表单设计,每个设计师都应该知道的10件事
下图为译者补充截图: 

关于表单设计,每个设计师都应该知道的10件事
对于开发人员而言,没有什么挑战胜过构建防弹表单(指防御能力很强的表单)了。 

译者 写道 我想这部分应该是写给开发人员看的吧,意思是说,为了更好的用户体验,你们开发人员不要偷懒,要多辛苦点。然后再用“构建固若金汤的表单”是很有挑战很有成就感的事来激励开发人员。
8、不要在表单中使用垂直分栏(列) 

在表单中使用列的最大问题是流动。表单开始于上面,结束语底部,而列的出现会打破这种流动。 
来源:chelen_jak

声明:本站部分文章及图片转载于互联网,内容版权归原作者所有,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2015年3月18日
下一篇 2015年3月18日

相关推荐