我们怎么来确定一个页面到底要有哪些元素

分析页面元素

页面=元素+元素+元素++++

页面的每个信息都有他存在的意义。不是随便放上来就是对的，更不是随便抄几个产品就是好的。我们要清晰分析每一个元素，才能更合理的产出原型图。

页面元素的形成由来

那么我们怎么来确定一个页面到底要有哪些元素呢？

需求整理，页面目标

首先我们会接到一个需求，（一款针对中年人以中医养生为主的知识付费类APP）比如一个邀请有礼的活动。

假设当我们收到这样一个需求文档时：

根据基本需求、我们可以知道这是一个邀请有礼的活动，我们这里以活动主页为例子展开分析。

转换需求

1. 梳理下架构图

架构图有助于我们整理思路，清晰功能点。

2. 确立页面目的

梳理好架构图后，我们需要明确页面的目的，根据一些竞品+经验+与产品/老板/业务沟通确认。

我们可以确立首页的目的：介绍活动，刺激、促使用户，参与活动，获得奖励。

3. 分解需要元素并重组

有了目的，我们不难推导出一些相关联的元素（当然元素不是一次性就定下来的，在原型反复调整中也会修改）。

• 介绍活动：活动标题、副标题、活动时间、活动规则等
• 刺激用户：活动奖品、提取活动价值、突出送免费课程等
• 参与活动：参与按钮
• 获得奖励：奖励入口/列表

同时我们对内容进行优先级的判端。优先级的判断可以结合：用户需求、业务需求、商业目的，可以用十字交叉法。

我们可以梳理页面内容如下：（数字表示优先级）

4. 细化页面元素

根据上面的整理更加细化整合一些信息：

• 基本元素：返回按钮、邀请按钮；
• 活动信息：主标题、副标题、活动时间、活动规则、刺激奖励说明（促使参与）；
• 邀请奖励：当前邀请数、邀请奖励、奖励图片、奖励名称、奖励领取状态；
• 排行榜：用户当前排行（可增加鼓励文案）、头像、匿名昵称、排行榜邀请数量、排行榜奖品：图片、名称。

画原型

1. 参考参考竞品

找一些邀请有礼的竞品参考下，比如：

同时我们还找出共同点：见面简单，操作简单单一。