关于网页设计的一些统计数字

昨天,我看了一点Website Optimization这本书。

书里有一些统计数字很有趣,下面就是一点摘录。

网页的大小

● 2003年,全世界网页的平均大小是93.7KB,2008年增长到312KB,5年中翻了3.3倍。(这里的网页大小包括图片、CSS文件、Javascript文件、flash文件等等。)

● 每张网页包含的对象数,从25.7个上升到49.9个。(凡是需要发出独立http请求的网页元素,都算作一个对象。)

● 据统计,每增加1个对象,网页载入的平均时间就增加40毫秒(宽带)或250毫秒(窄带)。

● 研究表明,凡是包含超过4个对象的网页,都会产生“显示延迟”问题,因为浏览器需要时间下载全部对象。

网速的变化

● 2006年2月,美国宽带用户访问40个主要网站(KB40)的平均网页载入时间是2.8秒,2008年2月,这个指标下降到2.3秒。

● 但是与此同时,窄带用户的单张网页载入时间上升到20~30秒。

网页的构成

● 网页大小中,平均54%来自于图片。

● 如果去掉广告,网页的大小和对象数会减少25%到30%。

● 84.8%的网页使用Javascript。

● 超过52%的网页使用框架frame,其中绝大多少是用于显示广告的iframe。

● 使用CSS,可以使HTML文件的大小减小15%-20%。

关于视频

● 1997年的时候,网页上的视频长度一般不超过45秒。到了2005年,网页视频长度的中位数,增加到120秒,2007年又进一步增加到192.6秒。

● 2005年,观看Youtube上的视频,要求的平均带宽是200Kbps(相当于网速每秒25KB)。到了2007年,上升到328Kbps(相当于网速每秒42KB)。

● 2007年底,网页视频的平均大小为63MB。

● 87%的网页流媒体节目,在开始播放的10秒内,就会被用户关掉。它们浪费的带宽占到服务器端总带宽的20%。

● 流畅播放一段320X240、每秒15帧画面的视频,要求的网速是每秒38.4KB。如果视频大小增加到640X480,要求的网速就会增加到每秒153.6KB。(请注意,每秒15帧是视频质量的最低限,正常质量的视频至少需要每秒24帧。)

(完)

如何逃离垃圾客户(下)

《如何逃离垃圾客户(上)》

故事三:朋友介绍的好机会

C:高级程序员,5年代码工作经验。在职,工作清闲,偶尔接点私活。

外地人,在北京漂着,8K月薪税前,偶尔需要加班,有个职业普通的女朋友,买房甭想,打车掂量掂量。宅男,回家了就看看资料看看美剧,长时间持续的代码工作,视力一天不如一天,脖子和腰也经常不舒服。

C经常想,不知道有多少程序员过着像这样的生活,不好不坏,无力改变,也没有理由去改变。

好在他性格温和,人缘很好,经常会有朋友介绍一些私活给他,除了挣点钱,对生活也是一种填充。

C一个挺铁的哥们跳槽到一家传统行业的公司,公司需要开设电子商务的业务,就找到了C帮忙搭个系统,费用也不低,C欣然承应。

客户公司不大,对互联网有一定了解,由市场部门和C沟通接洽。 他们并没有太明确的想法,希望和现行跑的大部分网店差不多就行。C就用开源系统搭个一个,按照客户的要求建了分类,录入了一些测试数据。

客户总是不知道自己要的是什么,但是知道什么是自己要的。

有了可视的DEMO,客户也就有了想法。他们提出要根据自己的业务特色增加预订货物和预定管理的流程。

而此时C还没有和客户签订正式的合同,只明确了开发费用的总数,也没有具体写明任务清单。因为有朋友在这,这家公司做传统行业也有不少年,信誉上问题不大。所以C也比较放心。先花了一两周改造了开源程序的流程。

客户提出界面的风格和品牌形象不太匹配。C找了一堆开源皮肤,让客户挑一个。客户挑了几个分别换上试试。两周又过去了。

客户提出商品的缩略图尺寸不够大,图像质量不够好。C修改了GD库和图片压缩的参数。

客户又提出缩略图列表页 图片有横版有竖版不够整齐。C只好又修改了缩略图截取的程序。

此时已经过去了6周,C开始催促朋友,先把预付结了吧。朋友甚至有点惊讶:“还没把预付给你吗?我赶紧帮你催催。”

客户持续像挤牙膏一样地挤出需求。加个水印啦,添加一种排序关系啦,改下分页啦。 预付还是没有到位,补签合同显然也不太现实,朋友每周都在表示抱歉,表示一定帮忙落实费用,总是有些财务上的预算上的付款期上的理由。

C已经意识到自己已经掉进了一个大坑:项目时间持续流失,客户意见时常反复,需求零敲碎打但都不复杂,总体来看也并没有脱离当初定好的项目框架:利用现成的开源代码搭建一个客户需要的网店系统。可是到现在为止所耗费的工程时间和工作量已经足够自己重写一套了。

爆发的临界点终于到了。客户看了竞争对手的网店,发现了很多新功能,所用的开源系统是同一个,只不过使用了最新的3.0版本。 客户要求也对自己的系统进行升级。

C性格再好也忍不住了:“我以前专门提醒过:已经对系统进行了那么多的定制化改造,如果升级,所有定制化需求都得全部重新改一遍。使用开源系统如果要升级就不能做太多改造,如果要定制化就得放弃升级! 客户:“当初也是你建议我们使用开源系统的.” C:“你们又想控制成本,又想节省时间,又不知道自己要什么,需求又总是反复,开源系统是最好的选择了。“ 客户:“但是你看,现在很多我们需要的功能没有,这个问题总得解决吧……” C:“如果这个功能是需要的,在项目开发初期不提出?” 客户:“竞争对手有,我们没有,这个就是必需的。”

C十分气愤,客户也很不满,C的朋友夹在中间也非常尴尬。 费用一分钱还没拿到,而项目已经过去了2个半月了。

C对朋友忿忿地说:“唉,这事没法接着干了,我也不让你难做,费用结不下来就算了,以前就当白干了,就当我给你帮忙。”

朋友:“别别别,你这么说我太过意不去了,我再去和他们部门说说,他们啥都不懂,就是一堆草包。我当初给你介绍是好意,总不能到头来还让你吃亏。”

不知道朋友的协调起了作用,还是由于C撒手不干的强硬态度,客户支付了总报酬的50% 。

C看着拿到手里的钱,算算已经用掉的时间,摊到每个月的报酬甚至都没到4位数。

虽然C的态度开始强硬起来,但是对项目本身并没有任何改善。 项目还在像挤牙膏一样继续,棘手的问题依然存在,进度变得更加拖拉,C在看不到头的时间线上 烦恼地进行着无尽的改造……

———-涕泪交加的分隔线———–

由朋友介绍来的项目,如果他并不参与项目并能起到决定性作用,要慎接。不然可能到头来生意和朋友都为难。 然后状况下都要明确合同、预付、任务明细。不然你会加速步入沼泽。关系不能代替承诺,约定不能代替协议。轻视游戏规则的代价就是失去规则的保护。 如果意识到合作方是垃圾客户,一定要不惜代价,立刻刹车,及时止损,不然你只会付出更多。 一般情况下,追加性支付的费用只是在增加你及时止损的代价。不能改善任何问题。 在开发项目中千万慎用开源代码,除非确定客户没啥定制化需求。特别要慎用多套开源代码的组合。我亲身经历过客户为了省钱省事,搞了套dede+ecshop+disciz+WPmu的组合系统然后再改,结果花了大半年时间才最打通组合系统之间的各种关联、调用等。不光耗时和人力成本超过了重新开发,多次上线跳票也害死了客户的市场与销售。

————————————————————————————————————————————————————————————————

故事四:大客户的诱惑

D: 项目经理 web技术服务外包公司的创始人,创办时间2年,开发团队规模6~7人,业内口碑良好,主要通过朋友推荐获得项目。

做外包项目的公司心头总是有一块软伤:收入来源不够稳定。解决方法当然是找几家长期合作的大客户,承接外围项目或者维护类工程,磨合成本低,价钱公道,合作风险低,作为客户案例拿出去多体面。

大网站、 知名品牌、 外企和政府都是作为大客户的理想人选。

D终于遇到了这么一次好机会,某国际知名品牌的web业务部找到了他。

[…]

浪潮之巅第十五章 成功的转基因(二)

发表者:Google(谷歌)研究员 吴军

第一节 从木工厂到手机之王(诺基亚 Nokia)

第二节 道琼斯的常青树(3M)

世界上影响力最大的股票指数道琼斯,只覆盖了 30 个公司。但这三十个公司是美国经济中最具代表性、长期发展稳定并且关乎到美国经济命脉的大公司。道琼斯不断地淘汰过时的公司然后吸收新鲜血液,思科、英特尔和微软就是近年来被加入进去的。而许多曾经辉煌的公司比如美国钢铁和合并前的 AT&T 就被淘汰出去了。由于美国和世界产业的变迁,能几十年一直在道琼斯指数中的公司寥寥无几,3M 公司便是这凤毛麟角中的一个。到 2007 年,3M 在全球有七万雇员,实现产值 240 亿美元,纯利润 40 亿美元。

每个人了解3M的途径各不相同不同。很多人了解 3M 公司是它的 Scotch 胶带、而早期使用 PC 的人是因为它是的软磁盘,家庭主妇们可能是通过它的洗碗布知道 3M 的,而消费电子商品的各种从业者可能知道它是今天世界最大的液晶生产厂商之一,另外还有很多搞工程的人也直接和间接地和 3M 打过交道。没有人能完全说清楚 3M 是做什么的。有些读者可能会奇怪这个产品五花八门的公司和我们的“浪潮之巅”有什么关系。我把它引入这个系列是因为它是全世界公认的最具创新的公司,而且它是少数能在产业不断变迁的世界经济发展中不断发展的常青树。

3M 公司的过去的全称为明尼苏达矿业和制造公司 Minnesota Mining and Manufacturing Company。它的首字母缩写是三个 M,人们习惯地称它 3M。到后来 3M 人所众知,而已经没有什么人知道它最初的名字了,从 2002 年起,它干脆改名为 3M 公司。

3M 公司在二十世纪初诞生于明尼苏达的苏必利尔湖畔,最初是从事采矿业的,大家从它的名字就可以看出。为了和同行竞争,3M 公司的老板鼓励工人们发明创造新产品,并成立了研发部门,而那些新产品不断取代现有产品成为公司新的核心业务,使得公司不断成功转型。3M 公司至今最富传奇的故事就是 Scotch […]

浪潮之巅第十五章 成功的转基因(一)

发表者:Google(谷歌)研究员 吴军

我们在介绍基因决定定律的时候讲,一个公司的基因常常决定了它的命运。而转基因对于大多数公司来讲是近乎不可能的。但是凡事总有例外,总有一些了不起的公司成功地从一个衰退的行业转到新的高速发展的行业。这样,公司之间就有了伟大和平庸的差别。我们在这一章里将介绍三个不同的成功的例子,分别代表了三种不同的转基因的成功方法。

第一节 从木工厂到手机之王(诺基亚 Nokia)

诺基亚是“浪潮之巅”系列中介绍的唯一一家欧洲公司。我很少介绍欧洲公司倒不是因为它们不好或者不重要,只是他们在近百年科技发展中不具有太多的代表性。而诺基亚则不同,它自从在数字手机问世后,就一举超越了无线通信的老大摩托罗拉,成为世界手机制造商之王。它以全球百分之四十左右的市场份额,将竞争对手们远远抛在了后面。今天,诺基亚的名字和它的广告充斥世界的每一个角落,但是,可能大家不知道,一百年前,它不过是芬兰的一个木工厂。

诺基亚作为一个公司,历史远比 AT&T 和 IBM 长,但是作为一个科技公司历史和英特尔差不多,只有三四十年。1865 年,诺基亚诞生于芬兰美丽的 Tammerkoski 运河畔,而诺基亚是公司所在地的地名。公司的业务是木材加工和造纸(造纸要用到木材)。到了二十世纪初,它和一家芬兰塑料厂(Finland Plastic Works)合并。木材和塑料唯一的共同之处就是二者都算是“材料”。在当时,塑料可是高科技产品,它在很多地方取代了木材。从木材到塑料的进步,就好比从马车到汽车一样。但是作为一家传统工业的公司,诺基亚业绩平平。

由于诺基亚能生电线的绝缘材料,因此它在成立了 100 年后,“很自然”地通过收购一家制造电话线和电话的工厂进入了电线和电话机市场。这时,诺基亚和“电”总是沾上了点边,但是仍然不带有任何技术。有点像珠江三角洲众多的电器加工厂。在接下来的二十年里,诺基亚除了传统的造纸,还做过轮胎,胶鞋,个人计算机,收音机,发电机,电视机,电子元器件等等五花八门的东西,但是诺基亚在商业上依然业绩平平。这时诺基亚的商业模式,用现在中国一句俗话讲,就是找不到北。

但是诺基亚一直在不断寻找大的发展方向,在它的众多尝试中,有一项日后非常重要。就是它从上个世纪六十年代起为商业和军方用户制造的对讲机。开始它是和另一家公司同时开发,后来它收购了那家小公司。经过这些年的各种尝试,诺基亚积累了一些今后做手机用得到的技术,包括超高频(VHF)发射和接收技术,电子元器件制造的经验。到八十年代,它终于可以制造汽车电话了(这比摩托罗拉晚了几十年)。1982 年,诺基亚研制出一种可以移动的电话。注意这种可以移动的电话不仅和我们今天的手机是两回事,和最早的砖头大小的大哥大也根本不同。它实际上需要装在汽车里,或者背在背上,因为它有十公斤重。但是,它不同于以前摩托罗拉的对讲机,因为对讲机是无法和公用电话网相连的,而诺基亚的这种电话是可以和公共电话网相联的,可以和固定座机的电话通话。同一年,诺基亚推出了 DX2000 数字交换机,销售颇为成功。但是,诺基亚并没有因此而专注于通信领域,而是不断地在各个方位盲目扩张。到二十世纪八十年代末,诺基亚因为生意太分散,出现了严重的亏损。

直到 1992 年,新任总裁约玛•奥利拉上台后,才将移动通信做为诺基亚的核心业务。这一决定使得诺基亚由一个普通的电子公司成长为全球移动通信的领导者。除了正确的决定外,诺基亚成功的关键还有三点,第一,抓住了移动通信从模拟到数字化的契机,第二,政府的大力扶植,第三,推翻了在模拟时代摩托罗拉制定的商业竞争规则。

基于模拟电路和信号处理的第一代移动通信完全为美国的摩托罗拉公司垄断。七十年代后,随着数字信号处理技术和半导体技术的发展,基于数字电路和信号处理的第二代移动通信的计划渐渐浮出了水面。为了在第二代移动通信中能够赶上和超过美国,早在 1982 年,欧洲邮电管理委员会(European Conference of Postal and Telecommunications Administrations)就着手制定新一代的移动通信标准 Groupe Special Mobile,简称 GSM。GS M最初在欧洲有十几个国家参加,包括芬兰。诺基亚抓住了 GSM 启动的契机。第一个投入商业运行的 GSM 移动通信电话网络就是由一家芬兰公司运营的,其系统架构的主要技术支持公司是瑞典著名的爱立信公司,而手机的提供商则是诺基亚。

诺基亚今后的命运很大程度上取决于 […]

网页用多宽才更合适?

此文用来正式回复大辉同学的疑问。

. 1、结论:固定宽度只适合功能型网站,不适合希望用户认真阅读的浏览型网站。UCD大社区是浏览型网站,它的定位是“知识库”,希望你停留在这里认真浏览和阅读。

2、大屏幕不是用来显示更宽文字内容的,大屏幕下必然会面临鼠标长途奔袭的问题。建议用大屏幕的人:为自己的身体健康着想,在大屏幕下阅读的时候,养成缩小窗口的习惯。共勉 :)

3、希望用户认真阅读的网站,主要内容区域的宽度必须固定,不能过长,否则会伤害到阅读者的眼睛,而且不适合阅读的流畅性。固定宽度在650左右最合适。有兴趣的人可以去搜索相关报告,为什么是650左右。(和Junchen聊这个问题,总结到:严格来说这个宽度不能用像素描述。应该是拿着尺子到显示器上量的毫米宽度才基本够严谨。当然,只说宽度也不行,还有眼睛离显示器的距离、文字大小、字体等因素作为前提)

4、一个页面只有一个主要内容区域,其他所有都是辅助内容,能隐藏就隐藏,能忽视就忽视。在用户浏览的时候,辅助内容不要紧挨着主要内容。那样会干扰阅读,侧面影响内容摄取的质量。特别是当辅助内容不能很少的时候。

5、浏览型网站尽量别用三栏,三栏太难设计,一个合理的页面不需要一下子摆出来那么多内容。

6、所以:对于浏览型网站,在大屏幕下,浏览区域和辅助区域需要有分隔。 即使因为不用固定宽度会带来视觉上的不协调。

7、虽然屏幕越来越大,对于一些网站来说1024的宽度不一定会是主流,但至少需要向下兼容这个宽度,把他们作为一个很重要的人群考虑。

8、宽度问题其实是一个蛮值得讨论的问题。在屏幕越来越大,尺寸越来越多样的时候,这个问题会越来越凸显。 但如果纠结于“不要有空白”、“功能和内容不能分开”,没有任何意义。有些可用性原则,没有挑战余地。就好像公共场所的门必须向外打开一样。

9、对于这个问题,设计者应该为用户考虑更有益的方式。而不是听用户说他们想要什么样的方式。因为:大多数嗓门大的用户,并不知道什么样的方式对自己最有益。

0、为了保证更好的阅读体验,UCD大社区的设计者们正在考虑:是否不再录入那些阅读体验很差的网站的文章,或者将这些文章的默认链接改为我们的快照页面(点大社区文章标题前的“望远镜”ICON就是快照页面)。欢迎大家说出你的看法 UCD社区现在还有很多不足。欢迎大家提出更多意见。特别是对于我们的内容组织形式,以及内容质量等问题。

. 关闭评论。有深度的讨论请往这个话题

网站内容的设计和撰写

以下是给《Letting Go of the Words》中文版的序言:

… 人们来访问一个网站的根本目的是要解决某种需求,无论浏览、交友、购物、查找信息,抑或更多方方面面的需求。想满足这些需求,得依赖于网站本身在提供什么样的内容,以及如何提供这些内容。

用户只关心对他们有用的内容,有了这些内容他们才会关注并留下,从而为网站创造更多的商业价值。没有“发现”这些内容,他们会悄悄的离开,正如他们悄悄的来。某种程度上网站只是内容的一个承载体,而需求解决的过程就是内容和使用者之间交互的过程。

用户是谁?他们为了什么来这里?他们需要哪些内容?用什么样的方式呈现这些内容最合适?围绕着“内容”,网站设计者有很多的工作要做 …

从网站诞生的那一刻开始,对于要给用户提供什么样的内容,网站从业者们都在不停的分析、探索。任何一个网站,从开始策划就要做很多关于“需要哪些内容”的 分析工作。而且,几乎所有的网站设计者都很关注内容产生的过程。从直接复制传统媒体的内容,到各种由用户产生内容的产品模式,这些内容产生过程的改进,也 正是让内容本身更符合用户需求的重要手段。与此同时,大家还在不断的改进更加科学准确的技术算法,试图分析出用户对内容更深层次的喜好,为他们提供更加准 确有效的内容。

在关注内容本身的同时,更需要关注内容最终如何呈现出来。很多网站忽略了内容呈现的技巧,只是单纯的让“人和机器在对话”。这样过于冰冷、很不友好,导致用户对于内容的获取不准确、不完整,甚至出现了偏差。

比如,当我们带着购物的需求访问一个网站的时,首先看到的经常是这个网站自己的公司新闻,真正的购物信息反倒躲在了后面;购物过程中,看到了不计其数的无 法理解的 “专业术语”;付款过程中,又不得不被各种不厌其烦的安全警告、促销广告,和早已看过千百遍的长篇大论的使用说明所干扰。

近年来,国内的网站设计同行们,一直在积极的讨论着“网站内容如何设计 ”、“撰写出来的内容如何更能打动用户情感”,等和网站内容相关的话题 (http://ucdchina.com/topic/12)。大家似乎都在等待着一套完整的系统的,关于“网站内容设计和撰写”的知识。

大概一年前, 当《Letting Go of the Words》这本书的英文版发行时,我和朋友说:“国内也应该有人写一本这样的书,或者翻译它”。很幸运,在一个月前,经阿里巴巴集团的一位同事介绍,机械工业出版社的朋友将这本书的中文译稿,放到了我的书桌上,请我写一篇评论序言。

这本书的内容很符合我对于内容设计的定义,范围较广且内容细腻。它从用户分析开始,介绍“网站设计者应该如何分析用户需求”、“如何规划和整理内容之间的 关系 ”,然后重点描述了“如何更好的展现这些内容”、“内容撰写的方法”、“内容撰写和展现过程中的一些细致技巧和注意事项”,以及“如何为网站制定内容的规 范”。这其中所讲到的方法和道理,对于所有环节的网站设计者,都很值得学习和参考。

白鸦,uicom.net/blog

Category

Archives