当前位置:首页 > 天道酬勤 > 正文内容

小擒拿手(擒拿与反擒拿8招)

张世龙2021年12月20日 21:45天道酬勤320

编辑指南:表单是我们常用的信息输入工具,虽然表单的设计因场景而异,但为了让用户更好地使用; 在用户场景中,需要注意用户体验的细节,把握更方便快捷的要点,提高用户体验。本文对表单的设计进行了思考。 一起看看吧。

业务场景扩大,场地增加,皱起眉头的姿势完全变了。

当试图将这些复杂的信息和组件组装成用户易于填写的表格时,设计师经常会陷入无限的烦恼。 笔者从用户体验的角度谈谈设计表格的构想,希望对大家有帮助,欢迎大家一起讨论交流。

一、表单是什么

表单是数据输入、数据展示的重要工具。

面试填写文件,银行卡填写文件,入住填写文件等,在生活中很常见。

互联网产品的设计也是表单不可缺少的,如注册、登录、商品输入、功能设置等。

二、表单的内容

表单主要由这四种元素组成。 标签、输入字段、操作按钮和提示信息。

1. 标签

标签的文本主要说明输入项目的意思,一般不能太长。 需要简洁、易懂、快速地让用户理解。

标签对齐方式有左对齐、右对齐、上对齐、内对齐,各有优缺点,可根据场合适当使用。

2. 输入域

输入字段是表单的中心,是输入信息的中心交互部分,可以使用不同的交互组件来方便输入不同的信息,例如单行文本框、多行文本框、单选框、多项选择框

3. 操作按钮

操作按钮是在表单信息输入完成后继续或取消任务的触发器。

操作按钮分为主按钮,以帮助用户在视觉上聚焦并更快地完成任务。 通常,主任务的操作是主按钮,副任务的操作是副按钮,一个场景中只有一个主按钮。 例如提交和取消、保存和取消等。

4. 提示信息

输入提示:有助于用户更具体地了解如何录音。

提示:如果表单中的标记信息不被用户理解,则可以提供帮助信息以帮助用户更准确地理解标记信息。 标签前面/后面通常有帮助按钮,点击/鼠标的浮动按钮会显示带有帮助信息的弹匣; 其他还有页面帮助信息、初学者引导帮助信息等。

错误提示:帮助用户了解哪里错了,怎么做才是对的。

三、设计思路

表单设计目标:如果用户能够轻松获得表单信息,使表单信息更易于理解,更快地完成表单信息的输入任务,使用户的过程更加愉快,则需要更长的秒。 (用户体验的观点)

设计方法:通过降低用户的行为负荷,提高表单设计的用户体验。

采取行动发生的通常路径:通过视觉将信息输入大脑(视觉)大脑消化信息)的动作)。

视觉负荷:用户在画面上识别和搜索信息都是视觉负荷,信息获取越容易,视觉负荷就越低。 认知负荷:大脑处理信息时理解、思考、记忆都是认知负荷,复杂未知的信息认知负荷需要消耗大量的脑力,所以减少认知负荷的核心是减少用户的思维,甚至不让用户思考,成为大脑潜意识的认知决策。 工作负荷)用户使用产品时,如果操作繁杂、步骤过多,则可能会中途放弃。 这就是动作负荷带来的影响。 因此,在不大幅增加视觉负荷和认知负荷的情况下,可以通过减少交互步骤来降低动作负荷。 通过降低视觉、认知、动作负荷的“三手”,行为提高节点间的转化率,容易发生任务行为。

误解:有些人陷入了操作越少交互设计越好的极端设计。 实际上,比起少一步的简单操作,用户更好地阅读和理解更为重要。

补充:心理负荷也是在隐私、健康、安全、财物等特定场合影响用户行为发生的重要因素。

四、设计技巧

1. 降低视觉、认知负荷

表单的信息是视觉负荷和认知负荷的来源,因此如何设计成易于阅读和理解的信息尤为重要。

的方法是先整理信息,然后整理(该拆的拆,该合的合,该减的减),再有节奏地组织信息。

就像搬家收拾房间一样,有很多东西要整理。 我们通常先把有什么放在盘子里,然后丢

的丢,该放在一起的放一起,最后分门别类放在房间的合适位置。

盘信息:

拿到表单信息后不着急动手,先了解此表单背后的业务场景,理解每一条信息字段背后的业务价值。这是有说服力设计的核心支撑。

梳理信息:

通过拆、合、减的方法,归类组合信息。字段信息非必要就减掉,相关性高的信息放一起,梳理的目的让信息归类更符合用户认知,让信息更易被用户理解。

技巧点:

文案尽量简洁并贴合用户认知,垂直业务的文案最好是业务语境的表述。按业务场景合并包装信息,比如把复杂表单字段包装成A、B、C三个选项供用户选择,用户更容易理解和易用。

有节奏展示

信息有节奏展示有利于用户更高效获取、理解信息;毕竟如果信息像机关枪子弹一样连续涌入大脑,谁都没耐心看,并且大脑消化也跟不上。

技巧点:

信息录入先简单后复杂,先熟悉后陌生先放必填基础信息,后放选填自定义信息有前后逻辑关系试情况分步展示信息能单列展示就不用多列(从上至下或从左往右,按一个规律的视觉流信息获取更轻松)

2. 降低动作负荷

通过减少用户行为成本,达到降低动作负荷的目的;毕竟录入信息方式越容易,就更容易完成表单录入。

技巧点:

能给默认值就不让用户选;能让用户选就不让用户输;平铺单选优于下拉单选(有限选项时);输入时能智能联想就联想;能即时校验的早校验纠错。

以上是笔者表单设计的技巧,核心“三招”是通过降低视觉、认知、动作负荷,让复杂表单更易懂易录入,希望对大家有帮助,欢迎大家和笔者交流。

作者:灰机;公众号:灰机的设计笔记

本文由 @灰机 原创发布于人人都是产品经理,未经许可,禁止转载

题图来自 Unsplash,基于 CC0 协议

扫描二维码推送至手机访问。

版权声明:本文由花开半夏のブログ发布,如需转载请注明出处。

本文链接:https://www.zhangshilong.cn/work/25891.html

标签: origin
分享给朋友:

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。