B端产品实战课读书笔记:第七章B端产品常用功能设计

news2024/9/27 23:26:32

目录

一、工作台

二、列表

三、搜索/筛选

3.1输入框搜索

3.2 单选/复选筛选

3.3 独立/联动筛选

3.4 其他

四、审批

4.1概念

4.2扩展功能

4.3设计要点

五、用户--角色--权限

5.1 什么是RBAC模型

5.2单系统的用户权限设计

5.3多系统的用户权限设计

六、可视化

6.1数据可视化

6.2关系可视化 

6.3时间可视化

6.4空间可视化


一、工作台

工作台一般是用户进入产品后的第一个页面,因此在有的产品中又称为首页。要做好一个工作台,最重要的就是了解用户最关心的是什么。

将工作台中常用的功能按面向用户群划分,可以分为普适性功能和个性化功能。

普适性功能是指这些功能中的数据、信息是面向大多数甚至全部用户的,具有普适性的一类功能。

 

个性化功能不是指这个功能是个性化的,只有某个用户才有,而是指这个功能所展示的具体信息、数据是个性化的,与用户一一对应,因人而异。

 

自定义工作台当业务复杂、角色多、对工作台的需求差异大时,不同功能对不同角色的价值的差异就会很大,由用户自由定义自己的工作台中所显示的功能,每个功能放在什么位置,灵活方便。

二、列表

列表是B端产品最为常见的页面形式之一,用于分条展示同类数据,主要有表格列表、卡片列表两种形式。

表格列表可以看作产品页面上简易的Excel表格,展示直观、信息量丰富。

卡片列表相比于表格列表,样式要活泼很多,主要应用于列表需显示字段少、字段内容固定、视觉样式要求高的场景中。

卡片列表最大的优势在于可以通过图片或短视频让页面更美观、丰富。

三、搜索/筛选

搜索/筛选是每个产品的必备功能,目的是让用户能更快地找到自己想要的信息。在有的产品中会把这个功能叫作搜索,在有的产品中叫作筛选,只是叫法不同,本质上是一样的。

3.1输入框搜索

输入框搜索主要应用于搜索内容非标准化的场景,如名称、正文、编号这些无法通过确定条件进行查找的内容。

1)关键字搜索or语义搜索

关键字搜索是根据用户输入关键字进行检索,如用户输入“B端产品”,则系统会把搜索范围内所有包含“B端产品”这四个字的内容全部检索出来。

语义搜索是更为复杂的搜索方式,需要语义识别、语义匹配、用户习惯分析、智能排序等人工智能领域的技术支持,这种搜索方式在C端产品中用得更多,在B端产品中用得很少。

2)聚合搜索or分字段搜索

聚合搜索是指一个输入框,可以同时搜索多个字段内容。对输入的名称、描述等多个字段进行检索匹配。

分字段搜索是将搜索精确到具体字段。

3)模糊匹配or精确匹配

模糊匹配是系统只需根据几个关键词,就会把含这个关键词的数据都显示出来,即使输入不完全,也能完成搜索。

精确匹配是只有用户把搜索内容完整输入时,系统才能正确检索出用户所需结果。精准匹配的使用场景:

[1] 对接的第三方无法提供模糊搜索接口时。

[2] 搜索数据有保密性要求。

[3] 数据量非常大。

4)实时搜索or手动触发

实时搜索是每输入一个字符就根据已输入内容进行搜索。

手动触发则需要用户在输入完成后点击“搜索”按钮或“回车键”后进行搜索。

5)加历史记录or不加历史记录

搜索的历史记录主要是方便我们间隔一段时间再次搜索同一条数据。

B端产品是否需要增加历史记录,逻辑与C端一样,就是看用户是否有在较短时间段内对同一内容搜索的需求。

当产品既有移动端又有PC端时,还需要考虑是否需要做到多端共通。

3.2 单选/复选筛选

单选/复选筛选主要应用于筛选数据是标准化的场景。如性别的男和女,就是标准化数据。

