[交互设计]toB型产品首页设计模式分析

前言

关于后台型的系统，功能复杂，入口繁多。我们常常会需要一个功能和业务集成的首页，提供产品的业务概览、信息汇总、快速入口等。做了众多的后台型系统的首页设计，从多个case中大体可以总结出下面三种首页模式，从「业务-功能」的角度，希望给设计师们提供另外一个维度的设计思路。

类型一：多功能集成

1.信息维度

（A总-B总-C总-D总~n总）

首页分别有n个不同业务模块的总览或概览。

2.系统定位

这中系统是比较典型的，A业务模块、B业务模块、C业务模块等n个功能模块集成在一起的系统。首页的设计就会从n个业务模块中抽取出概要信息在首页进行展示。首页的特点是信息模块划分清晰,每个功能模块单独的快速入口进入到相关模块当中。

3.表现样式

数据总数/比例的统计、列表、文本卡片

4.示例

图1.1

图1.2

类型二：单业务-单功能

1.信息维度

A总-A分

（首页只展示A功能或A业务维度的总览+详细内容）

2.系统定位

这种系统一般都只有一个核心的功能维度。采取「总 - 分」结构，首页常规信息布局分为两大块，一是关于A功能的信息汇总和数据统计，二是关于A功能的更详细的信息披露。

3.表现样式

数据总数/比例的统计、列表

4.示例

图2.1

图2.2

类型三：单业务-多功能

1.信息维度

A总-A总-A总~nA总

（从n个不同维度去对A业务场景进行统计或概述）

2.系统定位

这种系统一般都只有A这样一个核心的业务场景，但是会对应有针对该业务的多个功能维度。因此，首页采取对这个核心业务进行不同功能维度的数据展示或功能入口的方式，并且常常在首页中几个信息模块彼此有关联。

3.表现样式

数据总数/比例的统计、关联列表、实时数据变化

4.示例

图3.1