APP推广合作
联系“鸟哥笔记小乔”
干货推荐 | 你的App用户需要一款怎样的首页?
2016-05-27 15:16:13


本文是最近在做竞品分析,在分析竞品的首页时,整理的一些有关首页的想法。想看别人家的首页都是什么样子的就快快来看吧!

基本上每个应用都有首页,内容的多少和平台的大小影响着首页所呈现的内容,大到电商类重内容运营的app如淘宝,其首页非常复杂;小到工具类重简易操作的app如印象笔记,其首页非常简洁。然而优秀的首页都有共同的特点,我总结为三点,为了方便后面的分析,我把这三点叫做“首页三准则”,这篇文章主要通过扒一扒这些特点来分享如何设计一款优秀的首页/读懂各类首页。

根据几种用户使用场景来分析,先来看看首页应该怎么设计!我总结为以下三点。

一、首页三准则

首页的主要作用是要在最短的时间内让用户对内容产生兴趣。

“首页三准则”

1、对首次使用产品的用户而言,首页的好坏关系到用户对该产品的第一印象,用户第一眼看到的是界面,其次是内容。所以,在这个阶段,符合品牌的好的设计感和内容的丰富度会给用户的印象加分。

2、继而一直吸引用户使用的就是产品到底能为他解决什么问题,这就和产品所具有的功能/所提供的服务相关,只有当用户能用该产品切实解决问题并且用起来爽了,那他才会一直用。所以,在这个阶段,对首页而言,核心功能的展示和好的交互体验显的尤为重要。

3、对于深度使用用户而言,首页是信息的集合,用户希望只要打开首页就能知晓最近的活动和通知,并且能看到好的内容推荐。所以,内容的推荐和即时更新会让用户感到满足。

不管是定位为内容型还是导流型应用,首页能做到以上三点都会给用户带来好的体验。当然不管在哪个阶段,当内容达到一个量级的时候,搜索和导航都可以方便用户到达想要去的页面。

二、举例分析:淘宝

就譬如淘宝,它是综合型电子商务平台,打开淘宝app,虽然打开看到的琳琅满目的内容和各类入口,但是不管哪个阶段的用户都能很快的找到自己想要的商品,并且在整个购买过程中都享受到了乐趣(除了最后的支付),以淘宝为例,简单举几个小例子。

淘宝的首页内容非常丰富,除了基础功能的展示和各种主题板块,还有大量内容的推荐和更新。

1、当用户首次到淘宝时,首页内容的丰富和红色活泼的设计风格会让用户产生热闹的印象,同时,各种主题模块,如淘抢购、超实惠、天猫必逛、特色好货、热门市场等,足够满足用户首次探索的需求。

(淘宝首页-主题模块)

2、当用户首次探索结束时,淘宝首页的核心功能展示,如天猫、聚划算、天猫国际、外卖、天猫超市、充值中心、阿里旅行、领金币、到家等,可以方便用户快速了解到淘宝的基础功能/服务,当然配合良好的交互体验,用户很快就能适应首页并熟练的使用!

(淘宝首页-核心功能展示)

3、当深度用户进入淘宝时,淘宝的内容推荐和更新做的很赞,结合以前浏览过的内容和购买记录,淘宝的首页给出了大量的推荐,首页中主题模块的展示图都是根据该用户的以往记录按一定的时间段轮流替换的,顶部的广告轮播图和搜索框提示语也是根据用户的喜好而显示的,并且最底部的猜你喜欢都做到了内容的即时更新推荐,这不仅让首页更人性化,并且让用户感受到了逛页面购物的满足。

(淘宝首页-内容推荐/更新)

所以根据以上三点来思考首页的设计是很有参考价值的。改版后的简书也大致符合以上三点哦,是不是比以前更好懂了?

三、实战

好吧,接下来我展示一张我分析竞品首页的分析图,算是示例,如下:

(竞品:千丁)

分析对象:千丁

千丁简介:千丁是一款社区生活服务类app,旨在做一站式社区服务平台。主要功能包括:基础服务,如:管家电话、报事报修、物业账单、访客通行、乐购等;生活服务,如:千丁洗衣、上门养车、千丁旅游等;以及邻里社交。现覆盖大约19个城市,237个小区(根据app上布局小区统计)

