知识分享

  • 首页
  • 市场分析
  • 需求分析
  • UI设计
  • 产品运营
  • 产品设计
  • 项目管理
  • 新玩意儿
不积跬步无以至千里
不要停留,欣赏沿途的风景
  1. 首页
  2. 产品设计
  3. 正文

界面设计方法(5):表单功能的设计

2021年1月8日 273点热度 0人点赞 0条评论

编辑导语:在前几篇系列文章中,作者已经为我们介绍了界面的概念与分类、活动功能、字典功能以及看板功能的设计方法。在系列文章的最后一篇,作者为我们精心总结了表单功能的设计流程,相信认真看完这五篇文章的你,一定会有所收获。

表单功能,是4大业务功能(活动、字典、看板和表单)中的最后一个。

它是各类订货、收货的凭证,是企业月度、季度和年度统计、分析的重要参考资料,是国家、企业等指定要打印、盖章交付和保存的重要形式;同时也是企业经营管理者最为常用的资料形式,领导直接用界面进行查询、分析的比较少,用固定格式的表单资料比较多。

因此,表单功能是企业从经营层、管理层和执行层都非常重视的一种功能形式。

另外,具有打印要求的表单功能与其它三种用窗体形式表达的功能(活动、字典、看板),除在用途上的不同以外,在编码实现的技术方面也不一样。

一、表单功能的概念

1. 表单功能的定义

  • 表单:主要是用纸质形式为载体(包括电子版)展示数据的形式;
  • 表单功能:表单有两种的代表形式:报表和单据。通常将常用的报表类数据(表)、单据类数据(单)用固化的格式展示或打印。一般在表单上不直接设置操作功能,也不用于输入数据,表单功能具有以下的一些的特点(以下简称为:表单)。

1)粒度

每张表单内容都是根据表达的题目而确定的,粒度决定的参考建议:

  • 用户需求:在一张表单上呈现哪些内容主要是由用户确定的,单据类会比较简单,报表类会比较复杂。
  • 系统需求:从开发实现的角度看,一张表单上表达的内容过多、逻辑过于复杂,有可能造成日后对表单内容的维护困难,因此内容和维护要适当平衡。

2)功能

表单是用来展示具有固化格式的数据,主要有两类表达形式:报表形式、单据形式。

  • 报表形式:通常展示的是多条数据,针对某个题目,将系统中某个时间段内符合条件的数据进行抽提、加工、形成分析报表。如:成本分析、销售排名一览、财务月报等;
  • 单据形式:通常展示的是单条数据,表现形式也大多为卡式、列表,常见的使用场景有:发票、收据、领料单、工资条等。

图1 报表与单据的示意图

3)作用

选择表单功能作为数据处理结果的输出形式,主要有两个理由(不限于此):

  1. 保存与盖章:数据需要用纸打印出来、纸质保存、纸质提交、并要盖章等的场合;
  2. 处理与观看:完成某个统计分析表,涉及到繁多的数据源、复杂的数据逻辑、多重的计算处理等,其结果用窗口的界面形式表达非常复杂场合,同时这样复杂的资料打印在纸上更容易阅读、分析。

2. 表单功能的特殊性

表单功能与活动功能和看板功能的异同之处:

1)表单功能与看板功能

两者的重要区别有两个部分:

  1. 表单形式用于打印(格式是按纸张尺寸设计的),看板形式只用于屏幕展示。
  2. 表单用于固化、静态形式的展示,看板用于动态/静态以及多种查询形式和展示。

2)表单功能与活动功能

  • 单据:通常与活动功能是“一对一”的关系,比如:用活动功能的“领料记录”输入了领料的数据后,直接在该界面上打印了“领料单”,所以是一对一的关系;
  • 报表:通常是用多个活动功能记录数据、经过复杂的多重计算后获得的。

二、表单功能的设计

