收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 5898|回复: 9

[讨论] Yahoo改版浅析

[复制链接]
发表于 2009-7-28 00:56:11 | 显示全部楼层 |阅读模式
其实说到Yahoo改版,好像就和吃饭差不多,这也算是Yahoo懂得什么叫做Web 2.0的精神吧,有兴趣的同学推荐看看《应需而变》(虽然我对当中的“同理心”的翻译及所谓的方法实在反感,明显的抄袭别人RPG精神不说还乱起名字...),您如果没有学过软件工程,第七章(敏捷方法)值得一读。

这次改版,早在之间就见其雏形,两次改版,都在强调一个概念,Your Home Page。
下面是上次改版的界面截图。
xin_28090519144250015718222.jpg
yahoo_home_page_1_-_9.17.2008.jpg

下面是新版的布局页面(该界面有被我调整过,原始的图片新闻在上面):
Yahoo!.png
两个版面对比来看,现在的新版比上一次版本在整体布局上面变化不大,有变化的在其样式和内容布局方面。

界面方面:

从界面上来看,新版的界面颜色方面比以前更加清新一些,边栏的颜色使用了蓝白渐变,这种渐变使得界面更加整体化。相比之下上版的深色让用户的焦点过于集中于左边,淡化了右边的内容,原意在于突出个人中心,但处理上并不如新版的好。从Yahoo的版式设计上来看,设计师希望用户能在一屏以内就看完所有的内容,所以两版本的高度几乎是没有太大变化的,这个和未改版的版本是一致的。

内容设计方面:

上次改版的内容设计很有意思:
  • 以大图标的形式展现各个服务,同时在服务名称下面给出了服务的一些信息状态,看起来信息处理很到位。之前也说到了在界面设计方面,设计师希望用户能在一屏以内看完内容,因此这里使用大图标就有了一些缺陷,在有限的高度之下可容纳的服务个数比较少。
  • 因为使用了大图标作为设计,左边容量比较小,设计师就将Yahoo Services放置到右边去。这样用户就可以在不添加App的情况下直接链接到Yahoo的各项服务去。
  • 设计师在这里,使用API,通过使用统一的雅虎帐号去管理其他网站内容的想法已经成型。

