设计无限滚动的三个要点

时间:2018-06-22 15:28:54 关键词:无限滚动 SEO 页面底部 滚动页面 定位 停留时间 引导用户 网站浏览

设计无限滚动的三个要点

用户愿意浏览大量内容以找到他们感兴趣的内容。用户会关注内容,然后关注其他事情。无限滚动允许用户找到他们想要的东西。本文主要分析滚动设计,一起来看看

随着社交网络的流行,无限期滚动Feed流是一种探索更多内容的必要和互动方式,正如Flickr和Facebook所做的那样。用户愿意浏览大量内容以找到他们感兴趣的内容。用户会关注内容,然后关注其他事情。无限滚动允许用户找到他们想要的东西。

另外,无限滚动线性结构使网页编辑易于操作。随着用户向下滚动页面,奇怪的布局可以与各种微动画效果一起使用,以创建一个让用户对接下来会发生什么感到好奇的氛围。

第一个屏幕上的内容会有第一印象,并让用户对后面内容的质量有相应的期望。只有当第一个屏幕上的内容足够吸引人时,用户才愿意滚动以查看更多内容。这种情况适用于手机,平板电脑或个人电脑。只有当用户认为滚动的内容是值得的时才会这样做。

1.给用户有趣的内容

用户不需要支付任何运营成本看到的内容是使用户能够向下生成滚动行为的能力。为确保用户下拉以查看更多内容,您必须提供用户感兴趣的内容。

2.避免不正确的页面底部显示

第一个屏幕上的内容会影响其余内容,并且第一个屏幕上的内容应提示用户在滚动后拥有更有价值的内容。当您错误地显示主页的底部,或者显示第一个屏幕的内容时,看起来好像下面没有更多的内容。然后,用户没有理由相信下面有更多的内容,所以用户很少滚动。

避免错误的底部页面显示非常简单,只需在视觉上提示用户在下面提供更多信息。例如:可以在第一个屏幕的末尾裁剪网格或卡片布局,以告知用户滚动的方向和更多

或者你可以直接告诉用户用清晰的提示滚动浏览——。例如:指向屏幕底部的箭头或“滑动以查看更多”副本,这显然可以提示用户在下面添加更多内容。

其次,调整导航形式以适应滚动

导航会对网站的用户体验产生好的或坏的影响。有用的导航至关重要,因为用户必须能够快速找到他们在页面上的位置并知道如何进入他们想要的页面。

1.使用固定导航(列)长时间滚动会导致导航困难。如果用户在滚动后看不到导航栏,他们将不得不滚动到顶部。一个简单的解决方案是一个固定的导航栏,该导航栏始终保持导航栏可见,使用户可以轻松快速地导航到不同的页面或区域。

2.考虑使用定位按钮

无限滚动的另一个常见问题是——可能导致用户迷路。用户可能会发现很难在页面上查找以前浏览过的内容。当页面内容被划分成许多同样重要的部分或块(例如,长的用户引导的页面)时,问题(用户丢失)变得明显。特别值得注意的是,使用页面快速定位按钮可以解决这个问题。

3.确保后退按钮正在工作

当用户在页面内打开一个链接(没有跳转),然后单击后退按钮时,他们预计能够返回到前一页上的相同位置。

但是,如果页面上的位置未保留,则使用浏览器的返回按钮将位置重置为页面顶部。丢失之前的阅读位置将迫使用户翻阅他们已经看到的内容。在这种情况下,用户很容易感到沮丧,因为他没有返回原始位置的功能。

第三,使用动画来加强滚动形式

考虑到用户在一个页面上的注意力可以集中大约8秒,非常令人愉快的滚动体验可以显着延长用户的停留时间,并且所使用的动画可以引导用户很好地进行滚动体验。

1.滚动激活的动画

考虑到将页面划分为可滚动部分,每个部分都可以通过动画效果来引入其内容。当用户滚动时,通过创建内容的运动轨迹,动画将用户的视线覆盖到下一个屏幕。

这是一种非常有效的方式,可以保持用户对以下内容的兴趣,并将其呈现给用户的内容流(通过对不同的内容块进行动画制作并让用户持续对其感兴趣)。

2.视差效应

当您的网站想让故事流畅时,长时间滚动和视差效果可以创建完全身临其境的浏览体验。

视差滚动意味着背景内容的移动速度比前景元素慢一点,并且当您向下滚动页面时,它会创建3D效果。如果使用得当,它可以创造出非常好的深度感。这种形式非常适合那些描述性网站,它们使用良好的视觉元素来创造更具有身临其境,更有趣和令人兴奋的体验。

3.加载时提供视觉反馈此方法特别适用于无限滚动页面,并且对于滚动具有大量内容的页面也很有用。当加载新内容时,用户需要一个网站传递明确的加载信号,使用进度信号显示新内容正在加载,并且会快速显示在页面上以保持用户的感受。

还可以添加附加信号以通知用户,包括使用该副本来解释用户等待的原因。

4.避免使用滚动进行转换

以滚动形式被绑架的网站忽略了网站浏览的基本功能。被滚动劫持的经历非常糟糕,因为用户无法完全预测他们自己的操作行为和结果。用户对网站上的滚动交互的期望不应该被狭隘的经验所劫持。

5.缓解SEO的劣势(SEO =搜索引擎优化,这部分不是特别理解)

长时间滚动可能会对搜索引擎优化产生负面影响,但如果您遵循Google推荐,则可以避免。做一个用户行为分析,看看你的网站如何实际工作。

IV。结论

在网页设计中,用户的浏览过程应该和目标内容一样有趣。长卷轴可以创建完全身临其境的浏览体验。


转载请标注:贵阳网站建设专家第一网络,链接:http://guiyang.01netcn.com/news/i1257.html

139 9608 0299
贵阳市高新区贵阳科技大厦A座9楼