长滚动或者无限滚动式的网站制作愈加时尚,这或许又是客户体验下的又一产物,借助长滚动式网站建设可以解决网站因很多内容而影响客户体验的问题,这种技术允许用户来回移动很多内容,并只在用户向下滚动时出现更多信息。如何合理的利用长滚动模式网站建设呢?
第一,博久网络先来讲说长滚动式网站有什么好处。
1、更多的吸引潜在用户。(滚动最小化达成各种用户目的所需的交互本钱。无需点击“下一步”就能让用户参与内容,而不是专注于导航到下一页的机制。)
2、非常不错地转化为手机。移动屏幕用的增加在广泛同意这种技术方面发挥了重点用途借助长滚动式进行网站制作的方法剖析假如导航栏在用户向下滚动时失去其可见性,当它们在页面内部时,将不能不向后滚动。这个问题的解决方法显然是粘贴菜单显示目前地方,并一直维持在屏幕上的一致地方。
仅适用于手机借助长滚动式进行网站制作的方法剖析用户的滚动地方不会反映在网址中,网址会致使页面顶部。当用户不可以随便地在设施之间切换时,用户将变得易如反掌地从目前地方继续浏览,由于网址不可以捕获该地方。从HTML5开始,可以更改浏览器中显示的网址,而不需要重新加载页面。history.pushState()函数使大家可以在不重新加载页面的状况下更改网址,从而允许大家将滚动行为与用户的期望相匹配。
5. 考虑跳转选项
长滚动的另一个容易见到问题是定向障碍借助长滚动式进行网站制作的方法剖析假如要用“跳转到部分”功能,请确保该系列的点容易用。假如它们非常小或很难用鼠标点击或者在触摸设施上准确地按下,那样它们将妨碍用户。因此,确保点的大小适合。
6. 加载新内容时提供视觉反馈
依据Jakob Nielsen的 10 heuristics for usability,系统状况的可视性仍然是用户界面设计中非常重要的原则之一。用户期望在系统给定的任何时间内了解他们目前的上下文,且网站不应该让他们猜测――它应该通过适合的视觉反馈告诉用户出了什么事。假如你的网站有动态加载内容,那样用户需要一个明确的迹象显示网站正在做这个。公告他们用进度指示器显示新内容正在加载,并将非常快出目前页面上。
由于加载内容是非常快的(它不应该花费长达2到10秒),你可以用循环的动画来表明系统正在工作。
细微的动画(如Tumblr的加载指示器)告诉用户“我正在为你加载更多内容”。
7. 不要劫持滚动
劫持滚动的网站控制滚动并覆盖互联网浏览器的基本功能。滚动劫持是坏的,由于用户不再具备对该页面的完全控制,并且没办法预测其行为。
在苹果Mac Pro页面上可以看到这个问题。无论你滚动多快,布局以预定速度移动。因为此页面上的所有内容都与滚动有关联,因此访问者被迫以缓慢的速度浏览该页面。
无论你滚动多快,布局都以预定的速度移动。
8. 优化页面的加载时间
加载时间慢是长滚动页面的容易见到问题。但对于网站来讲,加载慢是一个致命的打击。事实上,47%的用户期望网页在2秒内加载完成。假如页面在3秒内没加载,则57%的用户将会离开。
虽然加载时间是长滚动页面的一个问题,但这是可以解决的。页面加载时间可以用顺序加载技术进行优化,比如借助长滚动式进行网站制作的方法剖析借助长滚动式进行网站制作的方法剖析目前链接: