网站建设在它上面的manta并不总是你的内容和设计所需要的。这里有七种方法来创建一个长期滚动的网站,将保持用户的关注,并希望让他们滚动。
长时间滚动可以成为吸引用户的方式。有时最好的视觉呈现可能不会完全发生在滚动上方。长时间滚动格式是多次滚动以捕捉内容的网站。让我们把经常辩论的概念休息一下。今天的用户了解如何以及何时滚动。
1.创建参与内容
谈到一个长卷的网站,成功的关键是质量。没有很好的内容,没有其他事情真正重要
坏消息是没有高质量的内容测试,会告诉你,如果你正在创造的是好的。(用户分析将提供这些信息。)
但是有几件事可以帮助您创造的内容:
讲一个有趣的故事,把它变成你的故事。
使用高分辨率和有趣的视觉效果,如照片,插图和视频。
给用户一个滚动的理由。(有许多书籍章节以悬崖峭壁结束的原因,这使得人们阅读。)
限制选择。给用户在设计中做些事情,但不要用太多的选择压倒他们。每个卷轴或故事舞台上的一个号召性用语就足够了。
写诱人的副本。虽然视觉效果给人留下了第一印象,但这些词将会使用户在内容中移动。使用动作动词,并参与一个可操作的,可靠的故事。
2.建立一个视觉主题
强大的视觉主题将帮助用户理解前一个屏幕或滚动的故事。视觉提示,如常见的颜色线,箭头和连接线,甚至似乎重叠的屏幕可以创建一个从滚动到滚动的视觉线。这将有助于保持用户在整个设计中的移动。
这是如何知道如果一个长期滚动的设计为您的网站工作。在您的分析中跟踪现场的时间。在长时间滚动选项之前,用户是否停留在网站上的时间更长?他们是或多或少的内容互动?最终期望的转化行为是增加还是减少?
不仅仅是一个视觉主题,长时间的滚动应该有助于网站流量。如果这没有发生,用户可能不理解视觉主题,他们应该滚动或者设计概念可能不适合那个用户群。(长时间滚动不适用于所有人或每种内容类型。)
3.喜欢互动
长时间滚动的一个好处就是可以在网络上使用沉浸式的故事叙述技术。这通常包括许多旨在取悦用户的小型交互。
从动画到滑动操作到滚动技术,再到屏幕上变形的图像,这些小的互动可以帮助用户保持联系。在上面的比赛中,使用了一些交互 - 视频,滚动上的动画框,悬停效果,旋转计数器和图像滑块。
滚动的每个不同部分都包括对该内容区域唯一的动画。因为元素,交互和内容是不同的(但是仍然遵循很好理解的用户模式),所以游客在每次轻弹鼠标时都会有新的东西。
4.使用滚动技术
设计师喜欢长卷轴网站的原因之一是因为它们在台式机和移动设备上运行良好。
许多用户实际上更喜欢滚动而不是点击(或点击)在较小的设备上,因为所有的信息仍然在一个地方并且易于访问。
使用滚动技术(如视差,色彩遮挡或混合内容类型(交替使用图像,文字或视频沉重的屏幕))来保持设计流畅。通过使用和混合滚动技术,设计向用户发出内容变化的信号,同时保持它的趣味性。这些效果也可以鼓励滚动,因为用户会希望看到接下来会发生什么。
而且通过长时间滚动设计,所有内容(或大部分主要内容)都在一个页面上,因此您不必重新考虑弹出窗口或隐藏的移动导航。一切都在那里为用户。
5.替代长和短滚动
正如您将在单个滚动中交替滚动技术来创建页面或屏幕一样,请注意混合长和短滚动分段。
包含快速且易于消化的短滚动元素,例如图像或带有少量大词汇的块。然后添加更长的滚动元素,例如信息图或矮胖的文本块。按照这个简短的号召行动。
混合内容块的长度有助于保持对用户不感到厌烦的流量。(这个概念很像书写内容,你想要混合句子长度来防止单调或读者的无聊。)
6.提供路线图
当涉及到长时间滚动的网站时,用户想知道他们在哪里以及他们什么时候到达目的地。你需要提供一个路线图。
网站用户路线图有多种形式:
粘滞的导航
显示剩余内容的点或元素
告诉用户下一步该做什么的箭头或符号
一种回到开始或结束的方式
7.设计明确的目标
长时间滚动或无限滚动的网站不应该是无止境的。设计应该包括一个开始,结束和明确的目标为用户。
无论设计看起来多么酷,都需要给用户一些东西去做。(这就是为什么你有一个网站,对不对?)
在多个地点开展号召性行动非常重要
在你思考设计之前,勾画出最终目标应该是什么。确保长卷轴设计的每个部分都能帮助用户达到这个目标。看看上面的例子:每个页面和每个滚动包括一个号召性用语按钮,它位于设计的中心,易于查看和点击。
在多个位置使用号召性用语很重要,因为并非所有用户都将滚动到长滚动内容的末尾。无论这个故事有多好,无论视觉效果如何,无论多么诱人的互动...大多数用户都有短暂的关注时间,并将决定是否以及如何在几秒钟内参与设计。确保可执行元素从一开始就清晰可见,并且在设计交互的每个阶段都可以访问。
结论
虽然长时间滚动的
网站设计并不新鲜,但增强体验的方法正在发展。它从优秀的内容开始,并以您如何策划体验结束。
请注意,长时间滚动的技术和概念在设计和用户社区中仍然颇受争议。权衡利弊,以及这种技术是否适合您的概念,然后确保一路测量分析和测试,以确保其正常工作。
本文来自创新互联品牌网站建设网站设计制作公司-创新互联
标签:成都网站建设公司,成都网页设计公司,成都网站设计公司,网站建设 成都,成都 网站建设,成都企业网站建设,营销型网站建设,网站建设设计,网站开发,网站制作设计
网站题目:网站建设中7种方法,让你设计出一个有吸引力的滚动网站
标题网址:/news/166021.html
网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有网站建设等
广告
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源:
创新互联