后台表格设计中的八大常见字段类型

Recommand
佛山/UI设计师/3年前/677浏览
后台表格设计中的八大常见字段类型Recommand
伦Allen

根据多年B端设计总结出B端设计一些经验,这篇文章概述了表格设计中的常见字段类型并对其一一剖析。

表格作为后台页面中常见的组件之一,表格中的字段作为组成原子,你知道表格中的字段通常分为那些类型吗?
文章中将列举表格中常见八种字段类型并一一做了剖析,还原后台系统字段设计的本质。希望能够帮助你更好地理解后台字段设定的意义,通过对不同类型字段价值和意义的拆解,让你在对字段取舍和设计过程中更加有方向,进而可以更加快速高效地完成后台产品的设计。

一、操作型
通俗的说就是以操作型的字段作为触点,从而改变具体某一条信息的内容。操作型字段在表格中通常放置在最后一列,通过点击可以触发对应的功能;
举个例子(查看、删除、编辑、移动顺序...)
适用场景:
当表单中的信息需要操作人员一个一个进行验证操作,这时在表单中增加操作类字段,就可快速实现单条数据的删除、修改、改变顺序、状态切换等操作。
表现形式:
1、将操作直接用文字按钮形式展示;(操作类型较少时会采用这样的表现形式)
2、用表意准确的图标形式展示;(通常操作项较多时采用这样的表现形式)
3、图标+文字的形式(通常按钮业务属性比较强,操作类型较少时会采用这样的表现形式)
4、折叠部分非常用操作字段(通常表格字段较多且部分操作功能不是很常用,为让整体视觉更简洁会采用这样的表现形式)

二、状态字段

状态字段能很直观地将业务实际的情况以及进行的阶段展现出来。这类字段对决策而言是非常重要的字段,常常放在较为中间偏右的位置。
业务状态一定要处于一个范围内,而不是某一个瞬间。比如说“订单待审核”这种状态 ,系统是无法进行判断和描述的。判断一个表单是否需要状态字段,最直接的方式就是判断是否需要操作系统人员参与决策的决策点;比如操作人员录入收款金额,状态字段值就是“已收款”,未录入就是“待收款”。
适用场景:
体现表单中具体数据在动态变化中的意义,根据具体的状态临界值和状态区间,做出符合用户需求的状态展示。
表现形式:

根据不同状态值采用不同颜色进行区分(状态较多且复杂时会采用这样的表现形式)

三、序号或者ID
序号或ID作为计算机系统中最常出现的一类字段,由每条信息自动生成特定的数字序列,给系统和原本复杂的业务赋予了唯一标识。
适用场景:
实际设计过程中,这类字段最好放在表单的最左侧,习惯实际使用系统的人也会非常适应这种布局。
这类字段往往和实际的业务没有什么关系,但是不可缺少。
技术有了这个编号可以精准的对数据和信息进行定位;客服人员也可以通过订单编号快速地查看和操作你的订单信息;运营人员通过编号能提高沟通的效率。
表现形式:
1、根据不同业务需求生成的序号字段可顺序/倒序排列,以方便浏览

四、主体内容
这类字段是较为关键的字段,是表单内容的主体,最主要的作用是清晰描述表单中被管理的对象,体现表单存在的意义。
适用场景:
一般放在唯一序号ID类字段的旁边,描述一定要清晰,需要符合专业的业务情况和操作人员的认知。
比如说:订单管理的“订单编号”操作人员打开订单管理的页面,马上就能找到指定的某一条订单内容。
表现形式:
1、高亮展示,可通过点击主体内容进入详情查看页面
2、常规展示,不可点击主体内容

五、基础属性
基础属性,是指主体内容在系统内或本身具有的属性信息。
适用场景:
通过在后台呈现基础属性字段帮助决策人更好的了解内容主体的信息,使得概念性的内容名称变得鲜活具体。比如商品管理表格中爽肤水作为主体内容,那么供货价、建议零售价等,就是基础属性 。

六、关联属性
在系统中能代表其主体内容的基本属性,同时也可作为主体内容的基础属性的相关字段;
比如:当医生作为主体内容时,那么表格中可以有一些医生的性别、年龄等作为基础属性,而在主体内容为“科室”的表格中出现一个医生(科室主任)的字段,则表示该医生就是该科室主任。
适用场景:
在业务不断延展的过程中为避免数据耦合采用关联属性类的字段,能帮助系统的数据之间建立起关系和连接。

七、时间字段
时间字段代表的是内容产生的时间和变更的时间。系统内的每一个操作都是能够用具体的时间进行记录的。
适用场景:
1:内容产生
比如说:订单产生的时间、用户注册的时间、评论提交的时间,具体某个内容发布以后,管理员需要监管内容发布时间是否符合预期的时候就需要时间字段记录内容产生的时间。
2:内容变更
比如后台修改商品价格等信息的时候,就需要记录具体价格修改的时间。
3:私密性的操作
后台管理系统的用户权限,通常包含更改用户密码、为用户充值等。
表现形式:
1、根据不同业务需求选取“年-月-日”、“年-月-日 时:分:秒”两种形式展示

八、数据字段

“数字化”一直以来都是后台管理系统存在的意义所在。数据字段也是表格中最为核心的字段,是数据统计类型的字段。
适用场景:
通过系统对内部数据的对比来给管理者提供必要的决策依据。不同类型的的后台管理系统容纳的数据量常常是不一样的。数据字段对于技术逻辑要求较高,要定义清楚需要何种类型的数据,方便技术对相关数据进行埋点获取。

7
Report
|
3
Share
相关推荐
会跳舞的-花瓶
Homepage recommendation
文章内容含视频
照⽚抠3D 真的成了
Homepage recommendation
文章内容含视频
世界正在-失去⾊彩吗?
Homepage recommendation
文章内容含视频
UI-B端
UI-B端
UI-B端
UI-B端
作品收藏夹
Flyme AIOS 2.0
Homepage recommendation
内容含视频
可闻⻅-味道的⼴告牌
Homepage recommendation
文章内容含视频
怎么巧用手写连笔的特点?
Homepage recommendation
文章
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
韶音OpenFit 2+
Homepage recommendation
LOGO.LOGO. LOGO.
Homepage recommendation
相关收藏夹
UI-B端
UI-B端
UI-B端
UI-B端
作品收藏夹
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
精选收藏夹
作品收藏夹
品牌制造社
品牌制造社
品牌制造社
品牌制造社
精选收藏夹
作品收藏夹
电影海报精选
电影海报精选
电影海报精选
电影海报精选
精选收藏夹
作品收藏夹
小家电
小家电
小家电
小家电
精选收藏夹
作品收藏夹
茶包装
茶包装
茶包装
茶包装
精选收藏夹
作品收藏夹
大家都在看
Log in