在网站设计中使用视差滚动时要考虑的事项
有人真的说过-网站会24/7全天候提升您的能力,而没有员工会这样做!
这意味着您在设计网站时应该小心,这是24/7全天候营业的窗口。我们已经反复讨论了这个问题,即网站用户甚至访客是否愿意在您的网站上停留更长的时间(如果没有新内容)。让我们考虑另一种情况,您使用的网站是从竞争对手的网站复制而来的,在这里您没有什么可以说是独一无二的。您认为有人会愿意留下来吗?
新的好方法是减少垃圾并提出新的想法来设计您的网站。而且,这些新想法确实应该是新的!用户在访问您的网站时所经历的体验和交互(UX和UI)是需要确保他们永远留在这里的。
在这样的时间点,视差网站设计就成为了场景
视差设计的总体任务是提供视差滚动,这将产生2D效果,其中前景图像的移动速度将比背景图像移动的速度快。否则,这称为"非对称滚动"。用户在网站上移动时的速度分层为他们提供了身临其境的体验,最终使他们对您的网站感到震惊。
HTML和CSS3结合在一起,编织出使网络流畅化,吸引最终用户的魔力,并共同带来了出色的网站体验。视差滚动所涉及的设计组件极少,因此理想情况下,应将其应用于确实滚动太长的站点。显然,当使用视差滚动设计时,内容丰富的网站可提供出色的网站体验,因为用户可以滚动浏览持久的视觉效果,从而进一步拉动它们。
1)SEO观点
您的网站永远不会被人们或搜索引擎所熟悉,除非它已针对搜索引擎进行了优化(即SEO正确完成)。因此,当您将视差效果添加到您的网站时,您需要确保它也将使SEO部分受益。
正如我们已经讨论过的那样,视差滚动对于展开成长滚动的站点是一种很好的体验,因此将网站分成多个页面且包含很多内容的概念在这里不会发生。
因此,当页面数减少时,内容就会减少,这意味着您只能使用几个关键字,最终这将导致您的网站在搜索引擎结果页的阶梯上被推低。
如果网页较长,则加载时间会更长,这将导致其在手持设备(如手机)上的加载时间更长。
但是,您不必担心。全球有许多视差网站在搜索引擎上排名最高,这意味着,尽管从SEO角度来看,专家并没有对其加以重视,但仍有一些秘密成分将带您进入那里。
2)加载时间
我们已经讨论过,当网页较长时,尤其是在手持设备(例如手机)上,加载时间将更长。
耗时超过10秒的网站会驱走客户,这是网络世界的规则。那么,您如何确保它能按时加载?
您网站的美学力量已经吸引了人们。但是,正是这种相同的美学力量会导致人们在页面花费较长时间加载时失去耐心而离开。
这意味着,如果有诸如高分辨率图像之类的繁重组件,则网站加载速度更快的机会就很小。
关键是要在您的网站上引入美学元素,但是无论网站如何加载,人们都应该准备好等待。
这意味着应仔细放置设计元素。
3)可用性因素
与视差网站相比,在传达业务信息时,您永远不能低估普通网站的功能。
尝试享受您的视差网站的美好体验的人们之间的界限很细,而它却为他们提供了直观的移动体验。
关于视差网站的使用存在争议,其中专家说,这最适合仅在要展示作品集的情况下使用,或者在试图显示您在这里所做的工作时。
这与试图销售产品或服务的网站不同步。
当您的用户尝试收集有关您的身份的更多信息并检查以在"关于"页面上查看更多详细信息时,只有一个长页面,其中几乎没有或根本没有关于您是谁或您是什么的信息。在这里做。
在这种情况下,视差滚动不会带来任何好处,反而会导致混乱,这对您的网站不利。
这意味着,如果您的网站在这里传达信息或提供有关您的产品或服务的更多信息,则可能会造成混乱。
所有这些将我们带到了一个单一的点,这就是说,当您试图传达新的想法或信息时,视差网站是最合适的。
如何确保所做的一切都能正常工作?
1)检查网站上是否有故事要讲
这是您的网站设计最重要的阶段之一。因为这是一个很长的页面,人们必须从上到下滚动,所以这种内容显示非常适合,因为人们会觉得阅读很有趣。
他们不必切换页面,而只需从上至下阅读。
表达式构建器可用于在您的网站上包含表达式,并让您的用户通读。
这将使他们继续前进,并确保在阅读过程中阅读变得有趣。
2)指导他们
正如我们已经讨论的那样,这对动画在特定时间段后可能会变得令人讨厌。因此,您必须准备给他们一些有趣的东西。
当他们在您的视差网站上滚动时,请确保传达给您的产品或服务或您为人民所获得的任何信息,而不会使他们对要做什么感到困惑,或者让他们思考他们在哪里。
3)移动响应
我们已经看到,长时间滚动浏览的网站并不像对移动设备友好,这可能是有害的。
在大多数情况下,当您的网站不适合您的移动设备时,设计人员可能会从使网站响应移动的工作中解脱出来。
而且,在此期间,他们失去了许多原本会在移动设备上向他们求助的客户。
所有这些都会导致您失去访问者时降低排名,这是搜索引擎所不赞成的。
4)吸引真实用户进行测试
您有必要找出目标受众的脉搏。他们的思考过程与您的不同。您真的不知道他们在寻找什么。您可能创建了一个美学上强大的网站,但是,然后如何确保这是他们的期望。
除非让他们测试并监视和跟踪他们的行为,否则您将如何确保自己拥有的网站是他们想要的。
5)不要做这些事
与其他所有设计过程一样,在设计视差网站时,您不应该做以下几件事:
设计时没有无底的滚动效果
不要用视差效果捕获次要元素。
使您的员工可以找到他们所需的信息。
这些是设计视差网站以确保一切正常时应注意的一些事项。
分享标题:在网站设计中使用视差滚动时要考虑的事项
网页链接:http://scyanting.com/view/208255.html