表单的格式要求大都来自于用户(用户根据自己常年的习惯、或正在使用的实体表单等为依据提出格式要求),完全由设计师提供参考意见的场景不多,所以设计师不需要太多地考虑设计理念的问题,主要注意一下复杂度和维护成本之间的关系就可以了。

表单设计从三个方面考虑,即:展示对象、展示目的、展示内容,下面用报表类和单据类各一例说明表单的设计方法。

1. 报表类表单

1)格式的选择

报表通常都是由从事某个业务的用户对象根据该业务的要求提出来的,报表是用户查看数据的重要形式,所以报表的原型确定需要与用户进行细致的协商,最好要符合用户的日常习惯,通常业务设计师在报表功能设计时自由发挥的余地不太大。

参见图2,报表中的数据量比较大,一般是多条数据的集成。

图2 报表类表单示意原型

2)抽提条件的设定

报表的数据在抽提时,需要借助一个条件设定界面,参见图3。比如:数据的抽出条件通常有时间、部门、产品名称、规格尺寸等。

图3 数据抽出条件的设定界面

2. 单据类表单

1)格式的选择

单据类的原型比较简单,由于是单条数据的输出,所有常见的原型形式为卡式、列表式或是主细表式。同报表一样,单据的形式也是以用户的意见为主设计的。

图4 单据类表单示意原型

2)抽提条件的设定

一般来说,单据类表单的打印按钮设置在记录该单据数据的活动界面上,这样就不需要条件设定的界面了,参加图4。

在图4(a)“合同签订”界面上设置了“打印”按钮,在一个界面上就同时可以完成输入数据、打印“采购合同”单据工作,参见图4(b)。

从这个案例还可以看出,对应与1张表单功能,需要用有2个功能来对应,项目经理在统计设计工作量时要注意。

    • 活动功能:输入数据用的活动功能“合同签订(界面)”,图4(a);
    • 表单功能:展示数据用的表单功能“采购合同(单据)”,图4(b)。

可以看出活动和表单两个功能的名称不一样,这是因为活动的名称通常使用“名动词”,表单的名称使用“名词”带来的。

三、应用设计

由于表单不是窗口形式的界面,只有数据、格式等内容,所以表单不需要特别进行应用设计,业务设计的结果(数据的构成、界面布局等)与开发完成后的效果应该是一致的。

四、记录模板

表单设计结果的记录形式也采用“设计4件套”的模板,请参考本系列第二篇“活动功能的设计”相关部分。

五、小结

4种业务功能(活动、字典、看板、表单)的设计方法介绍完了,关于设计难度没有统一的标准可供参考,由于这4种功能有很多的差异不容易直接进行比较。

这个评估涉及到项目规模、业务与技术的复杂性以及设计师能力定义等内容,作为项目经理/产品经理对资源进行调配时的依据提出一些参考建议(仅作为参考)。

1. 看板

需要能够从企业的不同视角(组织、岗位、领域等)来理解如何充分地利用数据、信息向用户展示。

企业领导层、管理层都会特别关注看板的设计,因为这是他们的重要信息获取来源之一,设计看板不但需要有业务知识、还要有一定系统知识、美工知识等。

2. 表单

复杂表单的设计对业务能力要求较高,它的数据来源会非常的多、计算公式复杂且可能需要多重计算才能得到结果,如果是二维的表格,字段数、计算式以及对结果的测试等工作量都会很大。

3. 字典

需要对企业的业务知识、基础数据、标准化方法、字典设计方法等有比较丰富的知识和经验,初学者比较难以胜任这个工作。

4. 活动

活动的设计工作量是最大的(可能在70%以上),但由于它以输入原始数据为主,不需要很多中间的复杂计算和处理,因此相对来说难度会小一些(它的特点是承载着管理规则)。

参考结论,4种功能设计难度的参考顺序为(从高到低):看板>表单>字典>活动。

参考阅读:

界面设计方法(1):界面的概念与分类

界面设计方法(2):活动功能的设计

界面设计方法(3):字典功能的设计

界面设计方法(4):看板功能的设计

 

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

