主页设计（后台首页应该如何设计）

在后台产品中，主页实际上是一个非常重要的功能。系统主页相当于产品的外观。登录后，用户将首先看到系统主页，然后才能看到其他系统功能。然而，在许多产品中，尤其是内部使用的背景产品中，很容易忽略它。实际上，b端产品的主页设计相对困难，因为很多时候，不需要指出主页的功能。更常见的情况是，产品经理需要根据产品和业务的价值来判断主页应该包含哪些内容，而b端产品和C端产品在主页上的设计是非常不同的

C端产品可以使用数据来验证和优化主页的设计。b端产品不适合，因为用户数量较少。对于业务系统，主页通常显示两种类型的角色：领导者和普通员工。领导概述公司、部门和业务的整体情况，员工主要关注自己部门的工作和业务

在设计主页时，领导和普通员工的显示界面会有所不同

，但并非所有系统都会区分领导和员工的首页，例如OA，财务报销制度和舆论预警制度。头版不会区分领导者和普通员工。根据背景系统的类型，你看到的首页是相同的，它可以分为：

最后，这些系统的一些原型将在设计前展示，尽可能多地进行用户访谈，深入每个角色的场景，分析其业务重点和痛点，并了解客户对产品的每个角色的期望

1）整理业务和功能架构

主页和导航共同构成产品的外观。在设计主页之前，我们需要完成业务和功能的架构设计以及导航栏的设计，并从重要信息获取的角度，根据整个产品的架构，明确主页的核心需求，主页可以显示一些重要的内容信息；从产品外观价值的角度来看，主页可以用来显示一些数据；从产品业务架构的角度来看，主页可以作为导航栏的补充；从产品效率的角度来看，主页可以作为一个工作台使用

3）关注业务本身

在设计产品主页时，我们首先需要结合角色和业务来确定主页的显示内容

优先考虑所有角色的共同和重要内容，选择角色高度关注的数据，关注角色高度关注的业务，细化角色经常使用的功能，设计快速功能区

4）标准化排版设计

选择功能和数据后，开始设计内容的排版风格。B端产品的首页通常采用卡片布局。卡片布局的优点是，可以方便地安排和组合各种类型的内容

在设计主页时，需要以合理的方式呈现各种显示内容，通过上述分析，在后台主页中测试一个人从不同角度分析和组合信息内容的能力

，主页通常由以下类型的模块组成，这些模块根据实际业务情况进行选择和组合。数据、内容模块、quick workbench、功能导航、个人信息

1）数据模块

数据模块可以从总体指标、业务变化、，业务分布和业务转型：

所谓核心指标是指每个用户最关心的业务中最核心的数据

用户登录系统时，需要在第一时间查看核心指标。通过对数据的分析，可以整体安排后续工作。因此，核心指标既需要及时性，也需要整体规划。

常用的显示形式是统计卡片：

业务变化和趋势

通过对业务趋势的分析，我们可以检查公司业务的一致性。通常情况下，通过直观的数据趋势来查看一定时期内的业务变化趋势，我们可以发现问题并分析对策。通过观察变化节点，结合行业趋势和公司实际经营状况，找出业务增长规律和业务减少原因，为后续业务的发展提供方向显示形式为折线图和从折线图衍生的相关图形：

此外，核心数据指标的变化通常直接通过变化率或变化量来显示：

业务分布统计：

通过对业务分布的分析，我们可以大致了解公司业务的分布情况，可以根据渠道、业务线和来源的维度进行分析。通过分析每家企业的分布情况，可以发现企业的优势和劣势。对于优势业务，继续保持。关注薄弱业务

常见的表现形式包括条形图和条形图：

业务比例统计：

业务比例和上述业务分布是为了查看现有业务的布局

当然，两者有不同的侧重点：业务分布主要是为未来的布局做准备；业务比例主要是分析现有业务。因此，在进行数据分析时，我们需要将分布和比例两种方法结合起来，从而得到一个全面的内容。

常见的显示形式是饼图：

区域分布统计：

通过区域数据分析，我们可以了解区域分布：首先，我们可以了解现有业务的实际数据，第二，我们可以帮助进行战略布局一般来说，地理分布的需要就是战略布局的需要。因此，在设计时，我们通常会考虑销售量、人数和销售量等指标。常见的表现形式是map:

业务转型：

通过业务转型分析，我们可以了解不同阶段的转型，并优化异常路径

例如，在CRM系统中，将进行成员生命周期分析。在互联网行业，将进行客户路径分析。业务转型图可以直观地了解哪个环节有问题，从而提出更有针对性的优化建议

常见的显示形式是漏斗图：

排行榜和其他数据：排行榜显示了排名前十的商品销售/分销，排名列表的显示形式通常是一个表格：

2）内容模块的内容是指信息、通知消息、公告等，通常以列表的形式显示在主页上。信息通常用于协调布局，其价值非常有限。通知消息和公告等重要信息更适合在导航栏上设计

如果需要显示内容的详细信息，可以考虑在主页上设计

quick workbench:这是角色重要功能的简化版本。设计目标是让用户能够快速触摸功能和业务，提高用户效率。此功能块需要根据角色的业务进行设计。在这个功能领域，不容易设计太复杂的功能，设计应该尽可能简化

快捷工作台的功能应该是角色的高频或日常使用的功能，比如今天CRM系统的回访客服和OA的审批内容。功能导航：如果系统有许多功能，可以考虑在主页上显示一些重要或高频功能的导航，作为导航栏的补充。设计，更适合图标形式的个人信息：它被用作显示登录帐户信息或帐户主题信息的一小部分信息。当导航栏中没有空间来识别当前登录帐户信息或主题信息，但用户需要通过这些信息来区分角色时，个人信息部分可以在主页上设计，主页相当于本产品的外观，背景产品也不例外。背景产品的主页设计测试了产品经理总结和专注于提炼的能力，要求产品经理对产品价值和业务有深入的了解，并做出决策和判断。

注：你可以更多关注一些设计网站，积累设计材料，拓展设计思路

作者：小武产品，个人微信：武红377

本文最初由@Xiao Wu product records发布。每个人都是产品经理。未经允许不得转载

图片来自unsplash，基于cc0协议