千丁的首页整体给人的视觉效果不错,页面内容较丰富,核心功能也体现了出来,并包含了各种内容的推荐,整体是做到的“首页三准则”。

(首页效果图-1+2+3为完整首页效果图,其中分析文字序号对应着图中内容分解区域的序号)

>>>>首页效果图-1(包含➀、➁、➂、➃、➄个分析点)


➀ 千丁顶部布局了搜索框和全局消息中心
1、搜索框可方便用户快速获取到所需要的商品或服务,点击搜索框后弹出搜索页面,显示如下:

分析:用户可能需要多次浏览某商品或使用同一服务,所以有历史搜索记录能方便用户记忆并搜索。

优化:该类应用所提供的商品/服务都比较小众,用户在使用时,可能不知道该怎么搜索,搜索框应有推荐搜索项。

再说:
搜索页面一般有四种展现方式:
1)只有搜索框;
2)只显示历史搜索记录;
3)只显示推荐搜索项;
4)历史搜索记录+推荐搜索项。

而这四种方式都适用不同的情况:

第一种和第二种适用于明确搜索,即知道自己要搜索什么,如淘宝首页的搜索,点开就知道要搜索的是商品,所以淘宝首页采用的是第二种方式;


第三种和第四种适用于不明确搜索,即其实并不明确自己要怎么搜索的,如淘宝微淘/社区页面的搜索,这两个板块是淘宝打造出的社区交流板块,动态丰富多样,用户并不知道要如何搜索,淘宝微淘采用的是第三种方式,淘宝社区采用的是第四种方式。


当然是否需要呈现历史搜索记录和搜索内容有关,如果内容属于只需要搜索一次属性那就不用历史搜索记录啦,页面也能更简洁大方。

2、消息放到右上角一级入口处有助于快速获取到新消息状态

分析:千丁在其四个切换卡页的右上角都布局有消息中心,这可方便用户快速获取新消息

优化:可考虑消息全局化,在所有的页面都布局消息中心入口(但得根据实际情况,如果千丁内用户不咋沟通,消息产生较少则指在四个切换卡页布局消息中心就ok了)

再说:应用里一般都有消息提示,但消息入口有深有浅。有些消息中心放在比较重要的位置,如顶部左上角或右上角,而有些则比较隐蔽,如个人中心处的某个夹层里。这和应用的定位有关,如果重社交属性,app内重要的消息(评论点赞之类的)产生较频繁,那消息中心得放在重要的位置,因为这样可以让用户之间可以更好的沟通,方便直接读取又能即时获得新消息;

消息的全局化适合社交消息(评论点赞之类的)产生频繁的情况,指在应用内的每个页面都有消息入口,一般放在顶部左上角或右上角,消息全局化有助于用户在使用app的整个过程中都能获取到新消息状态,拉近用户之间的距离,更积极地沟通。

➁ 常用基础功能显示
分析:显示常用功能,包含了门禁钥匙、管家电话、我的积分、生活缴费。

1)“门禁钥匙”是业主每次进出都需要使用到的,放在第一个位置能方便用户快速开门;

2)“管家电话”处第二,希望实现咨询到服务的快速响应,旨在能给业主提供专属贴心服务;

3)“我的积分”处第三,积分的作用是为了提升用户活跃度并增强用户黏性,通过积分奖励引导已
注册用户邀请用户获得积分、绑定房间并在应用内活跃;

4)“生活缴费”嘛,引导业主主动积极缴费呗哈哈。

优化:
1、图标再设计,尽量突出些。现常用功能图标色彩不太突出明显,和上板块同为橘色,区分度不高。

2、积分规则页面可以重新设计下,将积分规则放到二级页面内,并加入任务状态,标识出已完成的积分任务和未完成的积分任务,并添加未完成的积分任务入口,这样既可以引导用户完成积分任务还能提醒用户每日的任务完成度,从而提高用户活跃度。

再说:在首页显示的功能必然有它的作用,除了常用之外还有希望引导用户操作的作用,可以认真关注下,自身的应用最能帮助用户解决的问题以及用户最常用的功能,适当的可以将想引导用户的功能摆放在首页。

➂ 图文公告板  +   ➃ 文字公告板

