认识达内从这里开始

认真做教育专心促就业

滚动交互使设计的网页更适合这个时代

发布：东莞
来源：设计世界
时间：2017-05-10 09:44

滚动交互使设计的网页更适合这个时代

摘要：出于对新交互模式的探索和技术的发展，曾经网页设计中的许多禁忌，现如今反而成为了越来越受欢迎的趋势，网页中的滚动交互，就是如此。作为一项基本的交互方式，滚动交互并不是一成不变，它正将新的技巧和新的规则纳入其中，逐步演进。

重生的滚动交互
原因很简单，移动端设备的兴起，让滚动交互重获新生。随着移动端用户数量逐步超过桌面端的用户数量，UI和UX设计师会不断地针对交互和UI进行调整。移动端的用户是如此之多，滚动交互的重要性就显得越来越明显。

与此同时，另外一件事情也显得非常重要。为了确保能够尽可能多、尽可能方便地访问互联网，减少页面跳转，尽量通过滚动浏览来提高效率，这也是滚动交互热度提升的一个重要原因。社交媒体中常见的动态加载技术的出现，让用户可以一边滚动浏览一边加载自适应的内容，成为了可能。

此外，我们之前一直重视的首屏，在今天似乎也没有那么重要了。研究表明，用户真的不介意向下滚动浏览大量的内容，换句话说，页面的所有内容都会在用户的滚动浏览过程中逐步展开，首屏的重要性无疑被稀释了。

当然，如今的滚动需要相应的技术支持，也正是在CSS和JS技术有所发展之后，滚动交互才被界定为真正有意义的设计模式。在此之前，通过滚动交互来视觉化地展现故事，本身是一件相对困难的事情，随后技术的发展，让复杂的UI布局，微妙的动效和特效加入到滚动交互过程中，从而有了今天的全新的滚动交互。

不过一旦准备借助长滚动式的页面来呈现故事的时候，那么你就要充分运用一切手段(图形、动画、图标等)，借用电影般的表现力和戏剧化的起承转合，将用户的吸引力牢牢地拉扯住。

事实上，一些混合型的设计正在占据滚动交互的主流。就像UXPin的首页，页面采用的是长滚动式设计，但是其中包含了一个固定不动的窗口，而窗口内的内容是随着滚动而改变的。这种全新的滚动交互模式带来的体验和以往传统的滚动式交互截然不同。

滚动式交互适合你吗?
每种技术、每款工具都有其特定的使用环境，相应的，有人会喜欢它们，有人会讨厌它们，这都是很自然的事情。所以，在你使用全新的滚动交互的时候，你需要对于自己的产品、需求和滚动交互本身有足够清晰的判断：

滚动交互的优点：
鼓励交互。不同的交互和元素会不断刺激用户，是一种有趣的故事呈现方式，鼓励用户与页面进行互动，特别是视差滚动。
更加快速。滚动交互比起复杂的页面条状更加高效，并不会减缓或者限制整个用户体验。
引诱用户。滚动式的设计会促进用户交互，提高用户的停留时间，让用户持续发掘对他们有吸引力的内容。
响应式设计。这些页面挑弄广场能够兼容不同尺寸、不同设备屏幕，滚动式交互本身就有助于简化设备和屏幕尺寸间的差异。
手势交互。滚动交互始终同触摸机制结合在一起，向下滚动页面比起使用向下按钮要方便得多，在移动端上尤其是如此。
愉悦体验。较少的点击和直觉式的交互，加上有趣的内容和多样的动效，滚动交互给用户带来的体验是愉悦的。