用户在填写表格时可能会因为填写流程过于复杂放弃填写表格,所以,作为app表单设计师,就应当把尽可能简化填写表格的过程作为设计的目标 。本文中,笔者将与大家分享一些可以帮助大家设计有效表格的技巧 。
文章插图
表格是所有移动互动的关键,它站在人和他们正在寻找的东西之间的桥梁 。我们每天都使用表单来进行必要的在线活动 。回想上一次你买了一张机票,预定了一个***房间或者网上购物,最可能是这些互动包含了一个填表的步骤 。
表格只是达到目的一种手段 。最终的目的应该是要让用户能够快速、无混淆地完成这些任务 。
在本文中,您将学习帮助您设计有效表单的实用技术 。
一、什么是有效的形式每个表单的主要目标都是填写完成 。
有两个因素对完成率有重大影响:
1. 复杂性感知当用户看到一个新表单时,首先要做的就是估计完成它所需的时间,用户可通过扫描表单来做到这一点 。
感知在评估过程中起着至关重要的作用 。表单看起来越复杂,用户就越有可能放弃这个过程 。
2. 交互成本交互成本是用户为了达到他们的目标,而与界面交互的努力的总和——包括认知的和物理的 。
交互成本与表单可用性有着直接的关系——用户完成表单的努力越多,表单的可用性就越低 。
高的交互成本可能是由于难以输入的数据、无法理解某些问题的含义,或对错误消息的混淆造成的 。
二、表单的构成要素典型的表格由以下五个要素组成:
输入字段:这些字段包括:文本字段、密码字段、复选框、单选按钮、滑块和任何其他为用户输入而设计的字段 。字段标签:这些标签告诉用户:相应的输入字段意味着什么 。结构:包括字段的顺序、窗体在页面上的外观,以及不同字段之间的逻辑连接 。操作按钮:表单将至少有一个操作调用(触发数据提交的按钮) 。反馈:反馈是用户操作的结果反应 。反馈可以是正面的(例如:表示表单提交成功),也可以是否定的(比如:“您提供的数字不正确”) 。本文涵盖了与结构、输入字段、标签、操作按钮和验证相关的许多方面 。
本文中提到的大多数要点,都具有可视化的要做的示例,和不要做的示例,所有这些示例都是使用AdobeXD创建的 。
接下来分别从这八个方面进行展开细讲:输入域、字段标签、布局、操作按钮、帮助与支持、易接近、测试设计决策、结论 。
1. 输入域当涉及到表单设计时,设计师所能做的最重要的事情就是将打字的需求降到更低,减少投入是必不可少的 。设计师可以通过关注表单领域的设计来实现这一目标 。
1.1 最小化字段总数
您要求用户填写的每个字段都需要付出一定的努力 。填写表单所需的工作越多,用户完成表单的可能性就越小 。这就是为什么形式设计的基本规则更短更好的原因——摆脱所有不必要的领域 。
Baymard研究所对结账表格进行了分析,发现:结账过程太长或太复杂是结账过程中放弃的主要原因之一 。
研究发现:平均签出包含近15个表单字段,大多数在线服务可以将默认显示的字段数量减少20%到60% 。
文章插图
许多设计师都熟悉“越少越多”的规则 。不过,他们还是会问更多的问题,试图收集更多关于他们的用户的数据 。在初始注册期间收集更多关于用户的数据可能很有诱惑力,但要 *** 这种诱惑,可以这样想:添加到表单中的每一个附加字段,都会增加失去潜在用户的可能性 。
您从某个领域获得的信息是否值得失去新用户?
请记住,只要您已经收集了用户的联系信息,您就可以随时跟踪请求获得更多的数据 。
1.2 <明确区分所有可选字段
在优化可选字段之前,问问自己是否真的需要将它们包含在表单中 。想想你真正需要什么信息,而不是你想要什么 。理想情况下,表单中的可选字段数应为零 。
如果在头脑风暴会议之后,您仍然希望在您的表单中包含一些可选的问题,请向用户明确这些字段是可选的:
标记可选字段而不是强制字段:如果您要求尽可能少,那么您形式中的绝大多数字段将是强制性的 。因此,只在少数人中标记那些字段 。例如:如果六个字段中有五个是强制性的,那么只将一个字段标记为可选字段是有意义的 。使用“可选”标签表示可选字段:避免使用星号(*)来表示“可选” 。并不是所有的用户都会将星号与可选信息相关联,一些用户也会对此含义感到困惑(星号通常用于表示强制字段) 。
推荐阅读
- 不知道怎么去爱,总是让对方很受伤的星座
- 小孩感冒后咳嗽怎么办 感冒后咳嗽怎么办
- pdf打不开是怎么回事说是文件损坏 pdf打不开是怎么回事
- 炒藕片怎么不变黑,韭菜苔炒藕怎么炒不发黑?
- 通过互联网赚到钱的三条思路 网上怎么赚钱来得快
- 2021年10月4日农历八月二十八出生的女孩怎么起高分好名字
- 京东自营不够99怎么免运费,京东自营怎么能免运费?
- 算命最准的免费 八字中孤辰寡宿是啥意思,孤辰寡宿怎么破解
- 十二星座和对象吵完架都会怎么解决
- word公式编辑器在哪里,word公式编辑器升级怎么升?