澳大利亚新版地址：http://au.beta.yahoo.com/　

　　以前未留意过澳大利亚的网站版本，从当前改版表面上看起来，新版比旧版好了许多，体现在：

• 新版修改了旧版生硬的线条布局，取而代之的是色块布局，现在看来，色块布局显得比线条要舒服。
• 在Q首改版中遇到的天气问题，新版的Yahoo!7也直接放了出来，而且提供了首页自定义天气。
• 新版变化较大的是放弃了Yahoo全球中右上角的六个个人信息栏目布局，把邮件放到了Top的位置，搜索从右侧移到了左侧。
• 另一个大的变化是澳版取消了旧版（也是英文版中）提供的窄屏与宽屏切换功能，而直接使用了宽频。
• 新版大量应用了Javascript与Flash。如首屏核心位置的图文新闻，这个图形的变化效果在首屏上应用还是比较大胆的，但在左下角的页面选项中也提供了一个关闭Flash的功能。
• 新版和Q首相比，有一个类似的功能，即“Local Area”，提供一些本地化的信息，如影院，餐厅等。Q首仅提供了当地新闻，如果能和本地新闻结合，我想也能做。

　　澳版的Yahoo新首页可圈可点，赞一下这些为网站改版而努力的人们，很多细节值得我们学习，也备份一下旧版。顺便提一下，昨天看到Sohu也在改版，门户网站看来都有动作了。

相关文章

• Yahoo改版公测及我的评测
• Steve Souders：你的网页有多“绿”？
• Google抄袭Yahoo？

 图1：时代杂志改版后全新封面

 　　今天，时代推出改版后新杂志。来自五星设计公司（Pentagram ）的Luke Hayman和时代杂志主编Richard Stengel ，艺术总监Arthur Hochstein带领小组完成了此次重新设计。

　　正如Stengel在主编的话中所说，本期杂志为我们揭开了新的一章，它有全新的版式和结构。今后，每一期杂志将更全面广泛地叙述，展示我们所生活的这个世界，因此我们需要创造一个新设计样式以便更好体现配合时代杂志的报道。

　　“杂志更现代了，”Hayman说到，“但它仍然不失经典。我们精心挑选字体和设计元素，体现了杂志的复古气质。”在重新设计的过程中， Hayman与杂志内部团队密切合作，其中包括Stengel，Hochstein以及两位艺术副总监Cynthia Hoffman 和 D.W. Pine.

　　Paula Scher,，协作Hayman设计此次杂志改版的基础原型，谈及了设计项目背后的一些想法，“我们创造了一个新的体系，相信会引起现代读者的共鸣。这本杂志有大量的快速新闻和相关简讯，但依然很好地保存了时代杂志的精神。我们重温了传奇编辑设计师 Walter Bernard时开始使用的网格，由此重新采用了杂志历史上有过的富兰克林哥特字体。

图2 左：新的目录页，采用了条列式，清晰明了。右：资讯栏目

　　杂志分为四个主要栏目，板块清晰——Briefing, The Well, Life and Arts，以便读者更轻松便捷地浏览内容，也使得杂志版式更加美观。改版后，内文标题字体放大。之前的 Notebook栏目，现在改为Briefing（资讯），帮助读者更加轻松地了解一周大事、短讯等。

图3 资讯内容有简短时讯，一周要事等。

　　紧随资讯后的版面，更突出专栏作家，如这期的Joe Klein 、Walter Isaacson 和 William Kristol。The well栏目特色在于各种各样的文章，长短有致，在这里你可以读到封面故事。生活栏目的作家们，也得到了更多关注，他们的头像将出现在页面的顶端。最后，你将在艺术栏目读到关于文化、书籍、电影以及音乐的评论和最新消息。

图4 在Commentary栏目前后，改版后更突出了专栏作家。

图5：封面故事。

图6：栏目名放大，使用富兰克林字体。

　　网络蓬勃发展的今天，促使时代杂志寻求创新之道，借由互联网吸引更多读者。现在，在 Time.com上可以浏览到更多相关内容。并且，目录页也采用了网络频道条列式，更加清晰。封面的杂志标志也变小，为了在其顶端留出适当空间，作为新闻图文框，便于读者预览。

