行业关键字
UI设计UI理论和资料 → 正文
关于MSN新改版的一些看法
作者: hengry 翻译 来源: 站酷 时间: 2010年4月2日

·微软在今年的三月九号公布了其对MSN网站的新设计构思。

经过无数个小时的奋战以及分析了超过70000用户的反馈后,最终通过四个月的赶工,完成了对现行版本的改良。

访问者如果不能打开http://www.msn.com的连接的话,可以通过http://preview.msn.com这个地址进行访问。

在本文中,我们将对新设计进行测评,分析他的利弊。

在过去的十年中,每当用户打开网站并进行联机体验的时候,都会看到在固定的位置会有三个主要的搜索页面。

相对雅虎和MSN专注于不断的在其页面增加新的功能选项,谷歌选择了保持精简的设计,相反他们会将新的应用程序通过连接提示的方式,存放在其他不同的页面。谷歌因此名声大振,但当然,雅虎和MSN也没有放弃,仍然保持住了市场的主要占有率。

新设计的主要目标之一,就是要让页面看起来更加的清晰简明;为了达到这种效果,MSN将页面的主色调改为了白色,并为不同区域增设了功能标签。同时,他们还通过增大新闻标题和增加新闻图片,以达到提升页面视觉效果的目的。这样做,使得用户很明确应该将视觉的焦点摆放在哪些关键的位置,同时也是页面看起来没有那么局促了。

将背景色调由之前的蓝色改为白色,确实是页面看起来更加简洁明朗了,但同时也较旧版本而已,不够个性以及难以区别于其他了。尽管受到了很多质疑的意见,微软仍然坚持的认为,白色调的背景色相较于之前的蓝色版本,更有利于网站的长远发展。在使用了单一色调背景之后,很多页面中的垂直划分线就被删除掉了。这使得原本缩小了20个像素的页面看起来反而增大了。

小标签的使用也使得页面看起来更简洁了。虽然在段落的划分上,较之前使用划分线的时候没那没明显了,但这其实不是很严重的问题。因为MSN知道,用户并不会像阅读报纸或者是专业的新闻网站时那样阅读MSN中的新闻内容。

每个段落都会有一个小标题或者简短的内容概括,使得用户可以轻松选择其内容感兴趣的从而点击进入获得更多更详细的内容。当谈到这一新设计,MSN的设计总监Scott Moore解释到,这有助于借用电脑的智能分析系统对用户进行划分,使得他们不再需要在看完所有的细节之后,才得知哪些内容是自己感兴趣的。

目录附件

MSN团队未来的关注重点将放在社交网络上。用户可以将MSN主页上发表的内容直接跟新到自己的Windows Live/Facebook/ Twitter账户上去。

这是一个被很多人忽视掉的发展趋势。社交媒体出现已经超过一年的时间,让人惊讶的是MSN也花了这么长时间才将其应用到自己的主页上。

社交媒体的应用,并不会导致大量的用户转为使用他们的主页,但这并没有打击到他们的热情,反而证明了一点,MSN是在适应网络世界的发展趋势,而不是一味的强迫用户只能使用他们的应用软件。

MSN主页的革新,凸显了微软搜索的作用。是其从杂乱无章的被迫堆砌转变成了拥有自己的清晰条理。

这一对必应的关注力的提升,使得该搜索引擎 使用率成倍数的增长了,更多的对搜索引擎的使用是MSN未来发展的一个大方向,这也证明了他们已经真正明白到,主页其实只是网络搜索的一个起点,而人们一旦发现MSN的主页在打开后,看到的多是与自身需求不相关的内容,那大家很快就会转去用其他的主页了。

第三个增加的重心是放在对本地新闻的关注上。在页面的右上角有一个关于本地版本的选择项。本地版更多的是针对不同人群的关注焦点进行规划的。用户可以选择收藏三个不同的城市或者时区的版本,但具体到要如何去进行这个保存设置,还没有太完善的解决方案。用户必须输入城市名称,点击“保存”,但在增加下一个名称的时候必须先点击“修改”,更换掉之前的选择然后再输入新的。这比起直接选择添加麻烦多了。


本地版本

一旦人们选定了一个城市,那么他接下来就进入乐当地的新闻,天气报告,体育新闻,影片/事件,饭店,加油站,以及其他的小部分内容。但唯有针对饭店的部分还没有开发完成。

