【ArchSummit】如何通过AIOps推动可量化的业务价值增长和效率提升?>>> 了解详情
写点什么

微软与苹果网站可用性大比拼

  • 2009-09-11
  • 本文字数:2809 字

    阅读完需:约 9 分钟

Pixelshell 的联合创建者 Dmitry Fadeyev 在其名为“ Apple vs. Microsoft – A Website Usability Study ”的文章中从可用性角度对苹果与微软的网站进行了评测,结论是苹果获胜。微软的产品经理 Scott Barnes 对此结论也表示认同并提到问题的根源在于各种子域的管理方式都不尽相同。

Fadeyev 通过 7 项标准对软件业的两位老大:苹果与微软的网站进行了评测:

  1. 主页Fadeyev 说到长久以来苹果网站的访问方式都没有太大的变化,而苹果还把其主页当成一个“广告板”。“页面上方是个巨大的广告”,而其它地方只是几个链接而已,用户无法从中了解到“接下来应该点哪里”之类的信息。

接下来 Fadeyev 又谈到了微软的网站,它上面也有 3 个广告,但在同一时刻只呈现出其中一个而将另外两个隐藏起来,至少在 Fadeyev 调研时是这样的。这有助于集中访问者的注意力,而另外两个广告需要用户的点击才能呈现出来。此外,他认为广告下面的文字“实在是太讨厌了,非逼你去看,巴掌大的地方放了这么一大堆信息,叫我怎么读”:

虽然列出的只是一些要点,但字体实在是太小了,而且几乎没什么图片来区别这些条目。就我而言,我实在是没兴趣阅读这些内容,因为,它们太招人烦了。

  1. 页面流Fadeyev 再一次流露出了对苹果网站的赞美之情:

在读完大字标题后,用户还愿意继续浏览下面的广告,这样就会在不知不觉中点击免费试用的按钮。如果对试用不感兴趣,你会发现下面还有不少特性条目呢,每一个特性最后都是“了解更多”这样的链接,指向的页面对该特性进行了详细的介绍。这么做会引导用户持续不断的点击浏览

Fadeyev 仔细研究了 SharePoint 的站点,发现页面上方区域最能引起用户的注意,然而他却认为页面上承载了太多的内容,这是一个缺点。
3. 导航Apple 通过一个导航栏贯穿了所有的子站点,而且该导航栏上还刻有苹果的 logo(以此增强品牌的认知度)以及一个搜索框。

微软网站上也有一个导航栏,然而对于不同的子站点来说该导航栏的内容并不一样。Fadeyev 说到,“事实上,无论形式还是内容,所有的子站点使用的都是自己的导航栏,这样主页导航栏就扮演着站点地图的角色了”。微软还使用了超大的下拉菜单,可用性专家 Jakob Nielsen 对此给予了正面的评价。Fadeyev 虽然也觉得下拉菜单挺不错,但如果不小心被鼠标碰到了,菜单就会将下面的内容遮起来,用户还得将鼠标移开才能关闭菜单。除此之外,还有一个老问题,那就是内容太多了,而且有时还会有重复内容。
4. 可读性Fadeyev 认为苹果网站的可读性非常棒,标题使用了更大的字体而且还用空白将内容分隔开。只是有些页面的字体太小了。

微软网站也采取了同样的方式,然而:

页面上过多的内容显得非常凌乱,每一种不同的颜色或是粗体条目信息都在吸引你的眼球。在我看来,页面真的需要瘦身了,只有这样才能让用户更加舒服。

  1. 搜索苹果的搜索使用了 Ajax 以便在用户输入查询信息时就能即时显示查询结果。用户可以选择某个查询结果,也可以在新的页面上浏览所有结果(按类别分组)并作出进一步的选择。

微软的搜索则不然,它总是在新的页面上显示众多的查询结果,Fadeyev 认为这么做比较适合微软的网站。他认为微软的搜索是“一种功能,然而其感官却与其他页面大相径庭,这样用户会觉得自己好像在浏览另一个站点而不是微软网站一样”。
6. 美观关于苹果网站的美观度,Fadeyev 认为:

苹果网站的美学设计完全反映出了其产品设计。导航栏也折射出了其铝工艺技术,有一定的倾斜度并且还有锯齿状的文本。 还有不少设计元素也都能反映出这一点。苹果整个产品线上的所有产品都具有一致的界面,从硬件到软件都是这样的,当然其网站也不例外。

Fadeyev 认为微软的网站“也很不错,但仅仅不错还是远远不够的。其网站上面还充斥了大量不一致的内容,也缺少精心的打磨,因此在这一点上苹果胜出”。
7. 一致性整个苹果网站的感官都是一样的,页面上方的全局导航栏也总是在那儿,无论哪个页面都是如此。这样用户的整个体验都是非常统一连贯的——无论点到了哪儿你都知道还是在苹果的网站里呢。

对于微软,Fadeyev 拿 Azure 站点作为一个示例:

如果拿走页面上的 logo 你能想象出这是微软的站点么?整个页面上的图片、风格以及颜色都与微软网站大相径庭… 位于同一个域下的站点应该是一个统一的生态系统,然而微软的做法却事与愿违,比苹果差远了。商标图片也被弄的四分五裂,我们很难为微软网站到底是什么样子下一个明确的定义。

在这场比拼中,Fadeyev 认为苹果最终获胜,而微软失败的重要原因在于一致性的缺乏。

微软 Rich Client Platform 团队的产品经理 Scott Barnes 也认同 Fadeyev 的观点,“对于网站的设计者来说,他们也会感觉到这种不一致性”。最近他接管了 Silverlight 的站点,准备一雪前耻。

