表单设计优化

标签: 设计 优化 | 发表时间:2016-11-13 13:32 | 作者:可乐橙
分享到:
出处:http://colachan.com/

[国外设计第153期]

设计师常犯的错误,以及正确做法

无论是注册流程、多屏分步表单,或者是单调的数据列表界面,表单都是数字产品设计中的重要组成部分。本文会探讨表单设计的注意事项。记住这些只是通用规范,每条准则总有例外。

表单应该只有一列

多列布局会扰乱用户垂直方向的视线移动。

顶部标签

顶部标签的表单比左侧标签有更高的完成率。顶部标签的表单也易于移植到移动端。但是,对于有多种选择项的大量数据列表而言,请考虑使用左侧标签,因为它们在一起更易于浏览,能够减少高度,比顶部标签更贴心。

把标签与输入框成组排列

把标签和输入框贴近排列,确保项目之间留有足够高度,防止用户困惑。

避免全大写标签

全大写标签更难阅读和浏览。

如果选项少于6个,全部展示出来

把选项放入下拉选单需要用户进行两次点击,还会把选项隐藏起来。超过5项才使用下拉选框。如果超过25个选项,就要在下拉菜单中加入搜索。

不要把默认提示当做标签

把默认提示文字当做标签,意在节省空间。但这会导致许多可用性问题,Nielsen Norman Group的 Katie Sherwin对此作过总结

纵向排列勾选框(和单选框)以保证易读性

纵向排列勾选框能加快浏览速度。

行动指令要具有描述性

行动指令要描述出具体行为。

逐行说明错误

告诉用户哪里错了,说明原因。

逐行验证要在用户填完一行之后进行(除非填写中验证更有帮助)

别在用户打字的时候进行逐行验证,除非这对他们有帮助——例如创建密码、用户名之类,或者字符数提示信息。

不要隐藏基本的帮助提示文案

尽可能直接展示基本的帮助提示文案。对于复杂的提示文案,可以考虑在输入框激活时,展现在它旁边。

区分主次操作项

对此还有一项更深刻的哲学争论,真的需要次要操作项吗?

用输入框长度来反映内容

输入框的长度暗示了答案的长度。对于字数固定的输入框,例如电话号码、邮政编码等,可以使用这种方式。

抛弃星号*,标出选填项

用户不一定都知道星号(*)表示必填项。相反,应该标出选填项。

把相关信息编组

用户会分块思考,太长的表单会让人眼花缭乱。创建符合逻辑的分组,用户会更容易理解表单。

真的需要问吗?

省略掉选填项,考虑采用其他方式收集数据。时刻问自己,某个问题的答案是否能推测出来,问题能否往后放,或者完全去掉。

数据获取正在变得越来越自动化。例如,手机和穿戴设备在用户不知不觉间收集了大量数据。想想如何利用社交媒体、对话式界面、短信、邮件、声音、光学字符识别、位置信息、指纹、生物识别技术等等。

让表单变得有趣

人生苦短,没有人喜欢填写表单。要口语化、有趣,逐渐吸引用户,让人感觉出乎意料。设计师的职责就是传递公司品牌,激发情绪反应。处理得当,就能提升完成率。一定要遵循以上规则。


原文链接: https://uxdesign.cc/design-better-forms-96fadca0f49c#.pq9x0zsdm

作者信息: Andrew Coyle
Product Design Lead @Flexport | Find more of my work at http://andrewcoyle.com/

相关 [设计 优化] 推荐:

MYSQL设计优化

- - CSDN博客推荐文章
本文将从各方面介绍优化mysql设计的一些方式. (1)定位需要优化的sql语句. 1)show status统计SQL语句频率. 对Myisam和Innodb存储引擎都计数的参数:. SHOW STATUS可以根据需要显示session级别的统计结果和global级别的统计结果. 1.Com_select  执行select操作的次数,一次查询只累加1;.

表单设计优化

- - 可乐橙
设计师常犯的错误,以及正确做法. 无论是注册流程、多屏分步表单,或者是单调的数据列表界面,表单都是数字产品设计中的重要组成部分. 记住这些只是通用规范,每条准则总有例外. 多列布局会扰乱用户垂直方向的视线移动. 顶部标签的表单比左侧标签有更高的完成率. 顶部标签的表单也易于移植到移动端. 但是,对于有多种选择项的大量数据列表而言,请考虑使用左侧标签,因为它们在一起更易于浏览,能够减少高度,比顶部标签更贴心.

