信息设计
信息设计的范畴包括表单页、详情页和商业智能仪表盘。
表单页展示表单页,也就是填写内容的页面。详情页就是展示内容的页面。商业智能仪表盘也被称为仪表盘或数据可视化页,会展示图形化的数据,从而为企业的经营决策提供依据。
列表页分为三种类型:
-
服务类。
-
内容类,也就是后台编辑的内容都是要给用户看的。
-
审核类。公司内部为了方便管理,要进行一系列审核。这些审核措施既可以对业务类进行审核,也可以对服务类进行审核。审核业务化手段。
用户查看列表的步骤是:通过筛选项查找内容,这些内容会显示在列表区域。所以列表页主要分成三大区域:筛选区、查看区域和操作区。
首先是筛选区。Tab 导航必须有,并且可以分层。很多经理不用 Tab 导航,而用下拉列表来代替,通常是错误的。因为 Tab 导航可以区分不同的业务,提升工作效率,并且有很好的拓展性;下拉列表需要更多的操作步骤,效率略低。Tab 导航如果想加小红点或者数字提示也很好加。
除此之外,筛选项要基于业务目标而存在,而不是随意加入。因为每个筛选项的开发都需要时间,所以如果没有必要,不要加入过多的筛选项。
其次是查看区域。查看区域进一步细分,有三大部分:列表区域、排序功能和分页区域。
列表区域分别有三部分:识别、决策和操作。
识别:此部分的目的是让用户能够快速辨认并区分列表中的各个数据项。设计应该突出显示最能直观区别不同条目的关键标识符;辅助性识别字段的加入与否,以严格是否有助于用户快速区分和定位信息为准。
决策:此部分为用户进行比较判断和制定后续策略提供核心数据支持。应该陈列与用户决策目标紧密相关的关键指标与属性,这些字段使用户能够评估情况、发现问题或趋势,并据此决定下一步行动。通常用于筛选数据的字段也应该显示在此处,以此向用户直观反馈其筛选操作的结果。
操作:这部分直接支持用户对数据项执行管理动作,应该清晰展示条目的当前状态。状态信息是判断可执行何种操作的前提;同时应该提供直接明确的交互控件,使用户能够对条目进行编辑、下架、删除等操作。明确展示状态,避免用户在全局操作时产生混淆,是设计的一个关键细节。
排序功能是简单的设计,产品经理只需要明确有哪些字段需要排序,并且指明在默认情况下按哪个字段排序即可。
后台分页功能通常由标准组件实现,产品经理的核心职责是明确其配置规则和安全策略。从安全性和信息最优化原则出发,应该注意以下两个通用设计准则:
-
避免公开暴露数据集的总量信息。分页组件不应该显示总记录条数或总页数,以防止通过数据规模推断出敏感的业务信息。
-
限制用户遍历全部数据的能力。禁止提供直接跳转至末页的功能,以此增加通过分页操作逆向估算数据总量的难度,从而降低核心业务数据被有意或无意窥探的风险。
后台列表是为了方便业务人员快速浏览信息而设计的,所以通常是一列一字段,便于业务人员看到前面的内容。
如果列表页要展现的信息比较多,就可以支持列表区左右滑动,并固定商品图片、标题等内容;或者支持左侧导航栏折叠等,这样就可以容纳更多列表信息。
列表上还可以做一些功能,比如信息导出:通过单击导出按钮,将当前列表内容生成 CSV 文件或 Excel 文件,并下载到本地应用。
列表页是否需要导出,要依据业务需求来确定。首先要注意所见即所得的设计原则,即当前列表显示什么,就导出什么。然后要考虑安全问题,如果没有必要,不要支持大量数据导出,这样会有信息泄露的风险。
做列表页,首先要梳理业务。产品经理要先明确用户画像和业务目标,也就是明确给谁做,以及要帮对方达到什么目标。
用户画像是在用户细分基础上,对用户做的生动描述。面向 B 端的用户画像可以简略一些,只需要抽象出群体的关键特点即可。
在这个场景下,业务目标就是员工的工作,也就是目标层用例。很多工作不会写在工作职责里,这就需要产品经理对业务进行访谈、观察、实操。
处理完业务之后,就要使用用户场景或用例来梳理场景。用户场景帮助构建更具象的使用情境,增强对用户实际状态的理解。用户场景不仅是时间、环境、设备等客观要素的组合,更包括用户当下的情绪和心理状态。通过场景化的描述,设计者能够更好地建立同理心,感知用户真实需求与体验瓶颈,从而推动更有人情味和实用性的产品设计。
再然后就是设计方案。设计方案和场景分析可以交叉运用:在想到方案后,再思考场景下的应用;或者反过来,先写场景再想方案。
要设计出优秀的方案,一方面有赖于产品经理所积累的方案库,另一方面也有赖于跨部门、跨行业团队间的交叉碰撞,也就是需要集思广益。不同的方案都是在思考如何帮助用户准确决策并完成业务。
当然,在设计方案的时候,除了按照上述内容来思考,你也可以按照解决方案中提到的方法来思考。
最后就是设计页面。不仅仅要考虑用户在界面上的操作,还应该考虑用户为完成这个业务所进行的线下操作。