我们团队对当前的网站并不满意。我们可以做的更好,也应该做的更好, Fadeyev 的文章对我们很有帮助:应该重点关注用户体验与信息体系… 保持简单将成为网站下一版本的主旨。

Barnes 认为微软的子站点之所以缺乏一致性的根本原因在于它们是由不同的团队管理的:

最好还是采取中央集权的方式来设计这些公开站点,这样如果哪些团队有问题就有章可循了,我们还能够对最终用户的行为进行更加统一的质量分析。 然而由于公司的政治因素,还没有哪个部门可以操控整个网站,坦白地说,我还没有看到改革的迹象。

Tim Anderson 也对 Fadeyev 的调研发表了自己的看法并就微软网站进行了一些分析:

  • 很难从网站上那么多的废话当中寻觅到有价值的信息
  • 过多的链接,菜单页上的链接更多,有时看起来像是一个无尽的循环
  • 我发现有很多信息在大谈特谈未来如何如何,在上线之前这些信息还是经过充分准备的,然而一旦上线之后就没有再进行过更新
  • 地域性信息太差了。有时打开了微软英国站点,但最后的价格,是否有货等信息却只是针对美国的
  • 有个 Technet 站点,同时还有个介绍一般信息的站点,但两者之间的差别不那么明朗。我认为那个介绍一般信息的站点主要是面向商业 / 市场方面的,而事实却是两者之间存在大量重复的地方
  • 页面上充斥了太多的信息,导致用户的选择过多
  • 有些东西天生就使人困惑,比如 CAL 策略。有 4 种不同的 CAL(user、device 与 standard、premium 的组合),它们可以混合使用:如果所用的 CAL 不具备“Premium 特性”的话你可以联合使用 Standard CAL 与 SBS Premium,但结果却是没人能在哪怕一个很小的业务中成功使用这种方式

苹果网站是个好榜样,而微软网站则还需进一步改进。或许最好的办法就是采取中央集权的方式,有专门的一个部门负责为所有的子站点设计一致的界面感官;退一步来讲,即便这么做有困难,至少也要将这些子站点放在不同的域名上,就像 Silverlight 那样。

在这篇文章中,作者从主页、页面流、导航、可读性、搜索、美观与一致性这 7 个方面比较了苹果与微软网站的可用性,结论是苹果胜出。那么作为读者的您有何不同看法呢?请大家在浏览苹果与微软网站后参加 InfoQ 的小调查。

查看英文原文 Comparing Microsoft and Apple Websites’ Usability

2009-09-11 01:421897
用户头像

发布了 88 篇内容, 共 258.4 次阅读, 收获喜欢 8 次。

关注

评论

发布
暂无评论
发现更多内容

Spring 5(三)AOP

浅辄

Java Spring5 11月月更

【设计模式】原型模式:猴头,我叫你一声你敢答应吗?

游坦之

11月月更

优化开发人员对 K8s 安全的影响

HummerCloud

Kubernetes DevSecOps 11月月更

Map接口概述和基本使用

共饮一杯无

Java map 11月月更

看透react源码之感受react的进化

goClient1992

React

Git学习笔记

lxmoe

git 学习笔记 常用命令 11月月更

React源码分析(一)Fiber

goClient1992

React

图学习初探Paddle Graph Learning 构建属于自己的图【系列三】

汀丶人工智能

图神经网络 11月月更 随机游走算法 异质图

中高级前端开发需要掌握的vue知识点

bb_xiaxia1998

Vue

Flask框架:如何运用Ajax轮询动态绘图

华为云开发者联盟

JavaScript 前端 华为云 企业号十月 PK 榜

CSS知识框架(一)

默默的成长

CSS 前端 11月月更

一天梳理完react面试题

beifeng1996

React

高频react面试题自检

beifeng1996

React

从recat源码角度看setState流程

flyzz177

React

问:你是如何进行react状态管理方案选择的?

beifeng1996

React

Spring 5(四)JdbcTemplate

浅辄

Java Spring5 11月月更

一份vue面试考点清单

bb_xiaxia1998

Vue

从源码角度看React-Hydrate原理

flyzz177

React

为提高 SDLC 安全,GitHub 发布新功能|GitHub Universe 2022

SEAL安全

GitHub 安全

学习MySQL必须掌握的13个关键字,你get了吗?

小小怪下士

Java MySQL 程序员

问:React的useState和setState到底是同步还是异步呢?

beifeng1996

React

说说Vue响应式系统中的Watcher和Dep的关系-面试进阶

bb_xiaxia1998

Vue

ShardingSphere + OpenSergo,共同提升微服务体系下数据库的性能与稳定

SphereEx

数据库 微服务 Apache ShardingSphere

React-Hooks源码深度解读

goClient1992

React

首个中文Stable Diffusion模型开源;TPU演进十年;18个PyTorch性能优化技巧 | AI系统前沿动态

OneFlow

人工智能 开源 深度学历 TPU

python的成员方法的简单介绍

乔乔

11月月更

深入react源码看setState究竟做了什么?

flyzz177

React

什么是Maven

莪是男神

Java maven 11月月更

Map接口的子类HashMap和LinkedHashMap

共饮一杯无

Java 11月月更 Map集合

【C语言】float 关键字

謓泽

11月月更

说说你对Vue的keep-alive的理解

bb_xiaxia1998

Vue

微软与苹果网站可用性大比拼_.NET_Abel Avram_InfoQ精选文章