滚动是用户交互的最基本和核心部分。创建良好的滚动体验只是网页设计的基础。内容设计，多媒体和动画都是为了同一目的而添加的：让用户浏览Go。

网站上的内容非常好，必须由用户看到，并且它具有价值。悖论是第一个屏幕上的空间总是有限的。因此，我们始终希望用户能够向下滚动页面。从某种意义上说，长滚动页面和无限滚动设计非常受欢迎，因为它符合用户潜意识滚动和内容的习惯。创建者希望被用户看到。

一般来说，依靠滚动的交互式页面，相同数量的内容，在小屏幕上滚动所需的距离更长，并且它们还要求设计人员提供更好，更有用的导航和辅助元素，即使借助动态效果。以及引导用户滚动的其他元素。

如果您希望您的页面更加用户友好，那么以下五种策略应该可以帮助您进一步实现您的目标。

1.从头开始提供有趣的内容

虽然许多用户习惯于在页面加载时滚动，但第一个屏幕的内容对于用户决策的影响至关重要。第一个屏幕的质量将对后续内容的期望产生重大影响。如果第一屏幕的内容足够有趣，则用户将主动向下滚动并希望看到相同的有趣内容。

因此，作为整体设计的一部分，设计者应该尝试将感兴趣的内容放在第一个屏幕上，并向用户传递一个同样有趣的消息。

设置内容时，请尝试为用户提供：

有趣的元素和内容（吸引用户注意的内容和信息）

一个迷人的图片或视频（用户将密切关注这种类型的视觉信息）

2.为用户提供视觉线索

有时，如果您希望用户向下滚动，您可以直接告诉用户。在这方面为用户提供视觉线索，例如指向下面的箭头，或者只是在文本中写下“向下滚动”以通知用户更多内容在第一个屏幕下方。

有很多方法可以呈现视觉线索。如果上述显式不够，您可以尝试让下面的内容显示在第一个屏幕上，这样用户就可以了解下面还有更多内容，并且不错。

3.保持导航可见

导航是网站的重要组成部分，它可以提供良好的网站体验，也可以破坏它。设计网页时最大的风险之一是低可用性导航设计，导致用户在使用过程中迷路。通常，这种设计会让用户感到沮丧。因此，请尝试使用浮动导航栏或固定导航栏。一方面，用户总是理解他在哪里，另一方面，用户可以方便地跳到其他位置。

在设计移动端时，应该注意导航不会占用太多空间。更合理的策略是在滚动时，当它准备好返回到顶部或停止时让导航隐藏。

4，加入动态效果，增强参与感

由视差滚动表示的动画特效是一种设计技术，允许用户滚动更有趣的设计。同时，它吸引用户继续滚动有趣的设计，以便用户始终在探索。那里还有什么？进行中。

考虑到页面通常设计为不同的块，创意效果可以移动到不同的块中，允许用户滚动设计良好的路径。

视差滚动是目前最流行的特效之一，设计师可以通过元素移动速度的差异来创建深度和沉浸感。当用户平滑地滚动内容时，由视差效果产生的沉浸感使用户具有身临其境的感觉。

5.避免滚动劫持

滚动劫持的概念并不难理解。浏览器本身的滚动机制被替换。用户无法滚动他们期望的方式和习惯。有时这种情况是设计师刻意创造的浏览效果，但事实并非如此，确保给用户带来良好的体验，至少大部分时间都超出了用户的期望而难以控制。应尽可能避免滚动劫持。

结论

滚动是用户交互的最基本和核心部分。创建良好的滚动体验只是网页设计的基础。内容设计，多媒体和动画都是为了同一目的而添加的：让用户浏览Go。只有让用户接收信息才能传递其价值。

原作者：Nick Babich

原始地址：webdesignerdepot

译者：@陈子木

翻译地址：您设置网络

« 玩家狂欢日袭来，717京东比赛当天炸药爆发错过了一年的遗憾？ | 《战狼2》赢得55亿票房电视版《战狼》之后你能继续加热吗？ »