单选筛选是标准化数据筛选中最基本的筛选方式,当筛选选项互斥时,即可采用这种方式。当筛选选项较多时,我们就要在选项框中增加“搜索选项”功能。

当需要同时查看多种选项条件下的数据时,就会使用复选筛选。

3.3 独立/联动筛选

独立筛选是指每个筛选项相互独立,不会因为已选择的筛选条件而改变,这种筛选方式与用户习惯认知不同,主要应用于无法进行联动筛选的场景。

联动筛选是指会因已有筛选条件,而改变现有筛选范围,多个筛选条件是“且”的关系。

3.4 其他

1)前端搜索or后端搜索

前端搜索,是后端把所有数据通过接口一次性返回给前端,每次搜索时前端根据已返回的数据进行搜索,这样可以避免前端每次搜索时都要请求后端,重新加载、渲染所有数据,这种方式主要应用于数据量大、变动频率低的场景中。

对于变动频率高的,都会采用后端搜索,即每次有搜索请求时,都通过接口让后端在数据库中检索。

2)自定义搜索项

当系统数据量很大、搜索项很多时,我们经常需要对大多数字段进行筛选搜索,不同用户对搜索字段的需求是不一样的,使用频次也不一样,这时我们可以针对搜索项提供自定义功能。

四、审批

4.1概念

审批是B端产品中最为常用的功能之一,也是B端产品服务组织管理的重要体现。

审批模板是指审批流程的确定路径。审批单是指按照审批模板进行的具体审批任务。审批节点是审批模板中的一个环节,如在请假审批模板中,发起人、部门领导、分管副总都是其中的节点。

串行审批

串行审批是审批人按审批模板中的顺序依次审批,上一审批人审批通过后才会由下一审批人进行审批,直至所有审批人审批完成即结束,一旦有一个环节审批不通过,那么待审批信息就会退回发起人处,此次审批流程即结束。

并行审批

并行审批是指多个审批人在同一环节中进行审批,在并行审批中,需要根据业务需求定义清楚多个审批人的审批结果是“与”的关系还是“或”的关系。

[1] “与”关系:所有并行审批人员均通过才能进入下一环节。

[2] “或”关系:并行审批人中只要有一个人审批通过就可进入下一环节。

在审批功能中,串行审批与并行审批构成了审批中最基础的骨架,所有的审批流程都是这两种审批方式按不同的排列组合形成的。

4.2扩展功能

为了满足更多场景的需求,在串行审批与并行审批的基础上,通常还会增加一些与审批相关的扩展功能,常用扩展功能有转办、委托、会签、征询、协同、抄送、退回、撤回等。

4.3设计要点

需要注意的设计要点:

 

五、用户--角色--权限

在B端产品中,用户权限是非常重要且必需的功能,产品中每一个功能、每一个操作、每一个数据,产品经理都要思考清楚哪些用户具有相应的权限。目前,用户权限设计最主流的方式是基于RBAC模型的用户-角色-权限设计。

5.1 什么是RBAC模型

RBAC(Role-Based Access Control)模型是一种基于角色的权限管理模型。在没有引入“角色”前,权限都是直接与用户关联的,用户有什么权限,不在于用户是哪个人,而在于用户是什么角色。

角色的定义:拥有相同权限的用户的身份标签。

当把拥有同样权限的用户定义为一个角色后,我们只需要把用户与角色关联,当有人员变动时,只需要改变用户与角色的关联关系,而不需要每次都对具体用户进行权限设置。

根据这套模型功能的复杂程度不同,由简单到复杂又可以分为RBAC-0、RBAC-1、RBAC-2、RBAC-3四大模型。

5.2单系统的用户权限设计

单个系统的用户权限设计是指将与业务相关的功能和用户权限设置在同一个系统中的设计。当公司的各种系统不多时,我们一般会采用这种方式,将用户、角色、权限、业务在同一个系统中统一管理起来。

5.3多系统的用户权限设计

  

六、可视化

