【原创翻译】Apple vs. Microsoft——网站可用性研究

今天我们要对两家大公司——苹果和微软——的网站做一个比较。

这两大巨头都对生产尖端产品以及引领软硬件的发展感到自豪，但他们的网站又怎么样呢？如何做出比较？更重要的是，哪一个网站更好，更实用呢？

在本文中，我们将从网站可用性的角度，对这两家公司的网站做一个严密的剖析。

在这一比较开始前，我们应当注意到，这两家公司的业务是围绕着不同的市场展开的。

微软的利润基本上来自于企业用户，其中包括向计算机制造商销售操作系统许可和向企业销售办公软件。这并不是说他们不卖东西给个人用户——他们卖，他们一样拥有针对于个人用户的产品线，比如 X-Box，当然个人用户也会购买 Windows 和 Office。微软的客户目标是每一个人，从家用电脑用户到开发者及企业用户，这从侧面又补充了他们的网站的目的：试图服务每个人。

另一方面，苹果的业务基本针对个人用户，它的大部分利润来源于销售硬件，比如 iPod 和 Mac。这使得苹果的目标更加明确：推销，销售并提供售后服务。他们不必为卖给制造商许可而操心，因为他们是唯一的制造商，因此，他们的网站的主要目的就是宣传产品，扩展产品线，并通过在𝓰线商店销售产品。

1.加拿大预测网-在线预测

加拿大预测网-在线预测是网站中的第一页，最重要的页面之一，在多数情况下，主页是唯一打动访问者，并使他们继续浏览下去的理由。你有几秒钟的时间说服访问者你的网站对他们有足够的价值，否则的话，他们就会走开。

苹果公司的一贯做法是，通过主页告诉大家，网站还在正常运行着。他们把主页当做是一个广告板，总是展示一个他们最新产品的大幅广告，下面附带着三个当前同等重要的产品或新闻。如果对这四个条目都不感兴趣，可以点击上方的大型导航条，它被分成几部分来代表苹果公司的核心产品：Mac，iPod 和 iPhone，其下拉菜单中还有更多的链接，比如在线商店和售后支𝕴持。除此之外，还有个搜索栏。

有趣的是，这幅主体广告相当巨大，几乎覆盖了整个页面。如果它不能吸引你的注意力，那意味着整个网站的失败。幸运的是，苹果通过良好的产品营销知道如何🐻抓꧋住用户的吸引力，所以，他们没什么好怕的。

另一个需要注意的是，其网站简单的内容。你不会被侧边栏，通知或是额外的导航项目而打扰——在页面上只有很少的东西，吸引你的注意力，使人轻而易举地找到下一步的去向。

微软对自己的加拿大预测网-在线预测有着不同的诠释。首先，他们在顶部放置了一个风格相似的广告，目的是抓住人们的目光。这三幅巨大的图片广告——能够通过鼠标的滑过来轮流展示，很吸引人的眼球，但这可能会削弱其他两个广告的效应。在页面顶端的，是搜索栏和导航条。

在主广告下面的内容就更有趣了，正如我先前所提到的，微软的商业运作涵盖了从企业用户到个人用户的方方面面。这块区域展示着微软不同商业领域的新闻与重要信息。但是，其内容是相当枯燥无味的，大量信息充斥在这样一个小空间内，毫无条理而言。

诚然，这些内容也🍸被细分为了几个要点，但其字号很小并缺乏图片来区分条目。总之，它🍬很难勾起我读下去的欲望，因为它确实，很没劲。

2.流动性

我所说的流动的意思是：该网站的结构布局，能让人轻松地找到所需的信息吗？我是否知道接下来应该看什么——这个网站能否让我更容易的到达目标，或者说我需要在网页内容中努力寻找我想要的东西吗？

这是 Apple.com 的 MobileMe 区块：

苹果在网页架构方面做得不错，在这个页面，首先吸引你的应该是右面的图片，然后是左边的大标题。看了大标题后，可以继续阅读下面的推荐广告，它们能够轻松地引领人们去点击免费试用的注册按钮。每一项广告下面都以链接到详细内容页面的“Learn more”文本结束，这使得网页没有死角，并让访问者浏览下去。

微软似乎努力过却收效甚微。这是他们的 SharePoint  区块：

