B端产品(1):表单设计的原则与技巧

访客4年前黑客文章756

随着消费互联网的红利减退,资本与巨头的目光逐渐聚焦到B端产品上,并致力于企业服务、提高办公效率等方面上。而B端产品大多涉及到了表单这一设计场景,于是本文将为大家仔细讲讲表单设计原则与技巧,希望对你有所启发。

B端产品(1):表单设计的原则与技巧

B端产品的蓝海正在慢慢打开,随着C端人口红利的减退、企业业务信息化协同的发展趋势、科学技术的进步和突破,越来越多的生产场景被挖掘出来,形成一个个既特色鲜明各有不同、又有章可循有规律可依照的B端设计案例。

在过去几年中,笔者一直在和B端审核系统、质检系统、流程管理系统、业务管理后台、电销系统、CRM等打交道;接下来笔者也将工作中积累的一些经验和思考梳理汇总,希望能够输出为有用的分享,帮助到初入B端产品行业的朋友。

B端产品的蓝海正在慢慢打开,随着C端人口红利的减退、企业业务信息化协同的发展趋势、科学技术的进步和突破,越来越多的生产场景被挖掘出来,形成一个个既特色鲜明各有不同、又有章可循有规律可依照的B端设计案例。

在过去几年中,笔者一直在和B端审核系统、质检系统、流程管理系统、业务管理后台、电销系统、CRM等打交道,现在,我计划将工作中积累的一些经验和思考梳理汇总,希望能够输出为有用的分享,帮助到初入B端产品行业的朋友。

B端产品,常用于支持各类生产业务的线上化开展,具有以下的一些特性和特点:

抽象化线下或C端产品底层业务流程和逻辑,轻量化支持,提升业务效率

辅助业务标准化建设,规范流程,沉淀业务数据,为数据财富挖掘提供可能

形成线上知识库,高效解决业务开展中遇到的问题,支持岗前培训等场景,降低业务开展门槛

一千种业务场景,就会有一千种B端需要,因此,B端产品的能力提升,常常分为两个方面:

对于业务的深入理解掌握,对于行业的了解与前瞻性思考

产品经理的核心技能:抽象与设计

在今天的分享中,我将介绍B端产品设计中最常见的一个设计场景——表单设计,介绍表单设计的一些原则和技巧,并会列举一些典型案例。

一、表单的使用场景

表单在B端产品中,是最为常见的一种信息展现方式。不论是传统行业还是泛互联网行业的产、销、供、管等场景中,都涉及到大量的业务信息和数据,表单是最为简单直观的表现载体。表单的概念并非互联网原创,在传统行业中,纸质化的表单就占据了非常重要的工具地位,B端产品通过为表单增加属性,使得一个个任务表单能够在动作-状态机中流转,就能够实现业务的线上化开展和管理。

二、表单的基本结构

B端产品的表单,常常由以下三部分构成:列表、功能和搜索。

表单设计属于B端产品页面设计中的一种,在B端产品页面中,常见的信息元素都可以划分为:展示项和操作项。在表单中,列表项常常被认为是展示项,功能和搜索归类为操作项,其中搜索又可以理解为一类特殊的操作——不对表单信息产生影响的独立操作。

1. 列表

列表是承载表单信息的主体,单一列表常展示某种状态或某几种状态的数据。设计时注意以下三点:

(1)提取信息展示的维度

列表由字段构成,但并非所有的信息字段都需要在列表中进行展示,原则上,设计时需要调研并确定:业务上针对当前表单中,需要关注的信息维度。例如在质检场景中,产品批次、抽样数量、业务员信息等,属于质检表单中应该呈现的信息,而其他更多与质检业务无关的产品属性则不需要体现和关注。列表只展示当前页面使用者所需关注信息的最小 *** ——尤其是当内容不同时会引起用户不同操作的字段,应该给出更高的展示优先级。

(2)注意排序条件和分页

常见的列表排序维度有:时间维度、处理优先级维度等。

时间维度常常使用的是列表中数据生成的时间,例如订单列表中,可以依据订单生成的时间顺序展示订单,这种设计便于用户先处理创建时间早的任务,符合现实中先到先处理的逻辑,避免压单或超时。

处理优先级维度,是指系统依据一些限定条件,为列表任务增加了优先级属性,例如处理人员相同时,可以为vip客户的订单提高处理优先级,在列表中较前的顺序展示,保证先被受理,提升客户体验。

(3)设计技巧

列表表头除了展示字段名称信息之外,本身也可以扩展一些排序的属性,例如当列表默认为依据“创建时间”顺序排列时,可以增加一个这样的设计:点击“创建时间”的列名,即可将列表切换为倒序排列。这一技巧可以很好的支持用户查看最新的列表数据,简单便捷且没有理解成本,在实际业务中非常有用。

相关文章

360°全方位表单设计指南(二)

360°全方位表单设计指南(二)

编辑导语:所有产物都离不开表单,注册需要表单、填写收货地点需要表单、报名需要表单,就连付出时都需要输入一个数字,所以优秀的表单设计对提高产物体验至关重要;作为一个填表多年的“伪表单老司机”,本日继承给...

B端UI交互界面基础组件:表单

B端UI交互界面基础组件:表单

编辑导读:在前一篇文章《B端UI界面交互基本组件-表格》中,一起进修了B端“表格”组件UI设计类型,个中包罗“基本表格”、“分屏加载表格”、“分页加载表格”;并从表格组件的需求场景、内容机关以及交互方...

B端产品日记——表单设计

B端产品日记——表单设计

编辑导语:表单在许多事情和项目中城市用到,在一个项目中,会涉及到大量的数据、信息等等,这时候用表单举办记录是很重要的;本文作者具体的先容了在B端产物设计的工程中运用到的表单设计,我们一起来看一下。...

设计师必不可少的表单设计(上)

设计师必不可少的表单设计(上)

本文将我本身踩过的坑整理出来,目标是为了辅佐那些刚迈入职场的设计师,对表单能有一个更好的相识,从而制止在事情中进入误区。 目次: 一、媒介 每小我私家糊口中,都在和表单打交道,各类表格,表单需要填...

如何设计一个超长长长长长的复杂表单

如何设计一个超长长长长长的复杂表单

编辑导语:你有没有设计过布局巨大、内容繁多的表单?在设计时有没有什么能力可以化繁为简、晋升填写者的体验感呢?本文作者为我们摆列出了表单设计中大概碰着的一些问题,而且提供了办理方案,让我们一起来进修吧。...

如何设计合适的移动端表单?5个关键点助力提升用户体验

如何设计合适的移动端表单?5个关键点助力提升用户体验

表单作为帮助用户提交数据,完成前后端数据交互的组件,是产品中非常重要的一个组成部分。本文作者结合实际案例,分享了设计移动端表单的几点思考,希望对你有用。 前段时间参与设计了一个类问卷的小工具,想总结...