分析:公告的展示方式很特别,将图文活动和文字通知分开,图文活动公告以溢出方式填充整个屏幕,嵌套文字通知公告,页面更富有动态,重要的活动/通知可以即时传达给用户。

优化:将未失效的图文活动可滑动显示。现只能看到最近发出的图文活动,以前发出的但未失效的活动须点击“更多”进入列表页才能看到。
再说:一般应用都是采用顶部banner轮播图的形式来展示最新的活动信息/广告,千丁采用了不一样的方式来展示活动,将活动面板与自身的文字通告设计在一起,传递出一种整体感,相比banner更好让用户接受。

➄ 运营板块(热门推荐)

分析:千丁在该板块主要是进行:商品组合推荐、单个商品推荐、千丁旅游推荐、活动宣传等。通过内容的推荐/活动的宣传来引导用户进行购买商品/参与活动。
优化:该板块不管是组合推荐还是单品推荐都采用这种单卡片展示方式,内容比较分散,用户所获取的信息完全来自于千丁运营团队整理的推荐,且推荐的内容之间缺少关联(每次浏览内容会比较累)。

建议对可以规范归类的内容进行归类,如千丁闪电购(快递送货上门)和千丁小卖部(物业自提)这两个商品组合推荐可以设定为主题板块。其余无法规范归类的商品组合推荐可以参考组合运营板块的设计方式,显示出组合商品的特色。活动宣传之类的可以分散点没关系,毕竟活动本身的特点就是灵活;

再说:用户喜欢归类,事物进行归类后可以既能方便人记忆,又能让内容更精炼统一。对于可以规范归类的并且重要的内容最好做好固定分类,这样可以让用户在第一时间能找到内容并进行消费/享受服务。(这其实就是类似千丁做的主题运营板块)合理运用布局可以让内容看起来更清楚,方便用户更快理解app。


>>>>首页效果图-2(包含➅、➆个分析点)


➅ 组合运营板块(对同类型的商品进行组合推荐)

分析:千丁在该板块主要是进行商品组合推荐,和运营板块里商品组合推荐是同一类型,不过在布局设计上比运营板块的更合理,采用了组合布局。

再说:组合商品推荐可以采用组合布局的方式,先显示部分商品,再通过链接方式引导用户获取更多商品,这种渐进呈现式组合布局能让用户对这个组合内容有个大致的概念(什么类型商品的组合等),且当用户对该组合商品感兴趣时可以查看更多内容,满足用户的参与感。


➆ 主题运营板块(对同类型的商品/服务进行分类推荐)

分析:千丁在该板块主要是进行主题组合推荐,通过对内容进行分类,来推荐给用户。

再说:设定主题板块的目的是在于能让用户专注地挑选商品/接受服务,淘宝首页就基本满满地都是各种分类主题板块

综述:为了好分析,想到更好的说法之前暂时先这么命名上面三个板块...这三个板块所采用的布局样式都一致,即以这种单卡片流的方式来展示内容,单卡片流式布局可以让用户在浏览内容时可以比较专注于当前内容,让用户享受浏览快感,但单卡片式布局的内容缺少关联,用户浏览易产生疲劳和注意力分散,且其依赖内容的频繁更新。单卡片式布局适用于比较灵活并受时间影响的内容,如活动分享。如有特定分类并且内容不怎么受时间影响的建议还是采用主题分类布局内容比较好。

当然也有例外,如果你爱自由的话,也可以整个采用单卡片式瀑布流方式展示内容,如唯品会的今日上新。(有兴趣去看看,不过本宝宝觉得看好累)

>>>>首页效果图-3(包含➇、⑨个分析点)


➇ 二手闲置板块   +   ⑨ 猜你喜欢

这两个板块主要是基于内容推荐的。

分析:根据内容直接做推荐,前者推荐二手闲置内容,后者是针对浏览记录和以往服务记录进行个性化推荐

优化:说是个性化推荐啦,但事实上内容是固定的,既没有更新也没有根据记录做推荐,不过这个得慢慢来,做好智能推荐是必须的。

再说:根据内容进行推荐是很赞的,但内容推荐具有不确定性且对数据的整合分析要求较高(算法等),内容不多的情况下,前期手动推荐也是挺好的~但手动推荐有其局限性,即内容更新速度慢且推荐的内容不匹配用户。