题图来自 Unsplash,基于 CC0 协议

给作者打赏,鼓励TA抓紧创作!

标签: 暂无
最后更新:2021年1月8日

小虾米

同理心,洞察力!

点赞
< 上一篇
下一篇 >

文章评论

razz evil exclaim smile redface biggrin eek confused idea lol mad twisted rolleyes wink cool arrow neutral cry mrgreen drooling persevering
取消回复
最新 热点 随机
最新 热点 随机
组件详解|级联选择、树形选框、穿梭框,用法有什么区别? 年轻人为什么都在小红书上“看病”?网红医生靠谱吗? 用C端经验做B端产品,需要考虑客户的整个体验旅程 外呼不通?如何排查 迈向数字化产品经理的10个工具:如何抽象具体的一个业务? B端系统设计5要素,一学就会! 跨境电商亚马逊SP广告知识(1) 整个VR行业,都在指望着明天的苹果发布会 电商巨头,掀起“清库存”大战 大厂SaaS平台的7个真相 抖音盯上小红书?防御即是增长 懂行业对产品经理发展的重要性 店铺优惠券管理及用户使用流程说明需求文档 直觉的力量|超越可用性的设计 618前瞻:电商平台的GMV之争,将变成低客单火拼 干货分享:跨境电商海外仓OTWB的基础资料管理与分发 扎克伯格“截胡”苹果,但好像没什么用 自动驾驶风口退潮的深层逻辑 都在骂网暴,为什么网暴一直没有停过 产品思考:视觉冲击!以图片展示金额,“省钱卡”这样玩就对了
被集市收割、被买家嫌弃,“摆摊后浪”有点惨蓝领用工招聘平台的数字化建设思路干货分享:WMS系统—PDA的应用iOS 17,能否守住「iOS神话」?系统功能设计:网络加速器系统产品需求设计电商扫盲第一讲:GMV的底层逻辑打造一个基于本地社区的闲置交易平台,你看好吗?东南亚出海洞察:去东南亚为直播电商开荒,没有超头主播,货品供给不足……定金+尾款模式背后的套路天涯老用户的自救,让我明白情怀是最不值钱的东西抖音上线酒店日历房,其他平台会慌吗?从需求到设计开发,产品质量问题如何分析靠咱们看腻的电视剧,爱奇艺和腾讯在东南亚成了顶流如何让你的“对内B端产品”看起来有价值?设计走查知多少产品思考:视觉冲击!以图片展示金额,“省钱卡”这样玩就对了多多买菜为什么比美团买菜要便宜?都在骂网暴,为什么网暴一直没有停过韩国漂流记:明星在面前,咖啡在手里,中国互联网公司在广告墙自动驾驶风口退潮的深层逻辑
出海SaaS闲谈|Onboarding 新手引导 三个步骤,教你写出高质量的硬件产品需求文档 医疗——处方规则 为什么说互联网正在腐烂 2023,到哪里去寻找增量?丨抖音VS快手电商篇 “三句话让男人花了18万”的她,如何成为700万人围观的“说唱教母” 为什么互联网产品大多取消密码注册,保留手机验证码注册? 向中年投资人贩卖焦虑,才是真正的财富密码 电商正在蜕变 如何用产品思维入门产品经理? 经济下行第一剑,互联网巨头先“斩”曲库 电商后台:采购管理模块 疯狂的五一,旅游业“干完这票、回家养老”? 迷上玄学测试的年轻人 为了帮你刷视频,设计师们操碎了的心又操碎了一次 微信豆、直播打赏、抽奖、连麦、等重磅功能更新,微信沦为娱乐工具? Axure高保真教程:中继器表格寻找和标记数据 微信VS抖音:谁能真正攻入对方腹地 产品经理是如何当“后爸”的:如何快速接手别人的产品 “以客户为中心”规模化:让以客户为中心成为你团队的基因

COPYRIGHT © 2023 知识分享. ALL RIGHTS RESERVED.

Theme Kratos Made By Seaton Jiang