发布时间：2021-6-29 分类： 电商动态
回到浮动按钮的顶部来解决用户的痛点？它还需要存在吗？
一、 返回顶部悬浮按钮的出现
回到顶部的浮动按钮对大家来说并不陌生，当在PC端浏览网页时会出现在右下角，方便用户直接点击回到顶部。创建产品功能以满足用户的需求，以及返回顶部悬停按钮。那么什么是解决用户痛点的小浮动按钮？
纵向页面太长，用户在回顾顶部内容时需要更多滚动。
页面顶部需要控件，例如放置在页面顶部的搜索框，OK按钮等。
随着智能手机的普及，许多代购源码网站也开发了移动应用程序。作为其中一个功能，返回顶部浮动按钮也已迁移到移动端。但与pc不同的是，手机的屏幕是英寸大小的，因此浮动按钮的单一功能得到了改进，并且添加了动画交互（如下图左下角所示）。随着页面继续滑动，浮动按钮将产生动画变形。增加了与用户的交互，并提醒用户此功能按钮的存在。这是返回移动端顶部浮动按钮的当前状态。
二、 哪些类型的应用需要返回顶部
回到顶端显示页面太长，那些具有长页面的应用程序将添加此功能，我们可以总结以下类型：
购物类：如淘宝，京东等，产品图片显示和文字描述都会占用很大的空间，所以需要增加页面的长度。
良好的食品和饮料类别：类似于购物应用程序。
新闻：新闻通常以图片和文字的形式出现，因此用户还需要继续滑动才能看到全文。
我相信每个人都可以看到这些类型的应用程序的相似之处，所有这些都被说明并需要足够的显示空间。人们也经常说“瀑布流”。显示形式。说到“瀑布流”，我们不得不提一下我们的微信朋友圈。
三、 微信朋友圈的返回顶部
随着社交圈的扩大，每个用户都增加了越来越多的微信朋友。每天，“评论”组中有越来越多的朋友，并且必须显示瀑布流的内容。 “流量是3000。当页面太长并且回滚太慢时，标尺的动量自然会出现。微信产品经理也注意到了这一点。很快，微软版的返回顶部功能也可用，但它没有使用传统的浮动按钮形式，而是启动了双击顶部返回功能。
与浮动按钮相比，双击设计顶部更加智能：您不需要在页面中“抓取页面”，暂停按钮，页面可以保持简单;将顶部标题本身变成一个“按钮”，使页面更加整体化。但是，这种巧妙的交互方式并不是原来的微信，首先应该是Apple的ios系统。
四、 苹果ios系统的返回顶部
从iphone4开始，Apple的手机已经变得流行，iOS操作系统已经开始影响人们的生活。随着系统不断更新，Apple的产品经理已经注意到用户返回顶端的痛点，因此点击状态栏返回顶部的功能应运而生。
这种用户友好功能的引入使得返回顶部不再局限于一个应用程序，而是扩展到整个系统。此功能也使许多手机制造商也纷纷效仿。经过作者测试，魅族和华为目前适用。小米不是点击状态栏，但是第三方插件实现了此功能。
受微信和操作系统的影响，今天的大多数应用程序都采用了新的后向顶级方法。以下是一些软件比较。
五、 部分软件返回顶部的对比
作者从购物，食品和新闻类别中选择了几个应用程序作为代表。从上面的对比图中，我们可以看到其他应用程序使用点击顶部的交互方式，只有淘宝，京东等购物软件。返回顶部的悬停按钮仍保留。那么，为什么淘宝京东仍然保留浮动按钮的形式？浮动按钮有什么价值吗？让我们来探索吧。 （京东淘宝是一款竞争产品，相似性比较大，所以这里只选择以大量下载淘宝为例）
六、 手淘中返回顶部悬浮按钮的分析
首先，让我们看一下浮动按钮顶部的洗手应用程序中显示的页面，该页面出现在主页和产品详细信息页面上，但奇怪的是，动态页面都是长页面没有这个功能。
在本作者的猜测中，主页和产品详细信息页面是洗手应用程序的第一个版本的功能，即与pc端的迁移，因此浮动按钮被保留，动态页面逐渐加快了版本迭代。添加的功能，因此功能的两个版本之间的差异。
那么如何在这两个页面上使用这两个按钮呢？我们共收集了131份有效问卷，问卷显示
关于是否在主页中使用“返回顶部浮动”按钮的问题，只有17.5％的受访者使用此按钮，而80％的受访者表示他们从未使用或甚至不知道是否存在此按钮。
在是否使用产品详细信息页面中的浮动按钮的问题中，60％的受访者表示使用了浮动按钮。
为什么具有相同功能的两个按钮具有不同的使用率？我们来看一下具体的页面：
在文章的开头我们提到返回顶部满足用户的两个痛点，这两个页面恰好是这两个痛点的代表。在第一页中，按钮的功能是让用户返回顶部搜索框进行搜索，但随着版本的迭代，搜索框已更新为固定在顶部，这意味着用户可以无需向后滚动即可随时搜索。在顶部，自然地，这个浮动按钮变成显示器。
在第二页中，用户返回顶部以满足第一个痛点，并回顾顶级产品信息，因为在购买产品的过程中，用户将反复确认产品的信息是否是您的需要，所以顶部是用户。其中一个需求。
但是，这个按钮的情况实际上并不乐观。移动淘宝还在新版本的迭代中添加了产品详细信息页面的顶部。用户还可以单击顶部标题直接转到顶部。可能迟早会被新功能所取代。
七、 总结
结合以上几点的分析，不难发现返回浮动按钮的顶部处于尴尬的境地。
在大范围内，移动电话系统附带一个返回功能。
在小范围内，同一个应用程序中也可以使用相同的功能按钮。
新型功能按钮的引入，如微信的顶级标题栏，以及手道的固定标题栏，更适应潮流。
按钮本身的使用不如PC端强，使用率不高。
该功能本身在应用软件系统之外，即删除该功能对软件本身的业务流程没有影响。
在上述因素的正面和背面，也许顶部的浮动按钮应该真正退出移动终端。当然，这并不是说应该切断现有功能，而是提及设计新产品功能的产品经理，以确定是否有必要添加此功能。
