颠覆传统,我有担当 学SEO只选有担当的机构
首页 >移动SEO > 移动端的返回顶部悬浮按钮还需要存在吗?

移动端的返回顶部悬浮按钮还需要存在吗?

张吉爽2018-03-05 15:39:56来源:互联网

返回顶部悬浮按钮大家都不陌生,在PC端浏览网页的时候都会在右下角出现,方便用户点击后直接返回到顶部。产品功能都是为了解决用户的需求而出现的,返回顶部悬浮按钮也是如此。那么这个小小的悬浮按钮解决了用户什么痛点呢?

1.纵向页面太长,用户重新回看顶部内容时需要较多的滚动。

2.对页面顶部控件有需求,如搜索框、确定按钮等控件放置在页面顶部。

随着智能手机的普及,许多网站也纷纷开发出移动端的app,作为功能之一,返回顶部悬浮按钮也跟着迁移到了移动端。但不同于PC,手机屏幕寸土寸金,因此在悬浮按钮单一功能上做出了改进,加入了动画交互,随着页面的不断滑动悬浮按钮会产生动画形变,增加了和用户的互动,也提醒用户这个功能按钮的存在。这就是目前返回顶部悬浮按钮在移动端的现状。

那么,哪些类型的应用需要返回顶部呢?

返回顶部的出现是为了页面太长的问题,那些会出现长页面的应用会加入这个功能,我们可以总结出以下这几个类型:

购物类:如淘宝、京东等,商品图片展示和文字描述会占据较大空间,因此需要增加页面的长度。

美食佳饮类:同购物类应用类似。

新闻类:新闻常常以图文并茂的形式出现,因此也需要用户不断滑动才能看完全文。

相信大家都能看出这几类应用类型的相同点,都是图文并茂,并且需要足够的展示空间。也就是常说的“瀑布流”展示形式。说到“瀑布流”,就不得不提我们的微信朋友圈了。

随着社交圈的拓宽,每个用户添加的微信好友越来越多,每天要“批阅”的朋友圈也越来越多,瀑布流要展示的内容大有“飞流直下三千尺”的气势,自然也会出现页面过长,回滚过慢的情况。微信的产品经理们也注意到这一点,很快,微信版的返回顶部功能也面世,但不是采用传统的悬浮按钮的形式,而是推出了双击顶部返回功能。

相比悬浮按钮,双击顶部的设计显得更加聪明:不需要在页面中“塞入”一个悬浮按钮,页面能够保持简洁;将顶部标题本身变成“按钮“,使得页面更具整体化。不过这个聪明的交互方法可不是微信原创,最先使用的应该是苹果的ios系统。

从iphone4 开始,苹果手机开始风靡,ios操作系统也开始影响人们的生活。随着系统的不断更新,苹果的产品经理们也注意到了用户返回顶部这一痛点,于是点击状态栏返回顶部的功能应运而生。

这一人性化功能的推出,让返回顶部不再是局限于一个app内,而是扩展到整个系统,这一功能也使得众多手机厂商效仿,如今大部分的应用软件都采用新的返回顶部方式。

优就业SEO学院老师分别从购物类、美食类、新闻类中选择几个应用作为代表进行返回顶部按钮对比,发现其他的应用都使用了点击顶部返回的交互方式,只有淘宝、京东等购物类软件仍然保留返回顶部的悬浮按钮。那么,为什么淘宝京东仍保留悬浮按钮这种形式呢?悬浮按钮还有存在的价值吗?我们不妨来探究一下。(京东淘宝互为竞品,相似性较大,因此这里只选择下载人数多的淘宝为例)

首先我们来看一下返回顶部悬浮按钮在手淘app中出现的页面,分别出现在首页和商品详情页,但奇怪的是,同为长页面的动态页却没有这一功能。

相关阅读:

移动网站如何进行优化调整

上一页 1 2 下一页

免责声明:本文来源于网络,由网友提供或网络搜集,仅供个人交流学习参考使用,不涉及商业盈利目的。如有版权问题,请联系本站管理员予以更改或删除。谢谢合作!

热门标签:
返回顶部悬浮按钮
收藏人收藏
3

相关文章

最新文章

专业的SEO培训机构

师资团队教学环境关于我们联系我们学员体验热门标签

Copyright©1999-{date('Y')} 北京中公教育科技股份有限公司 .All Rights Reserved
京ICP备10218183号-88 京ICP证161188号 京公网安备11010802020723号