您的位置:首页 -> 专题 -> 奥运频道 -> 各门户奥运频道UI分析
各门户奥运频道UI分析 共有0条回复件
引用 1
游客 [ IP:218.17.251.* ]
2008-09-21 01:51:50 
概要:奥运战火刚结束各门户网站就马上发表自己的战绩,又引起了另一场口水战,至于谁是第一我觉得这个并不重要,重要的是从这次奥运报道中我们是否看清楚了自己的优点和缺点,从而吸收经验为将来做准备。以下是从载入 ...
2009年 牛年 找个网友一起在这里开心快乐每一天 点击进入>>

奥运战火刚结束各门户网站就马上发表自己的战绩,又引起了另一场口水战,至于谁是第一我觉得这个并不重要,重要的是从这次奥运报道中我们是否看清楚了自己的优点和缺点,从而吸收经验为将来做准备。

以下是从载入速度、首屏视觉效果、导航、推荐区、奖牌榜、头图、要闻区、通透性、观看直播体验、直播页等对各门户奥运频道进行对比分析。
载入速度

首先我们来看看各门户奥运频道载入速度分析表。
因为数据来源是一个外国网站,测试标准和国内会有点不同,在国内实际载入速度会更慢。(载入速度和网络状况、电脑配置、页面大小、js代码等有关)这次测试目的是在同一条件下得到各奥运频道的参数做对比,从而发现自己存在的问题。
测试时间其中有2天是星期六日,因为是一般星期六日投放大型广告比较少,这样可以减少对数据准确性的干扰。
大家都知道,一个网站的载入速度的快慢直接会影响到用户的耐性。从上图数据可以看到sina奥运频道和sohu奥运频道平均载入时间较长,163奥运频道排中间 ,QQ奥运频道速度最快。
以1024×768分辨率为准, 163奥运频道、 sina奥运频道、 sohu奥运频道均为16屏左右, QQ奥运频道为13屏左右。所以在相同16屏的情况下 163奥运频道载入速度比sina和sohu要快,但从载入时间段看, 163奥运频道的载入时间浮动较大从6.45s跳到12.47s 从15.92s跳到7.41s,其他门户载入速度较平稳,这个可能是163需要关注的一个问题。
所以综合起来QQ和163在载入速度上做的较好。
首屏视觉效果


首屏信息的多少是吸引用户继续浏览的一个关键,以1024×768分辨率为准,下图阴影部分为各门户首屏信息的显示范围,QQ奥运频道和 163奥运频道显示区域比较大,其次是sohu和sina。

首屏视觉效果QQ和sina的层次比较分明,可以有效的引导用户去浏览,而且sina把广告放到顶部可以减少广告对信息的影响,这个是一个聪明 的做法。163“导航”和“完全夺金历程”区2块大红色在互相争艳,用户的视觉不知道往那里放,而且“完全夺金历程”区和要闻区的架构不协调,形成Z型。 Sohu一片红导航、广告、近期赛事都混在一起了严重影响用户浏览,近期赛事完全被弱化了。
总结首屏视觉效果QQ和sina做的较好!

导航


在导航方面QQ分类很清晰,新闻、视频、服务、互动几个大区很明显,而且导航紧凑不松散比较容易寻找内容。163虽然有分区,但每个区 没有明显标记赛事项目和导航区分不够明显。Sina的区域感不强而且上下导航视觉效果不是那么舒服。Sohu第一感觉就是乱,而且被一堆广告包围着,严 重的干扰导航,分类不清晰,区域感也不强。

总结导航方面QQ做的较好!

推荐区

163的“完全夺金历程” 策划比较好,设计很精致,信息量大,而且视频直播列表方便用户关注现在直播赛事,大部分用户最关注的是金牌有关的信息,这个推荐位正满足了他们,不足处就 是和导航颜色相似容易视觉混在一起,如果通栏广告也是红色(这个可能性极大),那就会出现一片红的情况,本想突出这个位置反而被弱化了。QQ显示的是中国 金牌数字,但点击后是什么就不清楚,现在精明的用户对这类模糊的链接都会保持谨慎态度,后来修改为鼠标触动出现图片介绍。Sina还是保持一贯新闻为主的 风格,推荐的是一些新闻要点。Sohu这个位置功能很齐全但广告干扰比较大。
总结要闻推荐区163和sohu做的较好!

奖牌榜


奖牌榜sina做的较详细,不足之处就是少了个总数和把名次放到国旗后面不过后来修改为名次排前。QQ没有明显的排名符号,整体感觉还可 以,163整体也比较清晰,用“完全金牌榜”来代替“更多”会让网友更容易读懂。但不足之处是显示国家比较少,和位置放置头屏的右上方和信息内容分开,用 户需要一个跳跃性的浏览,不利于浏览。Sohu和sina有点相似都是可以往上滚动来显示更多国家,但滚动效果比较差,设计粗糙,而且整体显的很拥挤。

总结奖牌榜sina和QQ做的较好!

头图

头图位置,sina使用的是单头图进行切换形式,视频被弱化,除非sina的策略不是以视频为主。QQ和sohu形式比较相似上面是图片切换下面是一个庞大的视频区。这样保证了新闻的及时性又突出了视频。
163的意图是想突出视频,把视频头图放到上面然后隔一段文字链才放图片头图,但从及时性来说这样摆放并不适合,新闻讲究的是速度,要跑在对手前面公布。 大家都知道图片更新速度会比视频更新速度要快,视频需要压缩处理才能放上去,相对比图片要耗时。所以想让用户及时看到最新的信息,图片会比视频更快捷。而 且导航下方已经有一个庞大的”完全夺金历程”提供视频和图集.来满足用户需求。
总结头图QQ和sohu做的较好!

