深圳企业官网设计公司|品牌网站设计

页设计中的滚动,滚动似乎是网站的一个非常基本的功能。尽管网站具有基本功能,但您网站上的滚动既可以使用户受益,也可以吸引用户,从而将他们推向竞争对手的网站。


一些网站采用“无限”滚动,您滚动到一个较长的首页的底部,只是看到滚动条跳到底部的更多内容时才跳回到其轨道的中间。这种滚动在某些情况下可能是有效的,但它会使用户更沮丧。本期深圳网站设计给大家带来的是要认识到滚动在哪里有效以及应该使用哪种类型。



复杂性要求简单

网站比以往任何时候都更加健壮和内容丰富,因此网页设计师们构想出了一种新的方法,可以在不使用户淹没的情况下用信息填充屏幕。鉴于移动设备用户超过台式机用户的事实,现在尤其如此。设计人员必须在相对较小的屏幕上放置大量内容,这需要某种程度的滚动。平铺设计的想法是创建一口大小的内容(通常是指向更详细内容的交互式链接),以快速有效地进行浏览。将此概念与滚动结合使用,您可以为用户提供看似无穷无尽的内容流。滚动在移动设备上自然也很有吸引力。滑动手指是一种简单,轻松但精确的动作。用户可以快速学习如何快速或缓慢地滑动以到达页面底部,以到达下一个相关内容。


滚动类型

根据您的品牌形象和客户群,您网站上应显示的滚动类型会有所不同。在决定采用哪种方法时,请考虑该方法将如何与您提供的内容进行交互。滚动有三种基本类型:


1、长滚动

长时间滚动的优点是您可以创建无缝内容的单个页面。这样可以为用户提供流畅,线性的浏览体验,并自然地有助于讲故事。当用户滚动时,他们可以自然方式吸收更多故事,从而提供更加身临其境的浏览体验。许多站点选择长时间滚动的单个页面,但是此配置的主要缺点是可能会损害站点的SEO。具有多个页面的网站在SEO方面的表现往往更好。


2、固定长滚动

固定的长滚动配置不会使整个页面滚动,而是使某些内容保持静态,而其他内容滚动。或者您可以设置滚动,以便当用户到达某个点时,静态内容将移至新部分。这对于那些由于SEO问题而不想转换为单个页面的网站非常有用。


3、无限滚动

对于提供大量内容的网站,可能一次加载到单个页面上的内容太多。使用无限滚动设置,您实际上可以创建节奏。大多数社交媒体(例如Facebook,Tumblr和Imgur)都配置为无限滚动。这使用户可以连续浏览新鲜的内容。


滚动最佳做法

您在网页设计上使用的滚动类型应取决于您的内容。滚动的基本功能是允许用户根据需要消化或多或少地消化您的内容,因此根据您的产品定制体验很重要。内容非常丰富的网站可能需要调查无限的长滚动。这种方法适用于社交媒体,尤其是在移动平台上,因为在单个页面中根本没有太多内容要消化,并且尝试将每一位都适合到单个页面上既不切实际,也没有参与性。让您的内容决定您的滚动长度。您还可以使用简单的按钮(“滚动更多”或“查看更多”)修剪滚动。允许用户决定是否要继续浏览,这样您的页面不仅加载速度更快,而且人为的好奇心也将使用户点击更多次。


您的用户数据将告诉您很多有关您的用户如何与您的网站进行交互以及是否应该重新考虑滚动配置的信息。用户访问您的页面时,他们看到的第一件事就是顶部。其视图的底部称为“折叠”,您的Google Analytics(分析)可以告诉您在其下方单击的用户数量以及访问频率。该指标将告诉您当前的滚动设置和网站布局是否正在鼓励用户继续向下滚动以查看您所提供的内容。


粘性导航是一个很棒的工具

无论您为网站选择哪种类型的滚动,粘性导航都是使用户在浏览您的网站时始终处于掌控之中的好方法。考虑一下基于网站的电子邮件客户端(例如Gmail):您可以向下滚动收件箱,但屏幕左侧的栏中有用于在帐户之间切换或访问不同文件夹的按钮。用户可以在闲暇时滚动,但是他们始终可以选择跳到确切的部分。任何类型的网站都可以从粘性导航中受益。如果您使用无限滚动,则用户可能会喜欢一次单击即可跳回到页面顶部的功能,而不是连续滑动。您还可以创建一个标题,无论用户向下滚动多远,标题都可以保留在屏幕上,从而可以立即访问基本功能。


滚动的利弊

随着越来越多的人转向移动设备浏览网页设计,滚动浏览似乎是网站的自然选择。当然轻触各种链接是快速简便的,但是大多数用户都希望尽快访问网站的大部分内容。您可以通过强大的内容服务吸引用户,如果您提供控制措施,也不会让他们感到不知所措。但是,请务必记住,大块内容或多媒体会减慢页面加载速度。这可能会损害您的用户在移动设备上的体验,因为许多人将在移动中浏览蜂窝数据或弱于平均水平的Wi-Fi连接。


您可能还需要牺牲网站的页脚。几乎每个网站在页面底部都有一个页脚,该页脚具有指向公司资料的精确链接,可以在此处提交工作申请,联系信息和其他常规信息。您可以通过使用粘性导航工具来消除对页脚的需求,用户可以单击该粘性导航工具来转到网站的特定区域。如果您正在设计用于移动设备浏览(应该如此),那么滚动的好处就远大于缺点,只要您明智地配置网站的滚动即可。移动设备固有地鼓励交互,并且通过精心设计的响应式网页设计,您的用户将以独特的方式来欣赏您的内容,从而感到舒适。

文章出自:深圳网站设计,原文地址:http://www.8kwz.com/news/2145.html,转载请保留文章出处即可!

本站文章大多数属于原创文章,欢迎大家转载!少数我们转载文章的文章,如未获您授权请点下方联系我们,我们会尽快下线处理!

相关内容

在线客服

扫描二维码马上微信沟通:

  • 网站定制设计
    网站设计开发

  • 微信定制开发
    微信定制开发

服务热线

网站设计热线 0755-8268 5986

微信开发热线 0755-8268 5936

全天咨询热线 159-8667-8737
24小时热线电话,非工作时间自动呼叫转移

扫码加微

15986678737 扫码加微信沟通