欢迎你光临天络科技
广州站:020-85533446
深圳站:0755-88291481
400-800-4428

分享:如何创造让人欲罢不能的长滚动页面

       将首屏作为设计的重心已经不足以满足如今的设计需求,有的时候你还是得设计一个长滚动单页来承载足够的内容,保持用户的关注度,让他们在滚动中获取足够的内容和信息。
       使用长滚动式网页确实能够更为有效地呈现内容。这种轻松的交互方式本身就对用户有着足够的吸引力。不过,想要设计足够优秀的长滚动页面,单纯的视觉设计是不够的,在不断的滚动浏览过程中如何让用户更好地吸收信息才是设计师需要仔细考虑的事情。今天的文章,我们来分享一下,让长滚动页面更加优秀的 7 种策略。

       1、创造真正拥有高参与度的内容
       不论如何设计,网页核心的内容质量首先得过硬。同时,内容还要和整体设计有效得搭配起来。想要创造优质的内容,有几个方法能够帮到你:
       借助高分辨率、高素质的视觉内容,比如高清图片、视频和精致的插画。
       给用户一个滚动的理由(比如让故事在关键的位置“未完待续”)。
       控制选项数量。让用户面对的选择数量尽可能少,不要让太多的选择给用户造成压力,每个部分尽量只使用一个号召性的文案或者按钮。
       采用让人好奇的文案。视觉效果可以给人良好的第一印象,但是好的内容,勾人的文案就更好了。尽量使用动词,并且搭配让人愿意沉浸的故事。
       2、构建视觉主题
       风格明显,鲜明的主题能够帮助用户更好地了解故事或者页面的内容,拥有沉浸式的体验。主题中可以搭配一些视觉线索,比如箭头,分割线,或者其他的指引性视觉元素,帮助用户更为清晰地明白内容之间的关系,在浏览过程中,更好地穿梭于内容之间。
       视觉化的主题设计和合理的视觉引导机制,能够让长滚动网页这种设计更好地服务于你的网站和内容。
       3、令人愉悦的交互
       长滚动式的网页设计往往能够创造出沉浸式的用户体验,而这种沉浸式的体验很大程度上是得益于其中取悦用户的各式交互。
       从动效到轮播图,从视差元素到各种漂亮的动画,微交互和可触发的宏交互共同创造了其中引人入胜的体验。设计师可以在网页中加入大量的可交互的元素,包括视频,滚动式的动画,悬浮特效,旋转动效和轮播图,让整个交互更为优秀。
       4、充分运用滚动特效和技术
       长滚动页面在移动端和桌面端都能够良好的运作,许多用户更加喜欢滚动而不是点击,而在移动端上,这种交互上的倾向表现得更加明显。使用长滚动页面,浏览获取信息的体验更顺滑。
       使用各种滚动特效和技术比如视差特效,色块遮盖和混搭式排版(比如让文本、视频、图片等内容块混搭,降低用户浏览负荷)来保持整个设计顺畅。搭配滚动触发式的视差特效和滚动动画,保持用户的参与性和趣味性,鼓励用户继续滚动浏览。
       5、让长滚动内容和短滚动内容交替出现
       在长滚动页面当中,有些内容需要快速滚动浏览,而有的内容则需要用户仔细阅读,逐步查看,这些长滚动和短滚动的内容应该交替出现,分段搭配。这样不仅让交互更加富有韵律,而且让页面更加从容地加载。
       6、为用户提供路线图
       长滚动页面所需要面临一个非常实际的问题,就是导航和视觉线索,用户需要知道他们浏览到了什么位置,以及他们距离页面的首位有多远。
       路线图和导航是非常重要的。目前常见的模式有以下几种:
       悬浮导航
       使用小点或者其他替代元素来告知用户进度
       使用箭头和符号来告诉用户接下来的操作
       提供快速跳转到开头和结尾的按钮
       7、设计出清晰的目标
       长滚动页面不应该是无限的。设计的时候,应该能够让用户明白从哪里开始,以及最终的结束会在什么地方无论整个页面的设计有多酷,总需要让用户明确目标和结果。并不是每个用户都能够坚持滚动到整个页面的界面的结尾。你需要在页面中插入一些CTA按钮,让用户可以在不同的位置参与交互,达到他们想要的结果。
                           
                                                                                                   来源:优设网