要闻区

要闻区163和sina整体都比较清晰整洁适合阅读,但163顶部红色字体的焦点新闻如果条数过多就会影响到阅读,层次不分明。QQ和sohu顶部焦点新闻区都较清晰整洁和主次分明,但下部分新闻标题使用红色字体而且标题与标题间距很小,这样不利于阅读。
总结要闻区sina和163做的较好!
通透性

在国内的门户网站都习惯了内容多、页面长,什么都往首页堆,感觉内容越多会显的越大气。但用户的耐性是有限的,所以通透性对国内网站很重要,每一屏的架构 变化不宜太多,适当就好。不然用户每浏览到一屏都要重新去解读架构,耐性就会被消耗掉,往下浏览的机会就越少了。如果想用户能多浏览网页内容,网页必须有 较好的通透性。
sina一直保持3栏形式,中间以通栏广告间隔,不足之处就是文字链多图片少。
163也保持3栏形式,但中间个性栏目架构变化比较多。
Sohu从3栏到1栏到2栏再到4栏再到3栏,反而显得繁复。
QQ保持3栏形式,中间用适当的图片通栏间隔,很通透。
总结通透性QQ和sina做的较好!
观看直播体验
有位著名的网站设计师说过,如果大部分网民进入一个网站3次点击就能找到他们需要的内容,那这个网站算是一个比较成功的网站。下面是我想看一场热门直播赛事,在每个门户网站的体验,1、2、3等代表点击数。
163 1、网易首页
2、奥运频道首屏通过很明显的直播表可以浏览正在直播的热门赛事,然后点击想看的直播赛事。
3、安装播放软件马上就可以观看了。
Sina 1、新浪首页
2、奥运频道首屏没有明显的直播表,在导航上点击直播
3、进入一个直播表的页面,看到很多赛事,我点了下我想看的赛事名字……
4、在进入一个那项赛事的详细介绍……..(有点不耐烦了),再点导航的直播,又回到刚才的直播表,我放弃了……..。
QQ 1、QQ首页
2、奥运频道首屏没有明显的直播表,在导航上点比赛直播
3、进入直播大厅,安装播放软件后会自动播放QQ自己录制的访谈节目,然后右边有直播的赛事表 。
4、点击自己想看的赛事就可以观看了
Sohu 1、搜狐首页
2、奥运频道首屏没有明显的直播表,在导航上点击直播
3、去到一个直播表的页面,看到很多赛事。
4、我点了下我想看的赛事名字,进到一个哪项赛事的详细介绍,再点了下右上角的直播中心,又回到刚才的直播表……
5、然后我再仔细观察终于找到赛事直播大厅了(有一种成就感)然后安装播放软件,我呆住了,出现一行字“你需要重启电脑才可以播放”…………
总结 观看直播体验163做的非常人性化!

直播页

163直播页清晰简洁,受干扰比较少,互动性较强可以和其他网友一起讨论赛事,还有实时比分。不足之处是直播赛事区域放到视频框上方,因为当用户马上想转 台的时候,应该把其他赛事信息放到用户最容易看到的地方,一般浏览网页的习惯是从上到下,和从左到右。必然放到上方不是用户第一时间看到的地方。

sina直播页清晰简洁,受干扰最少,正在直播的赛事放到用户比较容易找到的右下方,也可以互动交流但需要安装软件。

sohu直播页,该有的都有了,不过颜色很压抑,设计粗糙。和163、sina相比感觉不是一个档次。

QQ直播页,色块太多很凌乱,严重干扰用户观看视频,等于你去看电影旁边在放烟花一样。而且页面过长,下面堆积了很多内容。
总结直播页sina和163做的比较好。

总结

从分析看到,每个门户的奥运频道都有他自己的优点和缺点,不能说哪个门户做的就最好,哪个就最差,不同的战略就需要不同的形式,例如新浪如果他 的战略是新闻为主,那单图片头图形式就非常适合他,可以凝聚视觉,抓住用户。而且每个门户网站的用户群都不一样,适合对方的方式,但不一定适合我们。我们 应该取长补短找到适合自己的模式。
以上是从UI方面进行分析,从不同的角度去看结果都有可能不一样,所以网站的决策者这样做也必定有他们的理由。
----- 分割线 -----
注:本文原为bill同学发布在163 UED Team上,不知为何发布后又被删除,幸好google帮我保存了这篇不错的文章,现在转帖在这里给各位学习UED和设计的同学学习,如有不妥请联系我。谢谢。



关键词:门户  频道  奥运  分析  
在下面说说我的看法
  
话题常见关键词标签 更多
奥运(3676)  奥运会(1186)  火炬(942)  空间(660)  传递(624)  圣火(581)  主流(477)  四川(328)  品牌(307)  世界(305)  历届(287)  地震(270)  代码(264)  歌曲(251)  quot(241)  组图(233)  个性(224)  活动(200)  免费(188)  知识(181)  接力(176)  奖牌(175)  资料(174)  头像(172)  冠军(169)  视频(167)  下载(166)  我们(165)  明星(164)  介绍(157)