按照场景划分页面，其中上线功能是在一个单独场景下的;查看历史活动数据和手动下线是在另外一个场景下。所以，至少有两个主页面：上线和活动列表页，活动列表页包括数据查看的子页面。

　　因为功能比较简单，页面功能点和架构图就一起完成了。在大多数情况下，确定了功能点之后，架构图也就顺理成章的出来了。

　　第三步：设计每个页面的原型

　　1、确定每个页面包含的功能模块

　　活动列表页包括活动检索功能、活动列表、数据查看的入口。

　　2、确定整体的布局

　　检索功能放在右上角，符合用户操作习惯;

　　活动列表在页面中间;

　　数据查看入口有两个，点击活动名称和操作栏的“查看数据”按钮。

　　3、确定每个功能模块包括哪些元素

　　检索功能包括输入框、提示文字和查找按钮;

　　活动列表包括活动名称、图片、文案、上下线时间、渠道、城市、PV、点击、操作栏。

　　确定每个模块元素的重要层级，比如说活动列表里最重要的是活动名称，渠道信息比城市更重要等等。

　　接下来，将元素按照布局摆放好，利用顺序、字体颜色来突出或弱化某些信息，最终完成原型设计。

　　第四步：设计check

　　后台产品的功能有些会很复杂，虽然说后台用户比较有耐心，但最好可以在交互设计上降低使用成本，也减小后期培训压力。

　　所以最好自己按照原型设计走一遍，或者找目标用户做可用性测试，确定有哪些操作、哪些文案是用户可能会懵逼的，进行修改，或者加说明文字、使用帮助。