　　Hayman，曾任《纽约》杂志设计总监，《旅游与休闲》、《布利尔内容月刊》创意总监， 以及《I-D》的设计总监。他说道，“能够为时代这样伟大的杂志改版设计，是非常难得的机会，并且这也是一次令人兴奋和很有挑战的体验。”

相关文章

• 请慎重更新WordPress2.5
• 今天最重要的一个网站更新
• 更新博客Skin总结三点

相关文章

• CNN.com改版
• 破网络改版进行中
• Windows Vista User Experience Guidelines

　　如果说2Advanced的改版前有些另人不可思议，Group94就显得很轻松了，项目经理Tamara Schauvliege在网站上直接成了视频播客，大家可以看到外国人的幽默方式和轻松的环境。这里是他们的旧版站点，这个版本已经很多年没有变化，但当年代来的一些体验至今给很多人留下了印象。或者Group94告诉大家，用好AS的早期版本也能带来极好的体验。

　　最后，Group94也提供了RSS订阅，用阅读器的朋友可以加入这个：http://www.group94.com/rss/

测试版改进的地方有：

一、搜索这个最重要的部分从最顶部移到了页面的右上角
二、Microsoft的Logo在UI上变得更大，口号也更加突出，看得出MS加强了品牌性的宣传
三、中间最大的广告区域也变了，UI由直角变成弯角，增强美感
四、下面的区域似乎Tab翻页都在用，不过MS这次加强了针对于，很容易看得出针对的人群的不同
五、可圈可点的是MS的右上角的站点导航；以往功能性产品导航变成了单页窗口显示，显示的效果比较平滑

没有太仔细的观察MS这次站点所运用的技术，相信这次改版MS也花了大量的精力，能把所有的产品做在一个页面；能把有针对性的用户区分的清晰明了，实在不容易。截图如下：

相关文章

• 腾讯广州现场招聘会(周六9月19日)
• 测试Flickr的视频上传效果
• 昨天的消息得到证实Google可以开通在线个人网站了

　　点击这里看设计变迁：　http://www.uuzone.com/blog/mao/120889.htm

　　实际上我关注UUZone是在以前的一段日子，抛开设计、技术，最近的改版在体验上做的相当好，。尽管在一些UI上模仿了Flickr，但这个新版的一、二、三及高效的体验模式使我深深的吸引。另一个可圈可点的是新旧版的转换，这方面Yahoo相当有的经验。很多网站在改版的时候没有意识到这个问题，从而导致了用户的流失，UUZone新版向导做的好，不仅展示了新功能，也体贴了老用户，顺利、平滑的过渡到新版。UUzone，值得学习的SNS网站！

相关文章

• 请慎重更新WordPress2.5
• 今天最重要的一个网站更新
• 更新博客Skin总结三点

　　变化的地方比较大，不一一列举，但最重要的一条，是把信息重组了一遍，增加了TAG这个元素及功能。

　　有帐号的朋友可以体验一下新版：www.flickr.com

相关文章

• 请慎重更新WordPress2.5
• 今天最重要的一个网站更新
• 更新博客Skin总结三点

　　更多点这里：　http://www.readwriteweb.com/archives/exclusive_new_y.php

　　以下为我对Yahoo!首页的评测，个人看法，仅供参考，也欢迎转载、拍砖。

　　一、整个Yahoo!首页被分为９大功能区域。

○ 顶部搜索区
○ 左侧产品导航区
○ 左下商业及特色服务区
○ 中心的新闻区
○ 中下部的市场区
○ 右上角最重要的Ajax用户可定功能区
○ 右中部的广告区（是否这个位置是最关健的广告位呢）
○ Inside Yahoo!
○ Yahoo!脉搏

　　二、顶部搜索区，最大的就是Search的变化，最重要的部分放到了最上部；导航却被放置左边。搜索栏目针对上一个版本的并未做栏目调整，变化在于去掉了“select category”,把高级搜索从首页换到了搜索结果页，这个变化应该是保持了首页的简洁化原则。其中最明显的是在切换搜索标签的时候，标签背景色不再有变化，在于Submit的文字切换。
　　
　　　　发现：Yahoo Travel被提到了最上面用文字链接显示。翻看旧版，Travel和Tech都被最新推荐的产品。