ORACLE数据库优化设计方案

- - CSDN博客推荐文章
本文主要从大型数据库ORACLE环境四个不同级别的调整分析入手,分析ORACLE的系统结构和工作机理,从九个不同方面较全面地总结了ORACLE数据库的优化调整方案. 关键词 ORACLE数据库 环境调整 优化设计 方案. 对于ORACLE数据库的数据存取,主要有四个不同的调整级别,第一级调整是操作系统级包括硬件平台, 第二级调整是ORACLE RDBMS级的调整,.

HBase 原理、设计与优化实践

- - leejun_2005的个人页面
HBase —— Hadoop Database的简称,Google BigTable的另一种开源实现方式,从问世之初,就为了解决用大量廉价的机器高速存取海量数据、实现数据分布式存储提供可靠的方案. 从功能上来讲,HBase不折不扣是一个数据库,与我们熟悉的Oracle、MySQL、MSSQL等一样,对外提供数据的存储和读取服务.

优化玩家体验的3大游戏设计原则

- 和谐牌河蟹 - GamerBoom.com 游戏邦
一般来说,我不赞同通过系列规则教授游戏设计. PvP游戏的最佳死亡设计也许不是PvE游戏的最佳决策;第三人称打斗游戏的控制装置也许并不适应第一人称射击游戏,“休闲”游戏和“硬核”游戏之间的关卡曲线应有所区别. 我是个有条理、注重过程的设计师,所以我倾向认为设计最佳方式是创建系列价值标准,然后落实周密设计过程,通过价值标准和背景权衡所有设计决策.

Web交互设计优化的简易check list

- 没剑 - 互联网的那点事
“优化已有产品的体验”,这是用户体验相关岗位职责中常见的描述. 我们的产品常常是在快速的迭代过程中不断完善的,就像孩子生下来需要养育才能长大一样,优化已有功能/产品,和设计新功能/产品同样重要,不可偏废. 但是,相比实现新功能,已有功能的优化总是显得没有那么紧迫而且很零散,导致了迭代优化的计划总是被归入“重要不紧急”甚至是“不重要不紧急”的象限,变成了东一棒子西一榔锤的买卖.

MYSQL 架构优化和索引之列设计篇

- - 博客园_首页
情况:如果你的表结构设计不良或你的索引设计不佳,那么请你优化你的表结构设计和给予合适的索引,这样你的查询性能就能提高几个数量级. ——数据越大,索引的价值越能体现出来. 我们要提高性能,需要考虑的因素:. 今天要讲的是表列的设计,暂不谈索引设计. 以下是数据储备脚本:主要是做表的建立和数据的插入——你也可以视情况修改表结构.

关于增强用户体验:重用, 还是优化设计?

- - ITeye资讯频道
如果在不同平台间重用内容和设计,比如将印刷内容重用为内容,或者将桌面端内容移植到移动端上去,那么,费用会比较便宜,但与此同时,质量也会有所降低. 较高级的UX设计需要和平台紧密结合的设计,也即优化设计. 在易用性方面有多项研究并出版多本专著、或者多项专利的知名技术人员 Jakob Nielsen在本文中给出了他的回答.

单手操作大屏手机的优化设计模型

- - 钛媒体TMTpost—把脉科技资本论
乔帮主曾经说过,3.5寸的手机屏幕是最适合单手操作的. 3.5寸的操作范围对于大多数人来说是最为舒适的,但这一点与我们希望屏幕大一点的愿望是可以没有冲突的,重点在于交互设计. 我们希望屏幕更大一些,是希望其能够为我们带来更大的可视面积和更震撼的视觉效果,而不是想要更大的掌控面积. 所以说,我们需要一个常用按键或者滑动动作都只出现在我们拇指能舒服够到的区域的交互系统.

设计师应该知道的16个UI优化秘诀

- - 优设(UISDC)
优异的用户界面可以让用户用得顺心,从而提高转化率(conversion rate),换言之,好的 UI 在使用与销售层面上形成双赢. 本文整理了16点优化用户界面的方法,希望对大家有所帮助. 本文原作者加拿大 UI设计师Jakub Linowski. 单栏型式让你更能掌握自己的内容,从顶部到底部一气呵成,用故事引导读者,最终是要诱引他们「采取行动」(call to action,下称CTA,意指下载或消费等目的);而多栏反而可能导致读者分心.