用正确的「姿势」抓住用户的视线－首屏效应

2017-05-04 11:10:00

产品的设计需要正确的逻辑、合理的布局、突破性的用户体验。其中合理的布局会让用户在使用App时迅速获取核心内容和服务。

基于在第一时间抓住用户视线的目的，我们需要在产品的首页首屏实现整个界面中应该最显眼，最突出的内容，传达出企业的品牌理念、形象、故事，明快直接的表达产品的定位，掌握用户的目标！

报纸的折痕 -> 移动端的首屏

Feed 是一种数据格式，用于给（订阅的）用户提供持续更新的内容。Feed发布内容，有文字、图片、视频，或者几者兼容，或者其中任意一种。Feed的核心是内容，其次会有可能有：内容产生的时间、内容产生的地点、内容的发布者、分类（tag）。

Feed的形式其实就是讨论内容和所有的元信息组合组合之后的如何组织并展示。根据产品的不同定位，Feed的模块拼接顺序不同，不同的Feed组合解决的问题主要就是两个方面：应该展示给用户什么内容，内容应该如何排序。

类比真实环境中的Feed，我们可以联想到纸质报刊。在报摊上我们经常可以看到琳琅满目的报纸层层罗列在一起，售卖者通常会将报纸折叠，露出最明显的首页给读者看，意图就是让需要购买报纸的顾客，快速的扫描到当日的热点新闻和头条，并迅速作出购买的选择。

折叠报纸是为了在有限的区域放置更多的报纸份数，但你是否发现报刊的排版人员，会研究折叠的位置，让尽量核心的内容曝光至露出的版面，把次要的内容隐藏至折叠的位置，达到「首屏效应」。

折叠后的报纸

类比报纸的折痕，在移动产品有一种概念叫作：「首屏效应」，移动端的屏幕大小有限，首页首屏又是及其核心和关键的界面，它能第一时间传达产品的定位和品牌，同时最大限度的决定用户是否停留并愿意选择继续使用。

移动互联的手机首屏未来会和网站首页或杂志首页一样炙手可热，能占据一席之地，并且有强力黏着力的 APP 会越来越具备主入口的价值。多图片，多链接的页面设计趋势是由多个客观原因组成的，文字本身的特点，读者的阅读习惯等等，都是形成Feed内容多样化的原因。其中，对于电商类产品而言，首屏是广告和推广位的最佳区域，合理的利用首屏Feed的拼接，才能让最好的东西让用户看见。

与现实中我们所见的报纸类比，在移动互联上我们最先想到的就是新闻类App，Feed对比Timeline，更强调的是呈现新闻。所以，大家都会在首页首屏花大力气，尽可能的让自家的产品足够独特，且让用户喜爱。结合一定运营策略的实施，经过筛选和编辑后的新闻内容，对读者而言更有价值。1/3屏的大Banner，利用高清的图像，最短时间抓住用户注意力，并开始沉浸式阅读。

如下图所示的几款典型案例，不约而同的根据自己产品的定位做了首页首屏的设计，通过放大重点新闻的展示，在一定程度上可以提高其关注度，提高新关系和内容的发掘效率。

新闻类App

移动端的首屏 -> 运营推广的第一窗口

我们会发现一个事实，国内的大部分互联网产品运营都要占很大一部分。是的，针对中国人喜欢凑热闹，关注热点的特性，大部分中国人看淘宝这种琳琅满目的网站或者App，不会觉得乱，只觉得热闹有趣，觉得什么都有很方便。

所以，抓住中国人的这个特性，在电商类产品首页首屏，我们通常会看到很多的广告或者是「宣传单」。他们恰如其分的出现，悄悄的带走了用户的视线，默默的形成了点击和转化，利用大流量，大用户这些优势，出售广告位，或者更充分利用长尾效应，让更多的商品得到展示，增加访问量。符合中国人使用习惯，电商类的App首页首屏，一般看起来略显得臃肿，其实首页就是给“我想买点东西但是不知道买什么好呀”的人逛的，那么充分的放置宣传广告及营销方案，也就不足为奇了。所以，在中国呢，如果你想做一个面相所有人的产品，势必要在功能和喜好上尽可能的应对更多人的需要啦。如下图所示的一些典型案例截图：