编辑导语：首页设计对一款App来说可谓是至关重要。如何做出一个有效的首页设计？本篇文章里，作者就对比了几款互金App的首页设计，提出了首页设计的目标和几个设计要点。如果你也对这个内容感兴趣的话，就一起看一下吧。

一、楔子

最近在看同花顺的时候突发奇想清除了数据，结果我直接好家伙，首屏完全不一样了。

同花顺首页之前是这样的，新用户和老用户的区别在于九宫格和推荐，并没有做特别差异化的策略。

而改版之后，首屏完全变了个样：

1. banner置于顶部，内容以投资者教育为主；
2. 九宫格缩为一行，主打新用户体验和开户转化；
3. 原先的信息流下移至第二屏，由以包装成新手指引、而实际是以开户转化为导向的“4步学会股票投资”替代。

而当用户登录后或不再满足新用户的条件，同花顺的首屏又会变成我们之前熟悉的样子。

那么同花顺为什么要怎么改呢？首页设计有哪些要点？

接下来我将结合首页的设计要点和同花顺、涨乐财富通、蚂蚁财富的对应设计进行阐述。

二、首页的目标

在做首页设计时，最重要的是明确它所承载的使命和目标。

首页与其他页面不同，它是一个产品的门面，需要直观地向用户传达这个产品的理念和定位，并且让用户在第一时间内get到这个产品对他的价值。一般来说，首页的目标有以下几点：

1. 流量分发

作为APP的门面，首页陈列着各式各样的功能和模块，如何通过首页做好流量分发，给到各业务线合理的流量，通常是首页的最重要使命。

那么如何来分配流量呢？一个字，算。

例如某公司有A、B、C业务，年度营收目标是a、b、c。为了简化模型，假设这些业务目标全部由线上实现，那么我们可以根据往年的业务转化表现推算出实现目标需要多少流量支持，进而推算出单个业务占首页流量的比例。

以同花顺为例，由于同花顺还在探索新人首页，我们这里就只分析它的“老人首页”。

上面这张图是同花顺上年的主营业务构成，可以看出，同花顺最大比例的营收来源于“增值电信服务”和“广告及互联网业务推广服务”。

• “增值电信服务”指的是手机超级Level-2、神奇电波、同花顺VIP等付费服务；
• “广告及互联网业务推广服务”则由广告和券商开户等组成。

天风证券对同花顺各项业务的解读

同花顺在增值电信业务的经营模式为“平台免费，增值服务收费”，通过向投资者提供多种增值软件服务产品以获取营业收入。该项业务营业收入=活跃用户数×付费渗透率×ARPU。在同花顺的首页，付费服务比较明显的入口有九宫格中的“决策”、banner位、以及信息流中的软文及硬广等。

当然，以同花顺当前的首页布局，对增值服务的流量分发能力是无法满足需求的，例如banner位的曝光点击率通常在2%以下，这也是券商自营类app和同花顺等平台型证券产品的困扰之一：如何平衡用户体验和业务转化。当前同花顺的主要解决方式是结合场景见缝插针，利用功能的流量给业务带来变现。

2. 浏览路径引导

互联网公司海量日活的背后，是特征差异巨大的用户群体。如何向不同特征的用户群体呈现他们喜欢的内容也是首页重要的使命之一。

以投资经验来分，用户可分为有投资经验和无投资经验。

有投资经验的用户目的性更强，最常使用的是行情、自选股等功能。而无经验用户则更偏向使用新人教学，以及活跃类、直接荐股类功能等，例如讨论区、话题、问财。

以投资风格来分，用户又可分为短线、中线、长线等。打板用户更多看的是热点板块、连板天数、封板力度等，而长线用户则更加聚焦于股票的基本面，更多关注研报、财报等。

不同年龄段用户的决策特征

而首页针对这些人群，则通常采用个性化推荐等形式将用户可能更喜欢的功能或内容推荐给用户。比如九宫格的新老模式、广告的千人千面、信息流的推荐算法等。

3. 直接创造营收

首页无疑是app流量最大的页面，因此也是创造直接营收的黄金位置。如何在保证用户体验的前提下更好地创收是首页产品们的一个重大课题。

蚂蚁财富的营收主要是基金销售，它的流量和创收是一致的，这点和电商相似。蚂蚁可以肆无忌惮地将各种基金进行包装，然后陈列到用户面前，用户买了基金，蚂蚁便赚了钱。

而券商和同花顺等的营收来源于佣金、融资融券、付费服务等业务，用户的使用目的和他们的盈利来源存在较长的转化路径。

比如券商，它需要想方设法让用户来开户和交易才能获得主要收益。

然而，对用户来说，使用app可能只是为了看行情、资讯等，伺候好了才有可能进行开户以及交易。

所以我们可以看到券商的首页直接创收的模块并不明显，更多的是做好用户体验、提升产品价值。

涨乐财富通作为首个月活破千万的纯券商自营app在首页的布局上便可圈可点。

比如简单的九宫格布局，其他同类往往设置成资金流向、研报、打新等通用功能，而华泰则是布置了业务转化类（开户、理财等）、活跃类（礼包、签到）等，相对而言华泰的九宫格倾向于业务引流，而其他竞品则侧重于给用户提供功能快捷入口。实际上，大部分用户每天使用九宫格的个数在3个以下，如何提升这块黄金位置的利用效率，或许可以借鉴华泰的做法。

4. 树立企业形象，迎合目标用户

首页是app的门面，它需要在用户进入时准确地传达产品的理念和定位。比如蚂蚁头部的 “余额宝” “理财” 等就比较直观地传达了其核心业务。

5. 进行关键沟通

作为必经之处，通过首页与用户沟通，触达率无疑是最高的。常见的沟通手段，比如首页弹窗（如新人礼包、重要通知、权益到账等），顶部通栏第一桢，站内信，都是常见的沟通点位。

同样的，如何平衡触达率和用户体验，也是个难题。

首页弹窗是对用户的强制打扰，当初很多PC网站的体验，很大程度上就毁在弹窗广告，产品经理设计首页弹窗时需要格外谨慎，并绝对避免每次加载首页时的重复弹窗。首页弹窗功能的开发不难，但首页运营的一个挑战，就是始终要抵挡一浪又一浪的首页弹窗强烈需求，并为此制定合理弹窗规则。

三、总结

首页的目标

1. 流量分发，对核心业务有效的分流；
2. 浏览路径引导，让不同客群有所归属；
3. 直接创收，利用好黄金位置变现；
4. 树立企业形象，传达理念和定位；
5. 触达用户，进行关键沟通。

首页主要承载的功能有上述5个，具体如何设计和布局则需要结合产品自身的特点和需求。

作者：阿宅的产品笔记；公众号：阿宅的产品笔记（PMZZnote）

本文由 @阿宅的产品笔记 原创发布于人人都是产品经理。未经许可，禁止转载

题图来自Unsplash，基于CC0协议