页面加载对访问的影响(2)

作者:一叶千鸟 来源:千鸟志 时间:2009-10-30 18:54:00 

加载优先级

在打开到浏览页面的过程中,除加载速度,我留意并发现呈现顺序之差也能造成细微的体验影响。从web原理来讲,整个页面正常应该是从上倒下,逐步呈现。但现实中web往往是竖状布局居多,因为更符合用户浏览习惯,更易于页面技术实现。

竖状布局就会牵涉到个优先级问题,应该先显示哪列模块?答案肯定是最重要的内容。在2004年网站重构技术得到重视之后,此问题已经不算什么新情况了,技术解决方案很成熟。之前最常见的是用table标签进行布局,造成需要table内的内容全部加载完成之后才显示的后果。具体表现为可能卡在页面某处长时间停留,并整个模块突然出现在页面上。下图为三星中文官网错误的先显示广告,而在重要模块长时间等待。


http://www.samsung.com/cn 截图于2008年7月23日

除重要性,我认为模块还有时间先后关系在影响呈现。比如在网站首页顶部加长幅消息模块,通知服务器维护、改版新体验等用以提升用户体验的手段很常见。但是否有设计师考虑过这些内容“性质”模块应该在什么时间出现比较合适?

我曾经做过个方案规定“改版体验的提示必须在整个页面加载完成2秒之后,从上往下滑出推动整个页面,以求更明显让用户注意的效果。”因为在页面加载过程中,所有对象都在从无到有的移动显示,如果在整个页面相对静止之后,突出更重要的“改版提示”,效果会顺畅很多。同样的结论还可以用在帮助提示,或某些新功能贴“标签”上。下图为雅虎官方新改版的测试邀请。


http://www.yahoo.com 截图于2009年3月21日

前几年弹窗广告流行时还有个类似案例,因为用户都特烦弹窗,打开页面的弹窗往往用户下意识就去关掉了。后来我设计了个延时10秒的弹窗,一月数据显示点击效果平均提升了30%。

标签:加载,访问,页面,优化
0
投稿

猜你喜欢

  • PyCharm+Qt Designer+PyUIC安装配置教程详解

    2024-01-04 12:58:02
  • Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结

    2024-04-16 08:52:59
  • 在MySQL中使用Sphinx实现多线程搜索的方法

    2024-01-22 17:25:45
  • Go语言测试库testify使用学习

    2024-04-26 17:31:57
  • Python3.5集合及其常见运算实例详解

    2023-04-25 04:04:33
  • Oracle复合索引与空值的索引使用问题小结

    2024-01-21 17:35:38
  • Django中的CBV和FBV示例介绍

    2022-05-23 10:13:59
  • SQL Server中两种修改对象所有者的方法

    2009-01-15 13:10:00
  • Oracle Portal及其门户网站开发概述

    2010-07-20 13:30:00
  • Python实现代码统计工具(终极篇)

    2021-10-21 03:01:47
  • SQL Server中的XML数据类型详解

    2024-01-15 20:56:44
  • Python列表(list)所有元素的同一操作解析

    2021-05-06 22:56:31
  • Go语言并发爬虫的具体实现

    2024-02-22 10:35:31
  • SqlServer 实用操作小技巧集合第1/2页

    2024-01-28 13:19:33
  • 如何在Vue单页面中进行业务数据的上报

    2024-04-26 17:42:13
  • 任意定制文本对齐方式:CSS Text Wrapper

    2008-02-03 11:11:00
  • Python给定一个句子倒序输出单词以及字母的方法

    2022-11-21 00:36:50
  • Golang三个编译基本命令的使用小结

    2023-08-28 05:08:03
  • js实现九宫格布局效果

    2024-04-19 11:03:42
  • python复合条件下的字典排序

    2022-10-13 20:07:34
  • asp之家 网络编程 m.aspxhome.com