前言
全部课程
大厂村拆迁了,小强和乡亲们一起搬进城里,住上了楼房。进城后的小强发现,找小明玩,实在是太费腿了,高高的楼房,没爬几层就累得气喘吁吁。

城里的房子虽然漂亮,但是没住习惯的小强,总觉得没有村里的大平房住着舒坦,平房低,不需要爬楼,从村东溜达到村西,也没这么累。
从平房搬到楼房,像极了用户上网方式的转变,从PC网页时代,进入到移动应用时代。
在PC网页时代,网页内容通常会做分页处理。所以我们在使用网页产品时,很少会遇到“变态长”的页面,在一些列表页中,当信息条数太多时,通常会使用分页,这就保证内容在每一个分页下,条数一定。但到了移动互联网时代,当我们访问应用内容时,几乎随时可见长长的页面。
问题的出现
小强进城后,一直被这个问题困扰:为啥城里人一定要住楼房,住平房不香吗?聪明的小明给他解释说,城里的地金贵,如果都住平房,那得需要多大的城市规模啊。是的,在移动设备上做产品设计,面临同样的问题,设备屏幕尺寸有限,非常宝贵。如果照搬网页的设计方案,很多操作将很难被执行。比方说,我们将分页设计应用到APP设计中,当我们在浏览内容时,会经常性的被分页打断,难以形成连续性阅读,并且通过手指触发分页按钮非常困难,如果分页较多,如何切换分页也是一件很麻烦的事情。
所以洋房更符合城市的需要,而使用可连续阅读的长页面,更符合移动端的设计需求。用户在移动端可以通过长页面内容阅读实现连续浏览,但是只要是长页面,就会有这样的问题:如何帮助用户快速返回到页面顶部?
解决方案
说到村里楼房少这个话题,特别不服的小强开始发言了,“谁说我们村没有楼房,我们村有个10层的小楼(某厂),小楼还配备有升降梯,坐上去直接给送到顶”。是的,在PC网页中,也会有长页面的存在,比如一些网站的首页,或一些文章的详情页。
当用户浏览这些长页面时,产品的设计者,通常会在页面的右下角位置,为用户设定一个,快速返回顶部的按钮,这就好比是一部自动“升降梯”,用户只要点击这个按钮,就可以直接返回页面顶部。

阿里云首页的返回顶部按钮
住进洋房的小强需要一部升降梯,而浏览长页面的用户,同样需要一个快捷按钮。小强和小明讲,如果能在我们的房间内部设定一个电梯入口该有多好,那样出了电梯门,就能进家。小明说,这种设计不可取,电梯会占用我们的室内面积,这多不划算啊。
是的,我们在移动端如果想要为用户提供一个返回顶部的快捷按钮,同样不能让这个常驻的按钮,挤占宝贵的页面空间,不能照搬网页的设计方案、把返回按钮设定在屏幕中,比较显眼位置,同样会对用户浏览内容造成干扰。所以很多的产品设计者,都喜欢依照屏幕状态,提供一个整合后的设计方案。
比如说,贝壳找房这款APP,会在用户浏览房源信息时,滑屏至某一临界位置时,将页面左上角的返回隐藏,取而代之的是,提供给用户一个返回顶部的选项按钮。

设计者的主要设计思想是,在不占用主体内容空间的情况下,在页面顶部位置区域,为用户提供了这样一个快速返回顶部的按钮。尽管这种设计,可以满足用户快速返回到页面顶部,但是这不是一个特别好的解决方案。
首先,这个按钮位置不佳,距离我们握持设备的操控手太远,谈不上执行效率。其次返回按钮的位置不明显,很难被用户注意到。还有就是,这种整合完全剥夺了一部分用户,想要迅速返回上一级页面的权利。如果用户想返回到上一级页面,必须先返回页面顶部,然后再执行返回到上一级页面的操作,所以这种设计方案的改良空间仍然很大。
在移动端,返回顶部的方案设计中,还有一种整合设计方案,是被大多数设计者所接受的。那就是将返回按钮和标签栏按钮,依照不同的屏幕状态进行整合。比如我们在使用微信读书时,只要我们有返回屏幕顶部的需求,点击已选中的标签栏图标,就能立即返回。这种返回顶部的快捷操作方式,显然没有任何指引,但是只要用户探索出这个隐藏的“秘密”,执行返回顶部操作,会异常高效。

尽管微信读书给用户,提供了一个不错的解决方案,但是不能将返回行为,明确的传递给用户,同样存在不足。早期版本的微博有一个非常棒的设计,当用户浏览feed滑屏到某一临界位置时,标签栏上的首页小房子图标会转变成一个刷新样式的图标。用户可以通过图标变化,准确判定这个图标的功能属性变更。

马蜂窝的首页feed同样有刷新和返回顶部需求,当用户向下浏览页面时,首页图标会变为刷新图标,点击即可刷新页面,同时返回顶部
当用户有返回顶部需求时,只要单击这个图标,页面会迅速回滚到顶部,并且执行一次页面刷新。那问题特别多的小强可能就会问了,返回顶部已经OK了,为啥还要执行一次刷新呢?这主要和微博的产品类型相关,微博属于半社交的资讯类APP,即时信息发布会非常频繁,所以返回顶部顺带刷新内容,可以帮助用户即时查看最近更新。
最后
在大厂村居民的强烈要求下,小区物业最终妥协,给小区洋房加装了电梯,电梯加装后,只支持从1层运行到顶层,中间层不停梯,居住在中间层的居民强烈抗议,因为他们要想回家,需要先到达顶层,然后从顶层步行下来,物业给出的解释是,“居民朋友们呀,要知足,下楼总比上楼容易吧?”
在我们的产品设计中,存在同样的场景,如果说返回到顶端是用户诉求,那到达页面某一固定位置,同样也是用户的诉求。那么,这部分用户诉求该如何满足呢?