在设计之前，尽可能进行用户访谈，深入每个角色的场景，分析其业务重点和痛点，了解每个客户角色对产品的期望。

1）梳理业务和功能架构

主页和导航共同构成了产品的外观。 在设计首页之前，需要完成业务和功能架构设计，以及导航栏的设计，并根据整个产品的架构明确首页的核心需求。

2）价值和效率驱动

从重要信息获取的角度来看，首页可以用来展示某些重要的内容信息； 从产品门面价值来看，首页可以用来展示一定的数据； 从产品业务结构来看，首页可以作为导航栏的补充； 从产品工作效率的角度来看，主页可以作为工作台。

3）专注于业务本身

在设计产品首页时，首先需要结合角色和业务，最终确定首页的展示内容。

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

4）标准化布局设计

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

2、设计思路

在设计主页时，需要合理地呈现各种显示内容，这考验一个人从不同角度分析、组合信息内容的能力。

通过以上分析，在后台首页中，首页一般由以下几类模块组成，根据实际业务情况进行选择和组合。 数据、内容模块、快速工作台、功能导航、个人信息。

1）数据模块

数据模块可以从整体指标、业务变化、业务分布、业务转型等维度分析提炼核心指标：

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

用户登录系统后，需要立即查看核心指标。 通过数据分析，可以协调安排后续工作。 因此，核心指标需要既及时又协调。

常见的显示格式是统计卡：

业务变化与趋势

通过对业务趋势的分析，我们可以检查公司业务的连续性。 通常，我们会关注一定时期内的业务趋势。

通过直观的数据趋势，我们可以有针对性地发现问题并分析对策。 通过对变化节点的观察，结合行业趋势和公司实际经营状况，找出业务增长的规律和业务下滑的原因，为后续业务发展提供方向。

常见的显示形式有折线图以及由折线图派生的相关图形：

另外，核心数据指标的变化通常直接用变化率或变化量来展示：

业务分布

业务分布统计：

通过业务分布分析，我们可以了解公司业务的分布情况。

一般情况下，可以按照渠道、业务线、来源维度进行分析。 通过分析各个业务的分布，可以发现业务的优势和劣势。 聚焦优势业务并持续维护。 着力改善薄弱环节。

常见的显示形式有柱形图和条形图：

业务占比统计：

上述业务比例及业务分布均基于现有业务布局。

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

常见的显示格式是饼图：

地理分布统计：

通过区域数据分析，我们可以宏观了解区域分布：一是可以了解现有业务的实际数据，二是可以帮助战略布局。

通常是有地域分布的需要，这就需要战略布局的考虑。 所以我们在设计的时候，一般考虑的指标就是销量、人数、销售额。

常见的显示格式是地图：

业务转换：

通过业务转化分析，可以了解不同阶段的转化情况，优化异常路径。

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

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

排行榜及其他数据：排行榜显示排名靠前的对象，如TOP10产品销量/发货量等，以及TOP5舆情新闻。

排名的格式一般是表格：

2）内容模块

内容是指信息、通知消息、公告等，这些内容一般以列表的形式展示在首页上。 信息一般是起到协调布局的作用，其价值本身就非常有限。 通知消息、公告等重要信息更适合设计在导航栏上。

如果需要展示内容的详细内容，就会考虑设计在首页。

快速工作台：是角色重要功能的简化版本。 设计目标是让用户快速访问功能和业务，提高用户效率。 该功能部分需要根据角色的业务进行设计。 在该功能区域中，不易设计过于复杂的功能，应尽可能简化设计。

快速工作台的功能应该是角色经常使用或日常使用的功能，例如CRM系统的客户服务今天的退货以及OA要审批的内容。 主要类型有待办事项、流程进度等。

功能导航：如果系统功能较多，可以考虑在首页显示一些重要或常用功能的导航，作为导航栏的补充。 设计上，更适合图标形式。

个人信息：是显示登录账户信息或账户主体信息的一小段信息。 当导航栏中没有剩余空间来标识当前登录账户信息或主体信息，但用户需要利用这些信息来区分自己的角色时，可以在首页设计个人信息栏目。