400-609-4309

如何设计用户喜欢的滚动页面

从某种意义上来说,长滚动页面和无限滚动的设计,如此地受欢迎,是因为它贴合了用户滚动浏览的习惯。今天小编主要给大家分享如何设计用户喜欢的滚动页面,希望对你们有帮助!

如何设计用户喜欢的滚动页面

1. 一开始就提供有趣的内容

尽管许多用户习惯于在页面加载时就滚动页面,但是首屏的内容对用户决策的影响是至关重要的。首屏的质量将对后续内容的预期产生重大影响。如果首屏的内容足够有趣,用户就会主动向下滚动,希望看到同样有趣的内容。

因此,作为整体设计的一部分,设计师应该在首屏上设计让用户感兴趣的内容,并传递给用户一条同样有趣的消息。

在设置内容时,尽量为用户提供:

(1)有趣的元素和内容。(吸引用户注意力的内容和信息)

(2)精彩的图片或视频。(用户会密切关注这些视觉信息)

2.给用户一个直观的提示

有时候,如果想让用户向下滚动,设计师可以直接告诉用户,在这方面为用户提供视觉线索,例如指向的指引箭头,或者简单地在文本中写下“向下滚动”,以通知用户下面有更多的内容。

呈现视觉线索的方法有很多,如果显式的内容不够“优雅”,可以尝试让下面的内容显示在首屏上,让用户明白下面还有更多。

3.保持导航可见

导航是一个网站的重要组成部分,它能成就一个网站的良好体验,也可以摧毁它。设计web页面时最大的风险之一是可用性低导航设计,这会导致用户在使用过程中会迷失方向。

通常,这种设计会让用户感到吃多白干,因此,尝试使用悬浮制定的的导航栏,或者固定导航栏,一方面让用户始终知道自己在哪里,另一方面方便用户跳转到其它位置。

在为移动端设计时,需要注意导航会不会占用太多的空间,更合理的策略是让导航在滚动时隐藏,当它准备回到顶部或停止时显示出来。

4.加入动态效应,增强参与性

以视差滚动为代表的动画特效是一种设计技巧,它允许用户滚动浏览更有趣的设计,同时,吸引用户不断往下滚动浏览,让用户始终处于探索“下一步还会发生什么”的过程中。

考虑到页面常常被设计成不同的区块,创造性的效果可以移动到不同的区块中,让用户在精心设计的路径中滚动浏览。

视差滚动是目前最流行的特效之一,设计师可以根据元素移动速度的不同来创建深度和沉浸感。当用户平滑地滚动内容时,视差效应产生的沉浸感会给用户一种身临其境的感觉。

5.避免滚动劫持

滚动劫持的概念并不难理解,浏览器本身的滚动机制被替换,用户无法按照他们期望习惯的方式滚动页面。

有时这种情况是设计师故意创造的浏览效果,但它并不是一定能给用户一个很好的体验,至少大部分时间是超出用户的预期,滚动劫持这种情况应该尽可能避免使用。

12 12 分享:

相关课程

发表评论

登录后才能评论,请登录后发表评论...
提交评论

最新文章