我们常用的数据驾驶舱、仪表盘,就是可视化非常好的体现。可视化也已由曾经的兴奋型需求,逐渐转变成了现在的基本型需求。

在产品可视化设计中,应用场景比较多的是数据可视化、关系可视化、时间可视化和空间可视化四类。

6.1数据可视化

数据可视化是指将产品的各类数据经过不同程度的加工、计算后,通过各种报表、图形直观地呈现出来,是产品可视化设计中最重要、应用最广泛的一类。

6.2关系可视化 

关系可视化是将不同对象间错综复杂、难以用简洁语言描述的关系用图形展现出来的方式。例如,常见的架构图、迁移图、流程图、树形图等。

6.3时间可视化

时间可视化是以时间轴的形式,将各个关键时间点的相关事项展现出来,用来体现各事项发生的先后顺序及相对计划时间的进度情况。

6.4空间可视化

空间可视化是将现实空间关系按一定比例及规则展示在平面图形上的方式,如商场楼层平面图、地铁线路图等。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/56024.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

用HTML+CSS做一个漂亮简单的音乐网站

🎉精彩专栏推荐 💭文末获取联系 ✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 💂 作者主页: 【主页——🚀获取更多优质源码】 🎓 web前端期末大作业: 【📚毕设项目精品实战案例 (10…

[附源码]计算机毕业设计springboot新能源汽车租赁

项目运行 环境配置: Jdk1.8 Tomcat7.0 Mysql HBuilderX(Webstorm也行) Eclispe(IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持)。 项目技术: SSM mybatis Maven Vue 等等组成,B/S模式 M…

基于STM32G431嵌入式学习笔记——九、IIC总线(一)EEPROM

一、基础原理剖析 先前的实验中我们都是通过程序设计语言去调用串口、定时器、引脚等硬件设备进行从0到有的功能实现,所有的指令以及数据均来自程序设计语言,而没有想计算机一样将一些必要数据存入存储器中。 IIC总线是我们嵌入式板子上进行数据传输的主…

太简单了,一文彻底搞懂Jenkins的用法

程序员宝藏库:https://gitee.com/sharetech_lee/CS-Books-Store 你想要的,这里都有! 我在前公司的某个部门做过一年CV算法工程师,部门推崇全栈式开发。换句话说,做算法,不能只聚焦于算法,要全流…

阿里云NAS存储部署简介

近期在阿里云上部署OCP需要用到NAS,其中遇到NAS无法扩容的问题,在此简单笔记。 1、部署NAS 参照github.com\kubernetes-sigs\alibaba-cloud-csi-driver\docs\nas.md部署说明,需要执行以下步骤: Step 1: Create RBAC resource …

四、伊森商城 前端基础-Vue MVVM思想Vue安装单向绑定 p21

目录 一、MVVM 思想 二、Vue 简介 2.1、安装 2.1.1、初始化vue项目 -y默认确定 2.1.2、安装上vue的2.6.11版本 三、Vue的单向绑定 一、MVVM 思想 M:即 Model,模型,包括数据和一些基本操作 V:即 View,视图&#xf…

【Docker】常用命令总结

Docker是基于Go语言实现的云开源项目。Docker的主要目标是**“Build,Ship and Run Any App,Anywhere”**。也就是通过对应用组件的封装、分发、部署、运行等生命周期的管理,使用户的APP(可以是一个WEB应用或数据库应用等等)及其运…

容器开发运维人员的 Linux 操作机配置优化建议

"工欲善其事必先利其器", 作为一个PAAS平台架构师, 容器相关技术(docker, k8s等)是必不可少的. 本文简单介绍下我自己的Linux操作机配置. 提升工作效率, 提高使用体验. :heart::heart::heart: :exclamation: 注意: 本文以CentOS 7.6 为例, RHEL7.6 操作类似. Ubuntu系…

为什么简历上不要轻易写“精通分布式”,一线大厂为什么面试必问分布式?

为什么要学习分布式? 作为一名后端 Java 程序员,我们在找工作写简历的时候除了高并发经验。一般情况下都还会写上自己熟悉/了解/掌握/精通分布式系统,所以高并发和分布式大多是成对出现的。 在某直聘网站上搜到的 Java 岗位 这么多金的一个知…

Shiro-SpringBoot (二)

在上一节中实现了在SpringBoot中使用Shiro做权限控制,但是针对上一节留下的不足点,在这里进行一下优化和改造,主要有一下几点: 支持AJAX请求支持FreeMarker模板URL拦截提取到yml配置文件 (一) 支持AJAX请求 如果是AJAX请求URL接口&#xff0…

软件外包公司真的去不得吗?

各位小伙伴们!好!啊!最近全国大部分地区都降温了,大家记得做好保暖,不要生病。 无论是应届毕业生,还是准备跳槽的测试人,都有面对“软件外包”公司的可能。有些人说进入外包公司就相当于给履历…

电子招标采购商城系统:优化传统采购业务,提速企业数字化升级

后疫情时代,电子元器件供应链发生了巨大的变化,缺货已经影响了大多数企业,电子元器件采购人员每天被“缺货”“涨价”的字眼包围着,对电子元器件企业的发展带来了极大的限制。当前,借助数字化技术对电子元器件采购管理…

[附源码]计算机毕业设计在线票务系统Springboot程序

项目运行 环境配置: Jdk1.8 Tomcat7.0 Mysql HBuilderX(Webstorm也行) Eclispe(IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持)。 项目技术: SSM mybatis Maven Vue 等等组成,B/S模式 M…

云服务器和本地服务器的优缺点分析

服务器是企业IT基础设施的命脉,可用于存放文件、应用程序、网站、员工远程访问等等。当然,选择时有许多不同类型的服务器和许多需要考虑的因素。目前比较流行的两种服务器类型是本地服务器和基于云的服务器。 本地服务器 本地服务器放置在公司的办公室中…

VS2022开发Arduino(90%转载10%原创)

先上转载链接 VS2022开发Arduino(提供Visual.Micro.Processing.Sketch.dll)_hb2cpc的博客-CSDN博客_vs开发arduino Visual Studio 2022开发Arduino详述_liht_1634的博客-CSDN博客_visualstudio arduino 其中破解部分编译出错,此处为原创&am…

RabbitMQ面试篇

文章目录1 你们为什么选择了RabbitMQ而不是其它的MQ?2 RabbitMQ如何确保消息的不丢失?3 RabbitMQ如何避免消息堆积?4 RabbitMQ如何保证消息的有序性?5 如何防止MQ消息被重复消费?6 如何保证RabbitMQ的高可用&#xff1…

计算机体系结构:分支目标缓冲(BTB)例题

题目内容 按照下表计算分支转移总的延迟,根据下面的假设,计算分支目标缓冲的性能。 (1)对于BTB中的指令,预测准确率90%。 (2)缓冲区命令率90%。 (3)不在BTB中分支转移成功的比例为60%。 题目分析 总共有四种情况: ①在BTB中且预…

DSP篇--C6678功能调试系列之网络调试

目录 网络调试 1、GE工程的研究与功能扩充 网络调试 网口测试,使用的是TI官方提供的GE网络测试例程。 主要注意的事项是:时钟的设置、相关设备的MAC地址和IP的设置、中断的设置。确定板子的port和phy。 GbE Switch Subsystem Initialization Procedure…

[附源码]Python计算机毕业设计Django计算机相关专业考研资料管理系统

项目运行 环境配置: Pychram社区版 python3.7.7 Mysql5.7 HBuilderXlist pipNavicat11Djangonodejs。 项目技术: django python Vue 等等组成,B/S模式 pychram管理等等。 环境需要 1.运行环境:最好是python3.7.7,…

bash调试方法总结

在看nginx源码实现时发现有些代码是根据不同的本地环境动态生成的,看了一下大致生成流程,基本上都是通过shell脚本调用shell脚本实现的。看到了shell脚本,就想到如何调试shell脚本,shell脚本在实际工作中运用的挺多的,…