是的，这儿是有个吸引目光的焦点——顶端长长的引述和一张服务器的图片——但是接下来呢？下面所有内容都极为单调，尤其是那个有 8 个链接的“Learn More”区块。干巴巴的介绍让访问者缺乏浏览的欲望。有些微软站点在布局上做的稍好些，能指引用户的吸引力流动，但它们都有一个通病：内容太多。

提供给用户的多种选择，增加了用户的负担——他们不得不思考自己想要什么，并处理更多的信息。通过减少选择余地，苹果引领用户进入了一个经过精心设计的，提供了良好用户体验的通道。

3.导航条

苹果的网站上方有一个大型的导航条，这使网站的每个部分都能够保持一致。可供选择的部分展示了苹果的主线产品，同样也有包括售后支持和在线商店在内的重要内容。导航条同样集成了搜索功能，同时还进行了品牌展示，比如主页按钮显示的是苹果的 Logo 而不是简单的“Home”标签。任ꦜ何额外的二级导航都位于个别页面，而且都在网页的内文中，也许是在侧边栏，也许是个顶端的水平条。

微软的主页有一个类似的导航条，但它在网站中并不是始终一致的。事实上，所有的子页面都有各自不同的导航条——不论在样式上还是内容上。主页的导航条几乎是微软网站各个部分的网站地图。在包括主页在内的许多导航条上，微软都使用了下拉菜单——与苹果不同，苹果不光使用下拉菜单——而且是巨大的下拉菜单。有时候，下拉菜单竟然还有一个滚动条！（ꦑFirefox 中）

这是好是坏？在最近的一篇文章中，Jakob Nielsen——有名的可用性大师——写到，巨型的下拉菜单还是可行的。说它可行是因为它集中提供了多种选项，使人更容易地检索并获取所需。通过它能够达成某个既定目标，比如将只需要显示一次的命令集中放在一起。

微软使用大型下拉菜单也有一定的道理，但他们做的有点儿过了。有些不同的选项都指向了同一个内容，像‘Office’下拉项和‘All Products’下拉项中的‘Office’选项。大型下拉菜单还遮挡了其下面的页面内容，如果鼠标不小心滑过了菜单，还要刻🎐意移开鼠标以继续浏览——同时还要小心谨慎，不把鼠标移到其他条目上。

大的下拉菜单同样包含了不少内容——有时一次显示大约 1𝓡3 个条目，这使得分辨选项更加🍃困难。同样，网站各区块导航菜单的不一致也给页面跳转制造了障碍。像从 Office 网站跳转到 XBox 网站。

4.可读性

因为网👍站中的主要内容都是文字，所以确保每部分内容都清晰易读是尤其重要的。下面是改进网站可读性所需考虑的要点：

• 使文本足够大以便阅读；
• 确保文字与背景有足够的对比；
• 在文字周围提供足够的留白以避免其他图片和内容干扰读者；
• 提供充足的大标题和高亮/粗体字，以便读者快速获取关键信息；
• 为个别文字区域添加图片和图标来强调内容，如产品或功能描述；
• 保持文字简洁并突出重点；

现在让我们来看看苹果和微软在这方面做得如何。这是 Apple.com 上一个典型的页面：

苹果使所有东西都轻松易读。其文字虽然很小，但都不至于太小使阅读困难。标题很大很突出，使人很快就能找到这一部分的要点。苹果还大量地运用留白以区分每一部分，并添加图片提升每段文字的趣味性。

这是 Microsoft.com 上的一个典型页面：

它遵循了可用性设计的通常准则，把大块的东西分割成容易理解的小段文字。其页面上的更多内容和对标题及高亮文字的多种不同处理方式，使它看起来要比苹果的ও网站忙得多。

页面上的过多样式导致了视觉的混乱，各种不同的颜色和粗体字吸引着人们的注意力，在这种情🔯况下，页面需要简单化以使访问者更易阅读。这是♏微软的另一个网页，微软安全中心：

页面上的文字过小而难以阅读，而且它需要更多的留白来把文本分离开来。再来看看 Apple.com 上一个繁忙的页面：

这是苹果在线商店，到处都有大量的商品信息和分类链接。字体小得恰到好处以容纳更多内容，当然，留白的良好运用仍然确保了页面的可用性。