首页>>建站知识>>营销推广

基本的Scroll使用行为是网页设计的出发点

点击次数:79   发布时间:2020-05-15 20:04:04

Scroll 是一个随着 HTML5 与 CSS3 逢勃发展和各家浏览器提升支持的网页设计新名词,但要说新,倒也不是真的那么新,因为其实不用 HTML5也可以做到。只要巧妙利用新的 CSS3(CSS1、2也行)配合 JavaScript 语法,就可达到当滚动鼠标滚轮时、多层背景以不同速度移动的 3D/多维垂直运动视觉效果。从去年国外开始疯 Parallax Scroll 开始,我就一直在思考:这样的视觉效果很炫,但,为什么非得要 Scroll?Click 不行吗?


大家有没有发现,Scroll 是基本的使用者经验行为?当你拿到宝特瓶,自己就会逆时钟把瓶子旋转开;Scroll 也是同样的道理。从有网络开始,当你进到一个网站,每个 User 己经被教育成看到 Scroll bar,就会直觉地往下 Scroll,如果再加上提示的话,我相信每个进网站的 User 有 9 成都会自己开始 Scroll。


所以,重点来了!既然每位 User 都有这样的直觉行为模式,那为何不利用这种习性,来将User「浏览完整内容」与「意想不到的视觉效果」完美结合呢?一般在开发网站时,都会做 Tracking 追踪使用者行为,其中很重要的一点是跳脱率(Bounce rate)。看一下你的网站结构(IA、IB),User 要浏览到 4.0、5.0,都不知道 Bounce 多少了,而用 Scroll 的好处就是,在惊喜的视觉效果加持下,User 会忍不住一直往下卷,不知不觉就卷到了6.0;这真是太神奇了!不信你可以自己体验看看,到了 Parallax Scroll 网站时,会不会自己手贱一直往下 Scroll?是不是!是不是一不小心就把内容都看完了?这样不着痕迹地引导体验,绝对是网页互动的最高境界。你看,你是不是不自觉地就把网站看完了!


我只能说,Parallax Scroll 真是高招,我在下意识 Scroll 中惊觉的道理,欢迎大家分享出去,也欢迎一起讨论!

相关文章:

联系我们

联系人: 荣先生

建站QQ: 97532866

手机: 15919993369

联系我们
  • 联系人: 荣先生
  • 建站QQ: 97532866
  • 手机: 15919993369
Copyright © 2016-2024 深圳网站建设 All Rights Reserved.
扫描二维码! 关闭
二维码