免费获取策划方案多一份参考,总有益处

网站设计中,“滚动”的重生

来源:派臣科技|时间:2017-10-13|浏览:

《卷轴》的重生

如果在网站设计中有一件事是肯定的,那就是什么都不做太长时间。曾经流行的,或者是禁忌的,一年,甚至六个月前,可能已经完全过时了。例证:《卷轴》的复活。

就在几年前,网站的设计师们还在不断地感受到设计“超越折叠”的压力,或者是在屏幕的可见区域,可以在不向下滚动的情况下观看。但是今天,“卷轴”已经重生了!为什么,你问。答案很简单:移动。

现在移动设备上的网页浏览已经超过了桌面浏览,因此,网站和用户界面设计者不得不改变他们的调子,以适应移动和桌面浏览之间日益扩大的差距。由于有如此多的用户使用平板电脑和智能手机,滚动是不可避免的,而且迅速成为必需品。屏幕越小,滚动的时间越长。此外,随着高速互联网和wi - fi的接入变得越来越容易和普及,滚动已经成为获取信息的一种更快的方式,而不是在页面之间点击。

紧随其后的是社交媒体。最受欢迎的社交媒体网站,如Facebook和Twitter,在桌面和手机上都使用了滚动的feed布局。全球有23亿活跃的社交媒体用户,因此UI受这些网站的受欢迎程度也就不足为奇了,因为用户已经习惯了滚动以生成内容。

我们不能遗漏我们的朋友CSS和Javascript。他们并不是真正的新孩子,但随着UI设计师们发现了新的、独特的方式来利用他们的力量,他们开发出了更有趣的、引人注目的视觉叙事技巧。所以滚动不再意味着要切掉一长页的文本,在这里和那里分成几张图片。但是现在,实现动画、图形、图标和视频创建了一个更加引人注目的UI布局,接近无限滚动,以呈现一个开始、中间和结束的web页面。

那么“卷轴”设计是否适合你呢?首先,让我们概括一下优点和缺点,因为和其他东西一样,使用这种设计技术也有优点和缺点。

优点:

鼓励交互——当你没有选择的时候,只有滚动来生成内容,用户交互就会增加十倍

更快的时间是金钱,滚动比点击错综复杂的导航路径要快

简单的交互性和增加浏览者在网站上花费的时间仅仅是实现用户友好型卷轴的几个好处

自适应设计——当观众从这么多不同的平台访问你的页面时,有这么多不同的屏幕尺寸,设计一个长滚动将有助于保持设备之间的体验不可知

自然界面——研究发现,滚动似乎与触摸有有机联系,而且在屏幕的不同区域,滑动比反复点击或点击要容易得多。随着移动应用(在触摸屏设备上)的增加,用户自然会接受滚动作为获取更多信息的一种方式

缺点

搜索引擎优化的缺点——滚动限制在你的网站上的独特页面的数量,并且减少的页面可能会对你的网站的SEO产生负面影响,因为谷歌和其他搜索引擎修正了这个趋势的网站评分

导航的尴尬——如果你使用滚动的布局,加入直观的导航是很重要的,因为它会让你很沮丧地滚动到一个页面来访问大菜单或后退按钮

网站速度-滚动UI设计经常合并大量的内容,例如视频或图像画廊在一个页面,这可能会减慢网站的速度

缺乏一个页脚——除非你的设计还集成了一个粘页脚,用户可以滚动,滚动和从来没有看到你的页脚,最终重要的信息,你想让你的网站的观众能够看到和容易访问进一步导航、联系信息和社交分享选项

在决定是否使用所谓的“无限滚动”时,除了权衡利弊之外,还必须考虑站点的目标和内容。传统的、较短的页面通常更适合面向目标的或电子商务网站,而社交媒体网站或网站则定期生成内容丰富的新内容,以长卷的方式获得最佳效果。

如果你已经做到了这一点,并确定了无限或长卷轴,可能适合你,我们总结了2015年和2016年的网页设计趋势,并包含了一些成功实现长时间滚动的提示。它在设计领域仍然相对较新的,有大约4年的实质性数据,但一些基本的尝试和错误已经为我们在这里展示的最好的长轴实践创造了良好的基础。

混合和匹配。在你的网站上使用长时间和传统的短卷轴是可以的,只要让个人页面内容决定滚动长度,就不要反之。目前,它很流行有一个短滚动的主页和长滚动的补充和登录页面。

如果你对用户如何在你的网站上导航感到紧张,使用粘性导航将会有所帮助。这允许用户在滚动条内快速返回或从元素、页面到页面等元素中返回。

利用直观的导航“建议”元素或工具,让用户能很快看到网站导航是如何工作的。诸如箭头、动画按钮或类似的用户界面工具之类的视觉提示是一种交互式的方式,可以帮助查看者轻松地决定下一步该做什么或该去哪里。

在滚动导航和其他调用操作之间明确区分

少即是多。长卷并不意味着将500页的连续内容压缩成一个长时间的超级网站。无限卷轴并不一定是无限的:一旦你讲完你的故事,覆盖了你所有的基础,就该停止了,即使卷轴相当于几页长。不要强迫它。

结合视觉线索,帮助引导观众,显示他们在卷轴的位置。随着观众越来越多,我们已经习惯了长时间的滚动,我们仍然喜欢知道隧道尽头有一盏灯,或者我们可以在一页纸上滚动多长时间。

本文由重庆网站建设公司派臣科技收集于网络并整理发布。

重庆网站建设,留言

返回顶部

君