如何设计B端产品的总览

大家如何设计B端产品的首页，本文参考了腾讯云与阿里云的首页设计，但这两种产品的设计，都是基于商业化产品的设计目的，我做的平台是工具平台，持续作用于内部，并没有商业化的计划，所以本文主要介绍工具平台的首页设计。

如何设计首页，我查了众多资料，发现市场上大多是介绍C端的产品主页，对b端产品的介绍比较少，所以本文计划以首页设计的形式，首页的内容指标，分角色、分不同权限的使用差别来介绍。

设计之前，先统一一个核心价值，首页设计不是我们的首页，不是展示品牌的首页，而是设计给用户看的，为了更直接有效的触达用户，为了给用户提供更高效的工作效率和降低他的工作成本。

如何设计，考虑到产品的设计，需要对用户进行访谈，了解用户的使用场景，分析用户对平台的期望。

产品门面的角度而言，首页可以作为一个数据平台，从产品价值与效率的角度来讲，首页可以作为一个工作台，产品业务架构的角度来讲，首页可以作为一个对导航页的补充。

一些设计首页的原则

首页尽量只占一屏，不要有滚动条

首页的设计核心是帮助角色快速触达业务

设计首页的内容板块时，最好要有内容标题，复杂内容要有tips提示

首页更加适合以图表格式展示，

首页上半部门一般显示数据，下半部门一般展示快捷功能和功能导航，

一般进行设计时，尽量聚焦到角色的日常工作中。

产品首页的常用设计板块主要包括几个点：数据展示、图表内容展示、功能导航、快捷功能、个人信息、内容包括资讯和通知信息。

数据展示

数据一般是公司管理层比较关注的业务运营数据和公司管理数据，数据展示时，数据相对独立时，一般采用图标加文字的方式，数据较多时，一般采用折线图，一定要选择符合数据特征的图像。

内容展示

内容一般包括资讯和通知信息和公告，一般展示在首页。

功能导航

一些高频使用的功能可以考虑使用在首页，设计方式以图标为准。

个人信息

一般设置在导航栏

快捷功能台

设计的目标是要用户快速触达功能和业务，提升用户的效率，该功能的设计不宜复杂，操作可以在工作台完成即可，尽可能简化设计。

视觉

保持整洁和简单即可，与整体导航风格保持一致，不能抢占导航的视觉中心。

再次重申，首页设计的意义是提高角色的效率，使客户快速触达业务。