B端系统交互设计的细节(b端系统设计原则)

2023-08-29 15:52:42 产品设计 0次阅读 投稿:天天向上的海豹

本文主要介绍了一些笔者在日常B端系统设计工作总结交互设计要点,多关注交互设计细节,可让系统功能实现更大价值

在B端系统功能设计中,往往会把“业务场景覆盖齐全”、“功能逻辑完善”、“投入产出成正比”放在优先考虑梯队,而“交互设计往往会因为投入成本高、影响面较小等问题被忽略。因为对业务系统而言,“让业务跑通”似乎理应优先于“让业务跑得更快”。另一方面,有时候在技术设计上也会为了更好的系统性能,从而牺牲一些良好交互体验

但是,良好交互设计不仅能提升用户使用体验,还可以提高用户工作效率,甚至可以节约IT的运维成本同样可带来较高的价值

再者,有许多交互设计细节实则耗费极少的开发成本即可实现,所以在功能设计初期或优化阶段,我们都应该多关注如何利用交互设计细节,让系统功能实现更大价值

下面,从三大方面阐述了一些B端系统交互设计细节要点:

一、更流畅的“输入体验

1. 智能默认

为表单字段设置默认值是减少用户工作量的有效措施,我们可以想象用户输入填写一张几十个字段的表单,若每个字段都需要用户逐个输入,那将是一件很消耗耐心的事情。

设置默认值的要点有以下两点:

2. 业务规则卡控提醒

“卡控校验”虽说会阻断用户的后续步骤,但却是提前识别异常数据规范用户输入的有效管理手段,也可以说是保存单据时必不可少的一环。

但是我们可以思考:如何让”卡控校验“发挥本职作用同时,又可以让用户感到”智能“而非”阻断“呢?

下面列出了两种卡控提醒的常见形式,可根据使用场景选择合适的方式

输入文本提醒适用文字较少的通用规则

输入后弹窗确认适用用户较难自行判断的问题,需要系统提供详细提示信息指引用户修改

3. 智能推荐

智能推荐在C端产品的应用十分广泛,不过目前在B端系统的应用相对较少,但该技术其实可以有效地节约用户输入/搜索时间。

例如,当用户在订单系统录入销售产品时,若将能将该用户常选产品or近期销量较高产品展示在前排,则能帮助用户更快速完成这一步骤

4. 自动识别文本

用户粘贴一段长文本系统自动将其识别拆分填入对应的字段,该场景在单据输入环节十分常见,例如地址信息识别联系姓名电话识别产品信息识别等。所以,对于一些组合信息需被拆分成多个格式化字段的表单,在需求调研时,需充分了解用户获取信息来源的习惯,若用户收到的信息常是一段文本并可通过一定规则实现自动识别,则可考虑添加该功能

5. 批量导入

对于一些以“行”为结构的表单信息,常常需要支持“导入”功能。可以通过了解用户获取信息的来源,以及编辑信息习惯,了解其是否需要该功能

在订单系统中,企业客户常常通过EXCEL表格传递订单的产品信息例如产品型号、数量、价格、发运日期等,所以对录入订单的用户来说,支持直接导入EXCEL表格录入单据信息无疑是十分提效的功能

同时,做导入功能有以下两个值得注意的点:

6. 批量填充

对于表单信息,还有一种提效的举措,就是“批量填充”,也就是将某列的所有行一次性填充同样的值。填充操作交互上可以是右击某个单元格,又或者是一键填充等等。而填充方式上也可以有多种选择例如

二、有效减少运维的“指引提示

1. 消息提醒及消息盒子

对于用户操作的消息提醒大致可以分为以下几类:

第一类用户输入内容后,“消息提醒”立即固定展示界面直到用户输入正确内容消失

此类交互一般适用文本较短且内容比较固定提示例如:请输入正确电话格式,XX比例不能超过10%等等

第二类用户提交单据后,“消息提醒”必须等用户确定后,才允许用户进行下一步操作

此类交互一般适用于对后续流程影响较大的内容且必须有用户决定

第三类用户提交单据后,“消息提醒”会闪现几秒,接着会自动消失

此类交互一般适用于偶发性的系统报错

下面,我们来看看什么是“消息盒子”。对于上述第三类“消息提醒”,用户享受无需手工关闭“消息提醒”的便利之余,可能会有一个困扰,那就是来不及看完提醒复制提醒,“消息提醒”就自动消失了。这时候如果有一个地方可以查看历史的消息提醒那将更便于用户追溯历史提醒。所以,才有了下图的“消息盒子”,它的主要作用就是让用户可以查看/复制历史的消息提醒

2. 界面操作指引

上述的“消息提醒”是针对用户输入后”的提示,而“界面操作指引”则是针对用户输入前”的提示

界面操作指引对新用户尤其有帮助,因为当用户进入到一个从未操作过且较为复杂界面,会无从下手,不知道先从哪一步开始。

常见的界面操作指引一般有“静态文本”和“动态指引”:

3. 加载提示

界面数据量较大或者系统性能稳定时,容易出现界面加载较慢的问题,这时候如果在界面出现进度条、loading图标等加载提示,可以避免用户误以为是功能失灵

当然,如果加载提示方式可以更有趣一些,相信用户的烦躁度也会降低一些。

三、提升工作效率的“界面展示

1. 简化界面

B端系统的单据往往需要录入数十个字段信息,所以容易导致界面冗余,影响界面美观性的同时也会影响用户操作效率。下面列举了一些常用的简化界面方法

伸缩展示

为了让用户可在一个界面查看更多信息同时不让界面显得拥挤,可以将部分信息选择隐藏”,即触发某个地方展示部分信息

例如,下图是订单系统的订单列表,我们将订单信息区分为“订单头信息”和“订单行明细信息”,由于明细信息较多,所以我们可默认展示部分信息,当双击订单头信息时,再在下方展示出其对应的明细信息

智能显示/隐藏

首先针对部分存在依赖关系的字段,可利用它们的绑定关系设计智能带出或隐藏逻辑例如若“递送发票地址”为“线上“,那么“递送发票地址(省市区)”则无需填写,但是“递送发票邮箱”必须填写。所以,我们可设计为当填写了“递送发票地址”,再智能带出其余需补充的字段。

其次,针对不同业务需求,对部分字段做”显示范围“的限制。因为多个业务可能是共用一个表单,但是不同业务需要填写内容会存在一些差异假设A业务无需收集b字段信息,那么A业务填写表单时,界面隐藏b字段。

3. 个性支持

考虑到每个用户操作习惯不同,所以系统设计少不了个性支持功能

例如列表视图用户常常会希望根据工作习惯定义列表的字段排序,所以我们可以提供对应的自定义视图功能

满足用户个性需求,便能助力用户更高效地操作系统

4. 快速定位

用户想快速定位某个信息时,必须用到“搜索”相关功能,那么除了最常见的搜索栏,还有以下几个能帮助用户快速定位实用功能

声明:互联网产品经理网所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流。若您的权利被侵害,请联系137865155@qq.com