搜狐焦点UED:“返回顶部”按钮的浅析

分类栏目:经验 - 设计文章

发布于 暂无评论


  国内很多很多网站都有「返回顶部」的按钮,数不胜数,特别是现在微博、轻博客等社交网站越来越需要此功能。在工作中经常会做一些巨长无比的页面,这些页面包括产品列表页,或者SNS的好友信息列表等等。这时候出去“回到顶部”这个按钮满足用户回到首频发消息的需求。


  为什么会出现“返回顶部”这个按钮呢。先不去追溯根源,我们从一下几点来分析它存在的理由。


  1.用户习惯问题


  一鼠走天下是大部分用户操作电脑的习惯,很多用户仅仅把键盘当作打字用的工具,至于上面的快捷操作什么的没几个人会去挖掘。只有少量用户保留计算机键盘操作习惯。所以就出现了各种造型的“返回顶部”按钮。


  2.用户行为引导


  首页,用户的阅读习惯从上之下的。“返回顶部”的按钮,设计的初衷是为了引导用户看完了当页的所有内容,让你慢慢看、细细看。希望你在页面停留更多的时间。当你需要更换其他页面的需求或者切换功能时,“返回顶部”按钮便能一键到达页面首频。


  相反,如果取消返回顶部,用户需要手动拉滚动条或鼠标滚轮,对于大多数用户来说又是一种考验。当然也可以通过键盘快捷键PageUp,PageDown,Home,End来完成。速度还快,操作方便。


  3.用户体验的细节优化


  国内网站屏幕内容都比较长,返回顶部方便用户。如果页面很长有一个返回按钮方便用户也是用户体验的优化。如果真要判断这个按钮是否需要和有意义,得看所在的页面提供给用户什么功能。


  4.增强网站的互动性


  在日益激烈的互联网竞争行业,不仅仅是要做好自己的平台内容,有些小细节是非常值得我们去思考和优化的。常说,细节是魔鬼。不是一句空话,这对现在的UI设计师和产品来说是必须要考虑的事。这样的细节体现在与用户的互动性和引导用户的操作行为。


  大多数的网站用户,还是属于“鼠标流”操作的选手,对于这类的人,将滑动鼠标滚轮,或者点击滑块拖拽的步骤省略。且不论个人习惯或对计算机操作的熟练程度,个人认为要因功能和需求而异。“返回顶部”按钮在视觉设计上也可做些创新,在共性中找特性。大多数网站的“返回顶部”都标准化的统一,只是细微的区别。当然我知道为什么会有相同处理方式的理由,在这里就不去深究了。下面是找的一些案例: