热门资讯更多>>
- 05-03[网站建设]关于IE6下绝对定位…
- 11-23[网站建设]jquery 做TABS切换…
- 02-13[网站建设]——dopostback缺…
- 07-14[网站优化]如何修改网站标题…
- 11-13[网站建设]SQLSERVER2005 数…
- 09-25[网站建设]屏蔽 Flash 右键的…
- 03-13[网站建设]Windows+ IIS 的手…
- 03-22[网站建设]谈谈如何利用网络…
- 03-04[网站建设]magento整合WORDP…
- 02-07[网站建设]MSSQL备份移植到另…
网页设计的Web 2.0技术
在We时代b 2.0,网络上的信息是分布在分布式的小单位“微内容”。网络的构成元素由文档变成了数据。我们不再需要访问不变的旧式信息来源。现在我们所依赖的是一套以其新而有效的方式聚合并重组网络上“微内容”的新工具。
这些工具,也就是Web 2.0接口,将是设计创意闪光的先锋领域。
在这方面已经有了很多成功案例,比如RSS聚合、搜索引擎、门户、API(应用程序界面,它可以提供与数据相连的接口)和Web服务(通过XML-RPC、SOAP和其它技术存取数据)。Google地图在功能上和类似服务差异不大但它提供的接口要优秀得多。Flickr的接口可以算是最具创意并且也是最受欢迎的。Del.icio.us则提供了个人和社群服务,它的覆盖面远不止一个网站。这些接口设计正在改变我们存储和共享数据的方式。至于内容来自何处倒不是那么重要了。
人们常常把Web 2.0描述为“作为平台的网络”,把网络看成是一个内容互动的平台之后,我们很容易发现这种变化对于设计的重大影响。想象一下吧,当来自不同领域的不同群体——公司、个人、政府等等——存储了一系列数据之后,我们便能通过一个接口将信息混合,这一点是任何单一传统网站都不可能做到的。举例来说,Amazon.com的内容数据库是对外开放的,任何人都可以针对一些特殊要求去设计一些更好的接口(比如Amazon Light)。它的力量在于,借助接口,人们可以通过内容的定制或与其他数据的重组创造出新的更有价值的工具。
对于网页设计师而言,Web 2.0有6个值得注意的趋势。在这篇介绍性的文章里,我们将为您介绍这些趋势并一一举例说明。在以后的文章里,我们会针对具体趋势作细节性的探讨。
用语义标记语言写页面:和XML接轨
语义标记,也就是精确描述页面每一部分作用的标记,是实现Web 2.0过程中最重要的一环。最常用的标记语言HTML和XHTML一般用于显示目的,设计师们可以通过对HTML标签应用CSS来改变页面风格。
这些标记语言并非完全没有语义能力。设计师们用它们能够描述页面,但这仅限于(X)HTML内建的标签范围内。比如,设计者可以用h1、p、li、cite、dl等标签分别标记标题、段落、清单、引用以及自定义列表等项目。这些标签对一些简单的文档已经够用了。但是在大多数情况下,(X)HTML内建的这些标签远不足以精确描述页面内容。对于Web 2.0来说,对页面的描述不仅是一项需求,它是实现Web 2.0的关键。
尽管HTML和XHTML的潜力尚未被挖尽,RSS这项技术已经证明了语义标记语言毋庸置疑的实力。RSS利用XML实现网页内容的联合。它可以让网站更方便地告知访客什么时候有更新。现在你不再需要一遍遍地点开你所喜爱的网站来查看更新了,你只需在RSS阅读器中输入RSS源的地址,阅读器就能自动定期查看站点,在发现更新之后接收信息并且提醒你。它可以大大节约你的时间。
提供Web服务:超越站点
在语义语言得到运用之前的早期互联网上,网站仅仅是一系列“页面”的组合。十年前的网站往往更像是在线用户手册(干巴巴的静态HTML网页),它们的互动方式也仅仅是Flash、动画和JavaScript而已。在那时,网站推广就像是推销“地皮”——那是一个在线商城和门户网站在虚拟世界激烈竞争的时代。
从90年代末,特别是这个世纪的头一两年开始,XML语言和Web服务开始推动网站的面貌发生改变。XML技术实现了不同系统间的内容共享和传输,Web服务提供了和站点内部相连的接口。视觉设计为内容提供了外观界面,而Web服务则是为同一内容提供的程序接口。这是一个相当有用的技术。如果网站开发者提供了Web服务API的话,任何人都可以建立一个和该站点内容相连的接口。
Amazon.com和eBay是这种由单一站点向Web服务转变的两个成功范例,所有人都可以通过Web服务使用它们提供的海量商业数据。依赖eBay的Web服务所建立的Andale是一个很有意思的网站,它通过分析价格和销售数据来告诉卖家当前的热销商品及其价格。
信息重组:内容为王
2004年11月12日,在网络媒体协会的一次会议上,美联社CEO Tom Curley发表了一个重要而有远见的讲话,他说:“…在(互联网发展)的下一阶段,内容本身将会会比它的展现形式更重要…诸如搜索、RSS和TiVo之类录像程序——我这里说的只是一部分——等杀手软件正在逐渐打破我们试图存放内容的容器。”
Curley的讲话是针对记者和媒体行业的,但他的深刻见解对网页设计者们来说同样重要。网页设计在Web 1.0时代的目的是建立一个内容独占的站点。但如今,内容已经不可能由单一网站独享了——除非你试图与社会性的网络对抗并把内容锁在一个受保护网站之中。
Web 2.0时代的网站设计相对于网站本身,更注重事件驱动型体验的建立。RSS成为其重要组成部分并非只是巧合。不需要任何无关设计,RSS摘要就可以让人们订阅你站点上的内容并随时通过RSS阅读器阅读它们。
搜索也可以和RSS相结合,帮助人们通过标题和标签(可以通过PubSub或Feedster等等)来订阅所需的内容。这种所谓的“未来搜索”不仅能帮助人们整合不同来源的内容,也避免了人们因为站点的视觉设计而与之失之交臂的可能性。
由于内容以RSS的形式在网上流动并且以此方式被重新整合,网站设计者们的思维应当超越站点本身,并且要着重考虑如何去打内容牌。
导航和关联的主人:用户决定
由于Web 2.0内容重组的特性,访客们初次看到信息的地方很可能并不是最早发布它的站点。因此,传统上为访问某一特定内容而设计的网站导航系统将被针对Web 2.0的新特性而设计的导航系统所取代。这种分布式导航可能的形式包括RSS阅读器、博客上的链接、搜索引擎,也可以是其他一些形式的内容聚合程序。
这一特性也带来了一些副作用,其中一条就是有用信息的来源经常变动,而访客甚至不需知道信息的真正来源。还好,内容聚合程序内建的一些功能已经注意到了这一问题——它们能够记录访客的活动。通过记录微内容的访问量,聚合程序可以通过访客的历史行为预测他们在未来可能关心的内容。这就是我们在Daypop、Del.icio.us和Blogdex等网站上所看到的。对人们历史兴趣的记录可能会在未来发挥作用。
这些第三方接口的强大功能使得访客不必访问内容的发布页就能获取信息,使用导航系统的人因此将越来越少。最常用的导航系统将由用户行为来决定,而不再需要特别的设计。
随时间而添加的元数据:由社群建设的群体信息
Web 1.0有一个看上去彻底改变了传统出版方式的特点,即随时修改出版物的可能性。在网上,纸上出版物的“版本”、“印数”等概念消失了。网上有的只是网站和它的当前状态。现在我们已经习惯这一形式了,乐观者们的希望可能会变成现实:随着时间增长,网上的内容只可能变得越来越好——元数据被不断添加,描述逐渐深入,话题变得明晰,参考更加全面。
Web 2.0在这方面走得更远,在该模式下,用户可以添加属于他们自己的元数据。在Flickr和Del.icio.us上,任何人都能给数字媒体(文件、书签、图片…)添加标签。不过,自行添加标签还不是最有趣的。最有趣的是所有人的标签放在一起时体现出的那些趋势。
举例来说,当我们在Del.icio.us上为一个书签添加“Web 2.0”的标签之后,我们可以进入del.icio.us/tag/Web 2.0这个页面看看别人给哪些项目添加了类似标签,也许还能从中发掘出一些我们本不知道的宝贵信息。搜索引擎可以查找网站设计者添加的那些元数据, Del.icio.us则为那些被传统模式所忽略的人所添加的元数据提供了一个杠杆。
转向程序设计:风格和结构的分离
Web 1.0时代,网页的视觉设计经历了两个发展阶段。早些年里,设计者们使用GIF动画和表格等小技巧来扮靓网页。而在最近几年,CSS逐渐流行起来,人们通过添加一个定义了风格信息的独立CSS文件实现了页面风格和结构的分离。尽管如此,视觉设计仍然是人们关注的核心——因为这是区分内容和吸引用户注意最主要的方法。
进入Web 2.0时代之后,网站的地位降低了,视觉风格也因此不再那么重要。Web 2.0时代流行的是XML,相对页面布局和内容展现方式,词语和语义更为重要。内容在网络中流动,并通过程序来存储。从非常现实的意义上说,如今我们的设计更多针对的是机器而不是人。这听起来有点像《黑客帝国》,不过Amazon.com的CEO Jeff Bezos说:“Web 2.0…它讲究的是让网络变得更适合电脑使用。”
这对网页设计者来说意味着什么呢?这意味着设计者需要考虑如何让内容和站点本身一样吸引人。这意味着设计者需要转向Web服务的开发,意味着设计者的思维应当超越站点的展现方式,并更多地考虑API和内容聚合。简而言之,设计者会更像是程序员。Web 2.0有一个简单的前端和强有力的后端,Bezos的话就是这个意思。
总结
Web 2.0意义深远。它像所有重大变革一样,从社会、文化甚至是政治等多方面影响着使用者。Web 2.0的设计者和开发者们是受影响最大的人群之一——不仅仅是因为他们需要新的技术手段,更重要原因是,他们需要认识到,内容应当作整体的一部分对待,它们并不是孤立存在的。
在这里我们作一些总结,下面就是Web 2.0时代网站设计的6大主题:
1. 用语义标记语言写页面:和XML接轨
2. 提供Web服务:超越站点
3. 信息重组:内容为王
4. 导航和关联的主人:用户决定
5. 随时间而添加的元数据:由社群建设的群体信息
6. 转向程序设计:风格和结构的分离
我们撰写这个专栏的目的是帮助设计者们分析这些动向并向他们阐述Web 2.0的意义。我们将继续探讨构建Web 2.0的一些新技术,详细介绍那些已经取得成功的新接口,并考虑它给用户带来的社会性影响。