上次的改版已经突出了Yahoo的意图,而新版的内容设计,则较之上版更有考究。
  • 顶部的搜索框的样式变化,使得用户可以更容易的知道目前到底要搜索什么东西,比原始模仿Google的单一加粗和变色要来的更加舒服一些。
  • 上版在顶部的登陆(有点模仿Google的痕迹)现在统一移动到搜索框下面,保持了和未改版时候的登陆习惯一致。
  • 在登陆的地方,增加了What’s you doing ,学习Facebook 增加了“状态”这个功能。这也是You are the center的必备功能。
  • 大图标的形式转化成为22*22的小图标,在服务个数上,新版容量比上版翻了不止一倍。虽然服务信息被去掉了,但是用户可以使用鼠标悬停或者点击查看里面的内容。新版在图标上采用了类似iPhone图标的设计,不知道是出于喜好还是用这种手段来让iPhone用户对新版感到亲切(援引数据说明: http://macx.cn/a/a4000i1010557.htm 智能手机对互联网的请求的比例中iPhone OS 的占有率是47%)。
  • 注意到侧边栏弹出内容的变化,在上版是没有广告位置的,这次不单单加了广告位置,还特意加了关联内容,使得网站更具有关联性。
  • 由于新版侧边栏整合了雅虎的所有服务(这样用户就不用迷惑到底使用左边还是右上的链接了),右上角的地方腾给了流行搜索,这是未改版的时候有的功能,也是上次改版没有考虑到的地方。可能是为了增加yahoo搜索引擎的使用率。相信Yahoo在Google 和Bing的夹击之下也开始发力搜索引擎了。这次Bing的搜索设计很大程度上突破了Google的设计理念,也给Yahoo带来了不少启示,Yahoo在测试的Search Pad就是一个很有意思的功能。
  • 中间内容去掉了in the news 这样的标题。将Tab的字体放大作为标题,比起原版来是一种进步,毕竟对于使用Yahoo看新闻的,只需要知道新闻的分类就好了。
  • 小彩蛋?图片新闻在上面的时候是有Today这个标题,并且是带日期的,如果你点击列表新闻Tab后面的那个向上的箭头之后,图片新闻移动到下面是没有标题的。不知道Yahoo的设计师为何这样设计。其实从个人的角度来说,对于用户来说关心程度较低,作为一个新闻网站,还要使用“今日”来让用户明白,“这个是今天的新闻”,那么他本身应该具备的是按日期浏览的功能,但是很显然,yahoo的两次改版,都没有给出按日期浏览的功能。


不过对于新版的改版仍然有一些地方迷惑不解:
  • 虽然利用了facebook等几个流行的网站,但为何唯独没有Twitter相关的api?
  • 对于上次改版,右侧栏有出现的Flikr,为何这次变成了需要用户去添加的侧边栏内容?以现有的侧边栏高度,多增加一个Flikr的图标也不会引起用户的反感。连星座都可以加上,却淡化Flikr,难道有数据说明Flikr的关注度还不如星座?


很久没有做过网站的改版分析了,由于工作的关系,断断续续写了快一个星期才写完这篇浅析,这次Yahoo改版无论从战略方向还是界面都算是值得一些网站学习的(当然不包括中国的门户,放不开是中国的特点)。从侧面也说明,杨致远的想法在巴茨接手之后还是继续下去了。

延伸阅读:

雅虎主页15年变迁之路(1994-2009)

题外话:

当然相对于Yahoo门户的改版,我更加关注的是Yahoo在搜索引擎方面的创新,虽然在技术上而言,Yahoo的Search Pad可能是05年4月推出的My Search服务的升级版,但是针对于某些喜欢研究和收集资料的人,这个服务的确是福音,相较Google的Notebook需要手工去做,Yahoo的采用自动记录访问页面,更加让人舒服。话说回来,这功能针对于普通用户而言,确实没多少吸引力。

PS.很好奇Yahoo重组到底要剥离哪些业务,目前确认的似乎有hotjobs和small business,传闻当中的还有Yahoo Games。
PS2.其实Google的Notebook在功能上与Google自家的Docs有冲突,与其在分散力量开发两个产品,倒不如集中力量完善Docs,毕竟Docs更具有商业价值。

评分

参与人数 1威望 +1 收起 理由
小猪头 + 1 精品文章~~~很牛X~~~

查看全部评分

发表于 2009-7-28 01:59:20 | 显示全部楼层
左边games、maps、yellow page搞不懂为什么没悬停,弄的我还傻乎乎的把鼠标放着等
回复 支持 反对

使用道具 举报

 楼主| 发表于 2009-7-28 08:52:32 | 显示全部楼层

回复 2# dashzhao 的帖子

恭喜你,你中套了。
不知道是不是还没有想好怎么关联,或者这两个地方是不需要关联,用户一般会直接点击的那种。
回复 支持 反对

使用道具 举报

发表于 2009-7-28 11:07:47 | 显示全部楼层
相信yahoo左侧借鉴了SNS网站添加组件,但是和他的搜索有机地结合在一起了,同时也增加了用户的粘性。但是发现一个问题,如果你把自定义的组件全部删除就会出现左侧只有两个组件的界面,其他区域一片空白,这是一种极端情况。还有一个问题就是左侧的动静太大,浮出的窗口过大由于约定成俗的规则需要把关闭图标放置右上角,这样就造成鼠标需要滑行很长的距离才能把窗口关闭(虽然有其他的方式,比如离开焦点)我相信关闭按钮很少人去用,因为实在太遥远了。一旦你的焦点进入左侧就会产生选择余地少、界面反馈大、鼠标移动困难的感觉!所以个人感觉左侧有调整的余地!
回复 支持 反对

使用道具 举报

发表于 2009-7-30 09:04:08 | 显示全部楼层

分析的挺细致!

分析的挺细致!
回复 支持 反对

使用道具 举报

发表于 2009-8-17 09:30:11 | 显示全部楼层
总之不好。
几年前的问题是链接颜色刺眼,现在的问题是找不着北。还是一片混乱。
回复 支持 反对

使用道具 举报

发表于 2009-8-17 14:20:11 | 显示全部楼层
个人觉得经常改版,对用户体验已经算是一种失败了
回复 支持 反对

使用道具 举报

 楼主| 发表于 2009-8-17 16:13:09 | 显示全部楼层

回复 7# lj195528 的帖子

我倒是支持改版测试,yahoo这个改版和svn分支是一个道理。在不影响旧系统的使用情况下开发新的版本并测试。
回复 支持 反对

使用道具 举报

发表于 2009-8-19 11:36:35 | 显示全部楼层
谢谢楼主,学习了....
回复 支持 反对

使用道具 举报

发表于 2009-8-19 14:47:07 | 显示全部楼层
我觉得有点降低了搜索的味道。
用户的确更重视左边的导航栏,但可能也会局限在左边的内容中。
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( ICP05002321 )  

GMT+8, 2019-12-7 03:05 , Processed in 0.109100 second(s), 16 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表