发布时间:2020-6-5 分类: 电商动态
滚动是用户交互的最基本和核心部分。创建良好的滚动体验只是网页设计的基础。内容设计,多媒体和动画都是为了同一目的而添加的:让用户浏览Go。
代购源码网站上的内容非常好,必须由用户看到,并且它具有价值。悖论是第一个屏幕上的空间总是有限的。因此,我们始终希望用户能够向下滚动页面。从某种意义上说,长滚动页面和无限滚动设计非常受欢迎,因为它符合用户潜意识滚动和内容的习惯。创建者希望被用户看到。
一般来说,依靠滚动的交互式页面,相同数量的内容,在小屏幕上滚动所需的距离更长,并且它们还要求设计人员提供更好,更有用的导航和辅助元素,即使借助动态效果。以及引导用户滚动的其他元素。
如果您希望您的页面更加用户友好,那么以下五种策略应该可以帮助您进一步实现您的目标。
1.从头开始提供有趣的内容
虽然许多用户习惯于在页面加载时滚动,但第一个屏幕的内容对于用户决策的影响至关重要。第一个屏幕的质量将对后续内容的期望产生重大影响。如果第一屏幕的内容足够有趣,则用户将主动向下滚动并希望看到相同的有趣内容。
因此,作为整体设计的一部分,设计者应该尝试将感兴趣的内容放在第一个屏幕上,并向用户传递一个同样有趣的消息。
设置内容时,请尝试为用户提供:
有趣的元素和内容(吸引用户注意的内容和信息)
一个迷人的图片或视频(用户将密切关注这种类型的视觉信息)
2.为用户提供视觉线索
有时,如果您希望用户向下滚动,您可以直接告诉用户。在这方面为用户提供视觉线索,例如指向下面的箭头,或者只是在文本中写下“向下滚动”以通知用户更多内容在第一个屏幕下方。
有很多方法可以呈现视觉线索。如果上述显式不够,您可以尝试让下面的内容显示在第一个屏幕上,这样用户就可以了解下面还有更多内容,并且不错。
3.保持导航可见
导航是代购源码网站的重要组成部分,它可以提供良好的代购源码网站体验,也可以破坏它。设计网页时最大的风险之一是低可用性导航设计,导致用户在使用过程中迷路。通常,这种设计会让用户感到沮丧。因此,请尝试使用浮动导航栏或固定导航栏。一方面,用户总是理解他在哪里,另一方面,用户可以方便地跳到其他位置。
在设计移动端时,应该注意导航不会占用太多空间。更合理的策略是在滚动时,当它准备好返回到顶部或停止时让导航隐藏。
4,加入动态效果,增强参与感
由视差滚动表示的动画特效是一种设计技术,允许用户滚动更有趣的设计。同时,它吸引用户继续滚动有趣的设计,以便用户始终在探索。那里还有什么?进行中。
考虑到页面通常设计为不同的块,创意效果可以移动到不同的块中,允许用户滚动设计良好的路径。
视差滚动是目前最流行的特效之一,设计师可以通过元素移动速度的差异来创建深度和沉浸感。当用户平滑地滚动内容时,由视差效果产生的沉浸感使用户具有身临其境的感觉。
5.避免滚动劫持
滚动劫持的概念并不难理解。浏览器本身的滚动机制被替换。用户无法滚动他们期望的方式和习惯。有时这种情况是设计师刻意创造的浏览效果,但事实并非如此,确保给用户带来良好的体验,至少大部分时间都超出了用户的期望而难以控制。应尽可能避免滚动劫持。
结论
滚动是用户交互的最基本和核心部分。创建良好的滚动体验只是网页设计的基础。内容设计,多媒体和动画都是为了同一目的而添加的:让用户浏览Go。只有让用户接收信息才能传递其价值。
原作者:Nick Babich
原始地址:webdesignerdepot
译者:@陈子木
翻译地址:您设置网络