您现在的位置:   首页 >> 优客智库 >> 产品设计

界面设计方法 (8):卡式、列表、主细表、树形、页签

发布人:www.yunke.ai 发布时间:2021-01-01 139 次浏览

编辑导语:在企业管理类型系统中,经常采用卡式、列表、主细表、树形、页签这五种PC端界面形式。本文作者以企业人资系统中“员工薄”界面设计为例,为我们介绍了卡式、列表、主细表、树形、页签这五种界面形式各有什么设计特点。

企业管理类型系统采用的PC端界面形式常见的有5种 (卡式、列表、主细表、树形、页签),以及以这5种形式为基础的组合形式。

确定一个业务功能采用什么样的界面形式表达的效果最佳,一般是综合了客户的业务需求、数据结构、数据数量、编辑权限等综合判断得出的。

界面是设计师展示自己能力最为重要的窗口,如何选择、规划、布局界面,直接关系到客户满意度的高低、产品客户价值的大小,细致的设计、布置这个窗口需要有客户业务知识、应用设计知识、UI知识以及**还能具有一定的软件开发知识和背景。

不论采用哪一种界面形式,以下的界面选择条件都可以作为参考:

  1. 业务需求:如果原始需求是单据形式(发票、收据、出库单等)的,可以选用卡式;如果原始需求是统计表形式就选用列表或主细表形式等;
  2. 数据结构:如果原始表单是简单的一览表,就可以采用列表、或主细表形式;如果是由多级数据构成的父子结构,就需要采用树形界面;
  3. 数据数量:当原始表单的数据量不大时,可以采用能将所有数据整合在一起的主细表形式;如果数据量大,就可以考虑分页解决,如采用主表和细表分开、或是采用多页签的形式;
  4. 编辑权限:如果权限要求非常的严格,**将数据按照权限分成不同的界面处理(如页签形式),避免在一个界面设置过于复杂的权限,这会给未来的界面维护和变更带来麻烦。

下面以企业的人资系统中的“员工薄”的界面设计为例,分别介绍上述5种界面形式的设计特点。

一、卡片式(卡式)

卡片式风格的设计比较简单,它们大多用于表达单条、且没有分级的数据类型,全部的数据只有一行。

对这样的数据设计通常不会用表达多行的“表”形式表达,而是采用“卡片”的形式表达,如图1(a),这就是卡片式界面形式的来由。

界面设计方法 (2) — 3.卡式, 列表, 主细表, 树形, 页签

图1 卡片式界面

本页面均来此互联网页面如有触犯其他或者第三方利益请联系站长删除 137865155@qq.com