本文系作者小圣原创投稿鸟哥笔记,转载请注明来源及作者信息。
运营那些事儿
分享到朋友圈
收藏
收藏
评分

综合评分:

我的评分
Xinstall 15天会员特权
Xinstall是专业的数据分析服务商,帮企业追踪渠道安装来源、裂变拉新统计、广告流量指导等,广泛应用于广告效果统计、APP地推与CPS/CPA归属统计等方面。
20羽毛
立即兑换
一书一课30天会员体验卡
领30天VIP会员,110+门职场大课,250+本精读好书免费学!助你提升职场力!
20羽毛
立即兑换
顺丰同城急送全国通用20元优惠券
顺丰同城急送是顺丰推出的平均1小时送全城的即时快送服务,专业安全,准时送达!
30羽毛
立即兑换
运营那些事儿
运营那些事儿
发表文章43455
确认要消耗 羽毛购买
干货推荐 | 你的App用户需要一款怎样的首页?吗?
考虑一下
很遗憾,羽毛不足
我知道了

我们致力于提供一个高质量内容的交流平台。为落实国家互联网信息办公室“依法管网、依法办网、依法上网”的要求,为完善跟帖评论自律管理,为了保护用户创造的内容、维护开放、真实、专业的平台氛围,我们团队将依据本公约中的条款对注册用户和发布在本平台的内容进行管理。平台鼓励用户创作、发布优质内容,同时也将采取必要措施管理违法、侵权或有其他不良影响的网络信息。


一、根据《网络信息内容生态治理规定》《中华人民共和国未成年人保护法》等法律法规,对以下违法、不良信息或存在危害的行为进行处理。
1. 违反法律法规的信息,主要表现为:
    1)反对宪法所确定的基本原则;
    2)危害国家安全,泄露国家秘密,颠覆国家政权,破坏国家统一,损害国家荣誉和利益;
    3)侮辱、滥用英烈形象,歪曲、丑化、亵渎、否定英雄烈士事迹和精神,以侮辱、诽谤或者其他方式侵害英雄烈士的姓名、肖像、名誉、荣誉;
    4)宣扬恐怖主义、极端主义或者煽动实施恐怖活动、极端主义活动;
    5)煽动民族仇恨、民族歧视,破坏民族团结;
    6)破坏国家宗教政策,宣扬邪教和封建迷信;
    7)散布谣言,扰乱社会秩序,破坏社会稳定;
    8)宣扬淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪;
    9)煽动非法集会、结社、游行、示威、聚众扰乱社会秩序;
    10)侮辱或者诽谤他人,侵害他人名誉、隐私和其他合法权益;
    11)通过网络以文字、图片、音视频等形式,对未成年人实施侮辱、诽谤、威胁或者恶意损害未成年人形象进行网络欺凌的;
    12)危害未成年人身心健康的;
    13)含有法律、行政法规禁止的其他内容;


2. 不友善:不尊重用户及其所贡献内容的信息或行为。主要表现为:
    1)轻蔑:贬低、轻视他人及其劳动成果;
    2)诽谤:捏造、散布虚假事实,损害他人名誉;
    3)嘲讽:以比喻、夸张、侮辱性的手法对他人或其行为进行揭露或描述,以此来激怒他人;
    4)挑衅:以不友好的方式激怒他人,意图使对方对自己的言论作出回应,蓄意制造事端;
    5)羞辱:贬低他人的能力、行为、生理或身份特征,让对方难堪;
    6)谩骂:以不文明的语言对他人进行负面评价;
    7)歧视:煽动人群歧视、地域歧视等,针对他人的民族、种族、宗教、性取向、性别、年龄、地域、生理特征等身份或者归类的攻击;
    8)威胁:许诺以不良的后果来迫使他人服从自己的意志;