关于饭店,他们只是简单的罗列了存在于搜索地附近的饭店名称,以及有一个链接可以让人们看到关于该饭店的方位和五星评定等级状况。当打开这个链接后,就会有一个新的关于这家饭店的详细介绍的页面出现。但遗憾的是,所有的内容都是空洞无用的,因为人们最关注的食客对饭店的评价他们只字未提。这让人不禁感觉,这些评论都是从那本书上抄下来的,而不是实实在在的信息。

除此之外,其他的内容都整理的很好,非常值得用户一试。还有特别要指出的一点就是,只有在美国才存在有特殊时间版本这一说法。

最后一点值得提到的就是其对微博的关注,他列明了最近的微博动态。这跟雅虎的rending Now版块相当的类似,但增加了针对最受欢迎的前几位的账户的排名动态的分析。这使得他看起来有一点俗气,而箭头的出现也更让人怀疑他的用意,究竟是为了搏人眼球还是真有什么实际的用途呢??


Yahoo’s Trending Now compared with MSN’s TrendWatch

性能

有趣的是,用户下载新版本的MSN到自己电脑,时长反而长过下载之前的版本多达一秒。因为需要执行更多的代码,使得新设计相比旧设计总计慢了三秒钟。

本地版本在文件读取方面的表现稍好,只需2.582秒,但如果要等到全部的内容下载完毕,则需要超过10.545秒。

因为一切归根究底都是取决于速度的快慢,用户不会去细究每一个性能的差异,所以说速度问题不解决的话,是很可能阻碍新设计的发展的。

主页的打开速度必须非常的快,这也是MSN可以借以真正打退其他竞争对手的机会。数以千计的在咖啡店和机场使用无线网络的用户,都迫切的希望有一个能在非常快的速度下打开的网站。

如果他们将MSN设为了主页的话,就可以很迅速的进入某个指定的网站,或者通过网页右上方的链接使用最现代化的浏览器进行搜索。如果这种现象出现的次数足够多的话,用户就有可能因为习惯而顺便将主页也给更换了。

总体设计

总体设计是可行的。他解决了很多老版本中存在的问题,并且使微软的整体形象更清晰简洁了。

新设计在视觉方面确实是有成效,但进步的空间也仍然很多。最重要的内容除了要能吸引用户的眼球,更重要的是的有一个强大的搜索引擎,但其实除了这两项外,还有有什么后续的创新也很关键。

所有内容丰富的页面,都会针对不同的人群,划分出不同的内容级别和层次。因为每一个人的偏好都是不同的,所以很难准确的划分视觉路径,但即使是一些很细微的改良和进步也能让收获到意想不到的结果。

没有说哪些段落就一定比其他的更具有视觉方面的优势。

而当配色方案启用之后,也没有说特别凸显那一部分的主要性。除了突出了页面的顶端和MSN的标志。其他任何地方都没有显现出MSN对信息的主观导向。所有的区域都让人感觉是不带个人感情色彩而平等对待了的。他没有半点自以为是的自我宣传,而是让一切凭事实说话。

新设计最值得推崇的地方,就是白色空白区域的引入。每个新闻标题和另一段新闻之间都会有12像素的空位用以隔开。字体大小也经过调整后变得更大更清楚更易读了。

结论

这些新设计是为了保持与对手的竞争。虽然现在一切看起来都是朝着好的方向发展的,但在现代网站技术的发展史上,没有最好只有更好。

他不断的追求更平实。本地版本的出现是一个伟大的革新,特别是当他能够很好的开发手机版本时,这些优势会更加的凸显。

原文链接:http://www.zcool.com.cn/article/ZMjkwMA==.html

(责任编辑: 六六

作品欣赏

欢迎关注视觉同盟微信公众号:
微信公众平台:搜索“vudn2004”或扫描下面二维码:
English | 关于我们 | 站点地图 | 联系热线 | 合作伙伴 | 艺术顾问 | 订阅 | 手机版
版权所有 © 2004-2024 视觉同盟 visionUnion.com)
Copyright © 2004-2024 VisionUnion.com Incorporated. All rights reserved
京ICP备09005192号
视觉同盟旗下子站:品牌专区 | 创意设计人才网 | 视觉同盟社区 | 视觉同盟论坛 | 英文版