　　　　可定置的产品My Yahoo和Yahoo Mail被强化在最顶端的位置，看得出今年Yahoo的重点在于这两个了。细心的中国用户可能会看到网站打出3G大容量Yahoo邮箱广告。至于My yahoo!几个月前试用过一次，随心所欲可定置的功能以及N多的网站Skin／虚拟头像功能让我记忆忧新。很可惜的是My Yahoo!没有中文版。
　
　　　　新版和旧版之间的切换非常好，点击左上角的“Switch to old page”，马上切换；回到旧版，点右上角的按钮，又换到新版。新老版交替相当顺畅，可以看出，Yahoo在网站运营上还是有很好的经验。门户改版最大的在于流量的变化，能很好的做到流量和产品，和设计，和技术的平衡，相当不易，看来这次Yahoo!改版，酝酿很久。

　　三、左侧产品导航区不再为下拉式的选项，而是一目了然的呈现出来。产品的名字的字体大小似乎是类似TAG功能，随用户点击有大有小（此项还未验证）；在不同的地区，可能会在“Yellow Pages”下面出现“Y! China”或“Y! Korea”的链接。每个产品左侧的ＵＩ有一些变化，如Autos。

　　　　另外，功能区最下面有一个较大的黄色按钮“All Yahoo! Services”，点击后会出左侧动态弹出所有的Yahoo产品，下部还有按国家分类的Y!链接。如果猜的没错，这个功能的实现应该是Ajax，可以在Read里听到Broadpost听到Ajax在新Yahoo!的运用。
　
　　　　再说一点“All Yahoo! Services”按钮的位置问题，我在多个浏览器下，包括带toolbar的浏览器下测试；均发现此按钮在第一屏出现显示，由此看得出设计此按钮的设计师用心良苦；不仅如此，弹出Yahoo! Services的窗口还和用户可定功能区的最上面一条线保持水平一致。

　　四、左下商业及特色服务区似乎显得有些多余，不过以前用120元注册５年的域名www.liuyuntian.com很轻松的在这个区域找到了链接。有几个特色的产品服务，像360度，Mobile都列出来了，不知道为什么特色的一些服务被放在下面。

　　　　OK，这里不得不提到Yahoo!最重要的一个功能Page Options的功能，现在我们可以看到这个功能在搜索区的右下角。实际在几个月前的测试版中（很奇怪我的一个同事在几个月前意外的打开了测试版），这个功能是放在特色服务区的下面，可以通过以前放出的测试页面看到。点击Page Options可以把整个Yahoo!的颜色换掉，默认提供了５种颜色的风格，此功能在MSN上体现过一次，现在的Yahoo把他发挥的淋漓尽致；还有一个功能也比较好，提供给了800*600分辨率的用户的一个选择，下午和同事讨论的时候，得到一组数据，发现有26%的用户还在使用800*600的分辨显示，Yahoo提供了一个“Narrow Layout”，更贴心的考虑了用户的使用。当然，选择了Narrow Layout模式，很多动态的功能表现不出来了。

　　五、再看一下正中心新闻区，Yahoo!分成了两个部份。上部份为图文区，下部份为纯文字，两个区域的策重点有小小的不同。下部份还有Nasdaq的股票地涨跌数据显示。
　
　　　　今天的Watch video很有意思，David Filo 和 Jerry Yang上演了一出双簧，特别是David Filo，一次次的举牌让我想起了公司圣诞晚会上的TIPS。什么，David Filo 和 Jerry Yang是谁？不好意思，请问搜索引擎。

　　点击what’s new，这个页面，给出了新版的功能和亮点，晕，那我在这里说什么？如果觉得新版的Yahoo不错，你可以告诉你的朋友　http://advision.webevents.yahoo.com/scp/viewer/index.php?client_id=5480&event_id=16797

　　　　Yahoo的互动性总是这么好。

　　六、商业区没什么变化，和旧版比，此部分由右中部移到了中下部。

　　七、用户可定功能区也许是此次Yahoo!变化最大的一部分，那种鼠标即指即显示的体验仿佛又给用户带来了新的感觉，is this Ajax?