3. 发布垃圾广告信息:以推广曝光为目的,发布影响用户体验、扰乱本网站秩序的内容,或进行相关行为。主要表现为:
    1)多次发布包含售卖产品、提供服务、宣传推广内容的垃圾广告。包括但不限于以下几种形式:
    2)单个帐号多次发布包含垃圾广告的内容;
    3)多个广告帐号互相配合发布、传播包含垃圾广告的内容;
    4)多次发布包含欺骗性外链的内容,如未注明的淘宝客链接、跳转网站等,诱骗用户点击链接
    5)发布大量包含推广链接、产品、品牌等内容获取搜索引擎中的不正当曝光;
    6)购买或出售帐号之间虚假地互动,发布干扰网站秩序的推广内容及相关交易。
    7)发布包含欺骗性的恶意营销内容,如通过伪造经历、冒充他人等方式进行恶意营销;
    8)使用特殊符号、图片等方式规避垃圾广告内容审核的广告内容。


4. 色情低俗信息,主要表现为:
    1)包含自己或他人性经验的细节描述或露骨的感受描述;
    2)涉及色情段子、两性笑话的低俗内容;
    3)配图、头图中包含庸俗或挑逗性图片的内容;
    4)带有性暗示、性挑逗等易使人产生性联想;
    5)展现血腥、惊悚、残忍等致人身心不适;
    6)炒作绯闻、丑闻、劣迹等;
    7)宣扬低俗、庸俗、媚俗内容。


5. 不实信息,主要表现为:
    1)可能存在事实性错误或者造谣等内容;
    2)存在事实夸大、伪造虚假经历等误导他人的内容;
    3)伪造身份、冒充他人,通过头像、用户名等个人信息暗示自己具有特定身份,或与特定机构或个人存在关联。


6. 传播封建迷信,主要表现为:
    1)找人算命、测字、占卜、解梦、化解厄运、使用迷信方式治病;
    2)求推荐算命看相大师;
    3)针对具体风水等问题进行求助或咨询;
    4)问自己或他人的八字、六爻、星盘、手相、面相、五行缺失,包括通过占卜方法问婚姻、前程、运势,东西宠物丢了能不能找回、取名改名等;


7. 文章标题党,主要表现为:
    1)以各种夸张、猎奇、不合常理的表现手法等行为来诱导用户;
    2)内容与标题之间存在严重不实或者原意扭曲;
    3)使用夸张标题,内容与标题严重不符的。


8.「饭圈」乱象行为,主要表现为:
    1)诱导未成年人应援集资、高额消费、投票打榜
    2)粉丝互撕谩骂、拉踩引战、造谣攻击、人肉搜索、侵犯隐私
    3)鼓动「饭圈」粉丝攀比炫富、奢靡享乐等行为
    4)以号召粉丝、雇用网络水军、「养号」形式刷量控评等行为
    5)通过「蹭热点」、制造话题等形式干扰舆论,影响传播秩序


9. 其他危害行为或内容,主要表现为:
    1)可能引发未成年人模仿不安全行为和违反社会公德行为、诱导未成年人不良嗜好影响未成年人身心健康的;
    2)不当评述自然灾害、重大事故等灾难的;
    3)美化、粉饰侵略战争行为的;
    4)法律、行政法规禁止,或可能对网络生态造成不良影响的其他内容。


二、违规处罚
本网站通过主动发现和接受用户举报两种方式收集违规行为信息。所有有意的降低内容质量、伤害平台氛围及欺凌未成年人或危害未成年人身心健康的行为都是不能容忍的。
当一个用户发布违规内容时,本网站将依据相关用户违规情节严重程度,对帐号进行禁言 1 天、7 天、15 天直至永久禁言或封停账号的处罚。当涉及欺凌未成年人、危害未成年人身心健康、通过作弊手段注册、使用帐号,或者滥用多个帐号发布违规内容时,本网站将加重处罚。


三、申诉
随着平台管理经验的不断丰富,本网站出于维护本网站氛围和秩序的目的,将不断完善本公约。
如果本网站用户对本网站基于本公约规定做出的处理有异议,可以通过「建议反馈」功能向本网站进行反馈。
(规则的最终解释权归属本网站所有)

我知道了
恭喜你~答对了
+5羽毛
下一次认真读哦
成功推荐给其他人
+ 10羽毛
评论成功且进入审核!审核通过后,您将获得10羽毛的奖励。分享本文章给好友阅读最高再得15羽毛~
(羽毛可至 "羽毛精选" 兑换礼品)
好友微信扫一扫
复制链接