高端网站设计中滚动的新趋势

滚动对于高端网站设计来说曾经一度成为禁忌,如今已完全复苏,成为近年来最受欢迎的技术之一,因为用户对需要滚动的网站发现了新的喜爱和赞赏。滚动消除了它的旧污名,将其自身重新塑造为交互设计的核心元素,这也意味着设计师需要学习新的规定来足够的了解它。本期维仆网站设计公司Angle将探讨滚动的重生,讨论一些利弊,并列出该技术的一些快速提示。


高端网站设计


滚动为何复苏?

简单的答案是移动设备。自从移动用户超过PC用户以来,各地的UI设计人员都进行了相应的调整。随着越来越多的用户使用较小的屏幕,滚动变得越来越有必要:屏幕越小,滚动时间越长。但是还有其他因素。在更多地方都可以访问高速互联网,这使得滚动浏览比访问页面更快捷地访问信息。社交媒体网站日益强大的实力也为这项技术注入了活力:滚动自然可容纳其丰富的用户生成内容。


滚动的优缺点

使用每种设计技术和工具,都会有一些人喜欢和讨厌这个概念。在大多数情况下,双方在本质上是对还是错都无法得出结论。这就导致在处理此类项目之前权衡所有考虑因素很重要的原因。


滚动优点

1、鼓励互动-不断变化的元素刺激,这可能是一种有趣的讲故事方法,可以鼓励用户互动-尤其是高雅执行的视差滚动。
2、更快–长滚动比单击复杂导航路径要快,并且不会减慢速度或限制用户体验。如“ 交互设计最佳实践”中所述,对时间的感知通常比实际的时间流逝更为重要。
3、吸引用户–易用性促进了交互性并增加了现场时间。对于无限滚动站点尤其如此,您可以在其中帮助用户发现他们可能根本没有想到的相关内容。

4、响应式设计–页面设计在具有不同屏幕尺寸和功能的设备上会变得复杂,但是滚动有助于简化差异。

5、手势控件–滚动似乎与触摸有机地联系在一起,因为向下滑动比在屏幕的不同区域重复轻按要容易得多。用户(尤其是移动用户)通常接受这种方式来显示信息。
6、令人愉悦的设计–只需点击几下,便可以加快交互速度,从而获得更加类似于应用程序或游戏的用户体验。


滚动缺点

1、固执的用户–没关系,为什么某些用户总是抵制更改。尽管如此,该技术现在如此普及(尤其是在移动体验中),可以肯定地说大多数用户已经习惯了该技术。
2、SEO的缺点–只有一页可能会对网站的SEO产生负面影响。

3、迷失方向–滚动和内容之间的断开可能会使用户感到困惑或迷惑。

4、导航困难–“返回”页面上的先前内容可能很尴尬。为了解决这个问题,您可以创建一个持久的顶部导航,其中每个项目都固定在页面部分上

5、网站速度–视频或图像画廊等大块内容可能会降低网站速度,尤其是对于视差滚动网站而言,它们依赖Javascript和jQuery。

6、没有页脚–对于无限滚动的网站,我们建议您使用精简的“粘性”页脚,以免牺牲可导航性。否则,页面底部缺少进一步的导航,可能会使用户感到困惑。


滚动的最佳做法

滚动视差效果和类似机制在高端网站设计领域(1?4年)仍然相对较新,但是仍然有些基本的反复试验产生了一些基本的最佳实践。接下来就给大家讲解一滚动的最佳做法吧。


1、不要害怕在短滚动时长交替显示。让内容决定滚动长度,而不是相反。使用短滚动主页和长滚动目标页面(例如“产品”,“游览”等)完全可以(而且很受欢迎)。

2、考虑粘性导航,例如Free Range Designs使用的粘性导航,以便用户始终可以快速“返回”或在滚动中从一个元素跳到另一个元素。

3、建议滚动使用设计元素或工具,以便每个用户都能快速查看网站的工作方式。箭头、动画按钮或类似的用户界面工具是帮助用户确定下一步操作的有趣且简便的方法。某些网站甚至包括带有“滚动更多信息”或“入门”等说明的小按钮,以帮助你使用非常规技术浏览网站。

4、明确区分滚动点击或点击和其他号召性用语,以便您的网站获得所需的交互。

5、做一些研究,看看用户如何与滚动交互。例如,在百度统计中,你可以打开“页内分析”标签,查看有多少人点击了首屏。根据数据,然后可以根据需要调整设计。

6、关注你的用户目标,并接受即使无限滚动的站点也不是无尽的。在创建滚动时间更长的网站时,请了解用户仍然需要方向感(当前位置)和导航(其他可能的路径)。


长时间滚动的站点无处不在。虽然我们已经看到了流行设备上屏幕尺寸的起伏不定(或增加或减少),但是在可预见的将来,尺寸会变小。小屏幕需要更多滚动,这也是个趋势。


以上就是Angle为大家整理的滚动在高端网站设计上的新规定,希望对大家有所帮助。


相关资讯

如何在网页设计中有效的使用排版?

  • 2017-07-20

随着内容在SEO中越来越受欢迎,对版式的深入了解已成为... 查看详情

好的网站设计是通过潜意识做选择

  • 2017-07-20

十多年的经验告诉我们好的网站设计是通过潜意识做选择... 查看详情

罗湖移动网站建设的最佳做法

  • 2017-07-20

2020年,移动占全球电子商务总销售额的67%以上,有40%的人报... 查看详情

罗湖网站制作有哪些地方需要注意的

  • 2017-07-20

企业网站制作肯定是为了让网站获利,把自己的企业知名度... 查看详情

深圳网站设计公司告诉您建设一个网站的成本是多少

  • 2017-07-20

无论您是重新设计现有网站还是创建一个全新的网站,您都... 查看详情

企业网站设计促成转化需要遵循的三个设计原则

  • 2017-07-20

寻找提高企业网站设计转化率的方法?你可能已经听说过,网... 查看详情

制作响应式网站设计指南

  • 2017-07-20

向应式网页设计会根据浏览它的每个设备或浏览器的大小... 查看详情

网站设计的高对比度模式

  • 2017-07-20

当我们谈论网站设计可访问性时,我们往往会谈论很多事情... 查看详情

大连网站建设公司哪家好?

  • 2017-07-20

大连网站建设公司哪家好?随着产业的升级转型,大连市逐渐... 查看详情

广州网站设计公司排行榜

  • 2017-07-20

最近总是会有一些人在搜索“广州网站设计公司排行榜”... 查看详情


联系
  • 地址:深圳市罗湖区中海慧智大厦1A座706
  • 热线:0755-8672-1169
  • 直线:137-2893-6255
  • Email: 2503595831@qq.com
  • 周一 - 周五:10:00 am - 7:30 pm
    周六 - 周日:休整
  • 服务城市: 深圳   广州   香港   成都   台湾   珠海   汕头    甘肃   中山   佛山   长沙    东莞
  • 深圳区域: 罗湖   福田   南山   盐田   宝安   龙岗   龙华   光明   大鹏   坂田   西乡   科技园