关于前端页面（产品经理该如何理解、设计）

关于前端页面（产品经理该如何理解、关(guan)于该何设计）

前端页面，前端既包括营销类页面，页面也包括功能类页面。产品我们要针对不同页面的经理特点以及用(yong)户心理，准确地理解前端页面(mian)设计的理解(jie)要素与重点。

在福格行为模型中，设计 福格认为要使人行动起来，关于该何三个要素必不可少：

充分的前端动(dong)机；完成这一行为的能力；促使人们付诸行动的触发。

这三要素缺一不可，页面(mian)否则用户无法跨过行动线的产品门槛。

通常我们定(ding)义前端页面的经理作用在于：让用户通过自(zi)主的行为，满足其心理预期。理解要想让用(yong)户行动起来，设计需要有相应地对客前台页面去承载。关于(yu)该何基于此，我们可以把前台页面划分为营销类页面、功能类页面两大(da)类。

营销类页面通常用于触发、唤起用户动机，给用户开(kai)展行动创造(zao)理由，让在用户匆匆一瞥中触发(fa)用户进一步的行为；而(er)用户进(jin)入功能(neng)类页面时，或多或少都有一定的动机，因此功能类页面在设计时需要(yao)降低动作门槛、减少障碍，让用户尽可能地完(wan)成动(dong)作。

一、营销类页面

营销类页面常见于各类电商平台，常见的落地页、广告页、新人引导页都(dou)可以(yi)归为此类；营销类页面通常是运营方基于明确的KPI而提出(chu)的需求，具备短时间、周期性、UI变化快的特征。

产品经理在设计营销类页面时，需(xu)要在首屏完成传递价值、稀缺感、便宜感、专业感、高贵感(gan)的功能。

此处对营销文案的要求极高：好的文案，可以提高用户参(can)与度；平庸的文案，则会有较高的流失率。

当然高参与度的活动页面不是一蹴而就的(de)，产品经(jing)理在设计页面时，可以考虑文案的(de)可配置化或者活动图片的配置化。复杂一些的可以考虑使用AB测试，在(zai)不断的(de)测试中(zhong)，提升参(can)与(yu)度。

除去(qu)活动本身的界面外，产品经理需要考虑活动(dong)模型扩展性，以及页面关键信息打点(dian)。便于后期模型(xing)复用、功能快速上线以及活动(dong)效果复盘。

周期性开(kai)展的营销页面，还需要考虑数据(ju)可视化；在研发资源有限的(de)情况下(xia)，可以使用Tableau，PowerBI之类的工具。

单纯堆功能、没有多样化测试、没有复盘的营销活动，会让研发疲于应付，运营侧也会失去策划活(huo)动的动力。

以下是常见的营销类页面：

营销类(lei)页面

二、功能类页面

提交订单页、表单信息填写页、发表点评页、订单详情页面，该类页面是典型的功能类页面，通常承接在营销类(lei)页面之后，对页面漏斗转化(hua)率指标敏感。

当然，在基础诉求满足后(hou)，可(ke)以考虑扩展性的推荐、广告、拉新之类的内容。

该类(lei)页面设计重点在于：

对用户操作流程的合(he)理把控；对信息的分类以及再组(zu)织能力(li)，力(li)求在(zai)极(ji)致简单之中，触及用户心理点位。

其(qi)中(zhong)对于页面流程的把控尤其重要，我们通常说：没有产品是丑死的，大多是难用死的。难用的重点体(ti)现在页面流转以及操作(zuo)流程。

在产品设计时，一定(ding)要考虑功能(neng)的核心流程，模拟完善的用(yong)户路(lu)径。在各方纠结于(yu)UI设计美(mei)丑的(de)时(shi)候，产品经理一定需要知道，大多功能(neng)的流程(cheng)设计之差，还(hai)轮不到拼UI界面的地步。

另外(wai)，以上强调的前台用户流程，有时(shi)候也(ye)会依赖关联系统(tong)的流程设计。尤其涉及(ji)到后台系(xi)统时，后台系统保证的系统的稳定性、可扩展性、操作便利性。若因这些因素而影响了(le)前台合理的流程设计，除了可以要求关联系统优化外，也可以考虑前台页面服务端包装数(shu)据，以保证前台流(liu)程合理性。

再说信息分类与组织。如同原研哉所述：理想(xiang)的设计，它的对象不是物品，而是人(ren)与人之间的(de)关系。

在设计(ji)此类需要用户有意识参与(yu)的功能时，需要对用户场景、用(yong)户画像有深入的了解。这类页面通常样式以及信息模块比较固定，关键元素布局上需(xu)要迎合全(quan)网用户的(de)操作习惯，设计原则(ze)可以参考Giles Colborne所著《简约至上》——删除、组织、隐藏、转移四策略可以让用户更好(hao)地理解页面。

以下是常见的功能类(lei)页面：

功能类页面

三、结语

实际(ji)应(ying)用中，有些页面无法简单归类。例如头条的信息流页面，该页面是(shi)推荐内容的聚合，推荐算法优于页面信息组织。

用户从首页列表就能被吸引，打开文章or短视频即获得了瞬时的满足感，反馈周期(qi)极短，容易快速成瘾；电商通用的产品详情(qing)页，更(geng)像是营销页以(yi)及功能页的结合，通常(chang)页面会有领券、拼团、满减之(zhi)类的(de)引导元素，也有产品详情之类的基础(chu)信息表达。

当然，也(ye)并不是说用户的行动一定需要经过营销类页面，如果用户诉求足够强烈，用户会直接进入功能类页面。例如微信，主界面中就没有营销类页面，取而代之的都(dou)是功能类页面。