　　　　此区分为”Mail邮箱”、“Messenger通讯工具”、“Radio电台”、“Weather天气”、“Local本地”、“Movies电影”六大部分，仔细分析，这六个功能也许是作为用户的的我们关心的最多的地方。在这个地方变化，最能使用户加强产品的粘性度。

　　　　选择自己的帐号登录，鼠标移上去，体验技术带来的飞跃吧。有句话叫“科技成就生活之美”，好像是这个意思。

　　八、广告位。把这个地方归为广告区似乎有些牵强，但放了这么大一块图只作为Yahoo! Health好像有一些可惜，可能我的思维还停在国内的产品“交插营销”上。

　　九、Inside Yahoo! 没什么好说的，这个区域相当是Yahoo产品的精华显示，应该也是循环，目前没有看到变化。

　　十、Yahoo脉搏，这个功能有点和百度搜索风云榜相似。

　　总体来讲，Yahoo!的此次改版是比较成功，从技术的运用到产品的现实，从网站的运营到用户的体验，每一个环节都做的仅仅有条，稳而不乱。从技术上来讲，Yahoo!运用了新的Ajax作用改善用户体验的手段，再次从用户的角度出发去改版，调整页面，最大限度的让用户觉得网站贴心、方便，这一点是我们国内网站改版所需要去了解，学习的。

相关文章

• Yahoo澳大利亚新版上线
• QQVideo公测邀请
• 我的Blog新界面Demo

　　在评测之前，大家可以看一下Dengjie以前收集的Macromedia站点全集。

　　一、首页Adobe依然保留着Macromedia的架构，也是经典的产品布局网站，后台保持CFM。UI部分采取了继承的手法，相信在一段时间之后；Adobe会采用新的UI取而代之（从背景色的三次变化就可以看出来），这也是网站改版维持流量及讨好用户的最佳手段。

　　1)　变化最大的莫过于导航部份，Adobe抛弃掉原有的二级菜单，依然采用了符合用户习惯的下拉式菜单方式。对比一下我的同事收藏的旧版MM站点，你会发现，旧版的下拉很直观，能迅速的找到关健点，而新版却采取了菜单里分极，似乎看起来新的菜单更合理。但我们从运营上来讲，至少不会出现下面这样的现象

　　有人和我讲，出现这个问题来源于网速问题，网速快没这个现象。那么既然这个问题存在，就应该解决，怎么优先把图片下载下来，使用户把鼠标放在上面的时候没有这种现象？同样的，www.taobao.com 首页也出现了这个现象。我称之为“闪烁移动现象”，此问题为运营大忌。

　　在导航的变化中，我意外的发现在个别页面里并没有保持着统一的下拉方式，如这个页面：http://www.adobe.com/designcenter/，不知道Adobe在想什么。

　　导航最上面有一个区域和语言选择的链接，我很不愿意点击这个，因为他又让我打开了一个页面，其实我只想点击一个下拉，选一下中文网站看一下。这个体验做的不好，多点击了几次。

　　2）另外，Adobe的制作工程师似乎没有考虑到图片边角处理问题，当圆角白边遇到黑底的时候就会出现这种现象,我称之为“边角背景融合问题”，这个问题我归究于设计师而不是制作工程师。如下图：

　　3）看图不说话，一个细节。

　　　原MM：
　　　
　　　　

　　　 现Adobe：
　　　　
　　　　

　　4)Adobe把以前的Solutions和products两个栏目归为Solutions and products一个栏目，表明Adobe在产品增多后对产品的重新布局。美中不足的是产品标题的排版显得过于简单，不易把标题和产品类分开。好在还有一个See all Products的链接。很奇怪的是点击Dreamweaver的时候，标题居然还是 Macromedia。

(未完待续)

相关文章

• John.Wiley.and.Sons.CSS.Hacks.and.Filters
• Adobe Labs 发布 Adobe Soundbooth beta
• [新书]Web Accessibility:Web Standards and Regulatory Compliance

　　http://www.pengpeng.com

　　有意见过来提：　http://group.pengpeng.com/group/groupInfoAction.do?method=groupIndex&gid=51334

相关文章

• 请慎重更新WordPress2.5
• 今天最重要的一个网站更新
• 更新博客Skin总结三点