移动端网站建设采用滚动交互的优势
移动访问网站已经成为了时代的主流,任何一个企业网站都应当有自己的移动优化计划,包括自响应式网站建设或者一个移动适配站点。而在移动站点的设计中,滚动交互就是一种非常实用的设计方式,它允许人们在用移动设备浏览网页时,可以通过不跳转的形式浏览更多的信息条目,极大的优化了移动端的访问体验。
首先,什么是滚动交互?
滚动交互指的是,当用户访问页面时,可以通过对屏幕的滑动进行页面的滚动,而在这一过程中,呈现的内容是不断变化的,整个过程没有进行页面的跳转,全程都在同一页面下进行。在今日头条等资讯类站点上,我们可以看到许多这样的设计,滚动条似乎怎么也拉不到底,在向下的滑动过程中不断有新的资讯条目展现出来,这就是滚动交互。
滚动交互带来的影响?
我们之前一直重视的首屏,在今天似乎没有那么重要了。研究表明,用户真的不介意向下滚动浏览大量的内容,换句话说,页面的所有内容都会在用户的滚动浏览过程中逐步展开,首屏的重要性无疑被稀释了。同时,在本站的移动端SEO:你的网站做好移动排名的工作了吗?一文中,也明确的指出移动端上进行的页面跳转对用户体验可能造成不好的影响,因此在同一页面上展现多条内容的滚动交互也就成为了移动端上设计的主流。
当然,如今的滚动需要相应的技术支持,也正是在CSS和JS技术有所发展之后,滚动交互才被界定为真正有意义的设计模式。在此之前,通过滚动交互来视觉化地展现故事,本身是一件相对困难的事情,随后技术的发展,让复杂的UI布局,微妙的动效和特效加入到滚动交互过程中,从而有了今天的全新的滚动交互。
滚动交互设计应该注意什么?
一旦准备借助长滚动式的页面来呈现故事的时候,那么你就要充分运用一切手段(图形、动画、图标等),借用电影般的表现力和戏剧化的起承转合,将用户的吸引力牢牢地拉扯住,让用户在滚动的过程中清晰的感受到页面的变化。
滚动式交互的优缺点
滚动交互的优点:
·鼓励交互。不同的交互和元素会不断刺激用户,是一种有趣的故事呈现方式,鼓励用户与页面进行互动,特别是视差滚动。
·更加快速。滚动交互比起复杂的页面条状更加高效,并不会减缓或者限制整个用户体验。
·引诱用户。滚动式的设计会促进用户交互,提高用户的停留时间,让用户持续发掘对他们有吸引力的内容。
·响应式设计。这些页面挑弄广场能够兼容不同尺寸、不同设备屏幕,滚动式交互本身就有助于简化设备和屏幕尺寸间的差异。
·手势交互。滚动交互始终同触摸机制结合在一起,向下滚动页面比起使用向下按钮要方便得多,在移动端上尤其是如此。
·愉悦体验。较少的点击和直觉式的交互,加上有趣的内容和多样的动效,滚动交互给用户带来的体验是愉悦的。
滚动交互的缺点:
·顽固的用户。不要问为什么,总会有一部分用户抵制新东西。尽管如此,新的滚动交互依然广泛地普及开来。尤其是在移动端上,而且许多用户已经习惯了这一技术。
·SEO上的缺陷。大量的内容被汇集到了一个页面当中,对于SEO可能会有负面的影响。
·迷失方向。用户可能会在滚动浏览过程中迷失方向,这是客观存在的问题。
·导航困难。大量的内容被汇集到一页当中,用户无法像以前一样“回到”上一页。通常可以借助顶部或者侧边的固定导航,来解决这个问题。
·访问速度。诸如视频和动效这种多样、复杂而又占空间的内容要加载,在访问和加载速度上可能不如以前那么网站那么快速。
·没有页脚。绝大多数可以无限滚动的网站都通常没有设置页脚,所以,我们可以设计一个常驻底部的页脚,
除开这些优缺点,长滚动式的网页在某些特定的功能上非常突出。它非常适合用来展现内容,以及:
·承载大量的移动端内容
·展现频繁更新的内容(博客和微博客)
·以单一方式呈现大量内容(比如信息图表)
·由于信息负荷量大而不适宜呈现富媒体(加载时间长)
滚动交互适合用在什么类型的网站建设中?
诸如社交媒体这样的网站设计适合长滚动页面来展现,而类似电商类或者企业网站,需要导航来导向特定内容的网站建设中,则适合使用相对保守的页面导航设计,并且控制页面长度。