【ArchSummit架构师峰会】探讨数据与人工智能相互驱动的关系>>> 了解详情
写点什么

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

  • 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:421899
用户头像

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

关注

评论

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

ZIP 也能边下载边解压?优酷流式解压技术揭秘

阿里文娱技术团队

ZIP

GO 语言异常处理

Dnnn

Go 语言

URL 去重的 6 种方案!(附详细实现代码)

王磊

Java

bit比特, Byte字节,基础知识

Dnnn

Centos 上配置大数据环境

yuanhang

大数据

程序员快乐器之JAVA代码生成工具

Learun

敏捷开发 快速开发 生成代码

马云:今天的区块链并没有被人们认识到价值!

CECBC

区块链 阿里巴巴 马云

理解大端字节和小端字节

Dnnn

TCP三次握手和四次挥手

Dnnn

如何设计Upload组件思考

赵孔磊

GO语言 MD5 四种实现方式

Dnnn

Go 语言

epoll的原理和流程

Dnnn

MYSQL中时间类型底层存储,DATETIME ,TIMESTAMP,INT 如何选择?

Dnnn

Linux命令netstat详解

Dnnn

或许是史上最好的AQS源码分析了,AQS基础一

InfoQ_d2212957090d

AQS

第13周学习总结

刘卓

PHP配置管理-yaconf

Dnnn

php

Redis哨兵(sentinel )机制讲解

Dnnn

聊聊开发工程师如何转型产品经理

长沙造纸农

程序员 开发者 产品经理 转型 中年危机

anyRTC推流小助手-客户端推流(PUSH RTMP)工具

anyRTC开发者

技术 音视频 WebRTC 直播 RTC

起飞!这份技术点拉满的ELk+Lucene笔记,可能价值百万

小Q

Java lucene elasticsearch 架构 面试

GO 语言超时实现

Dnnn

Go 语言

遇到银河提现不了网站维护审核怎么办?

丛林里的余光

数据库 网站平台 提现

教师节送什么老师最开心?程序员三招解决家长送礼难题!

华为云开发者联盟

编程 程序

Go语言 sync.Mutex 源码分析

Dnnn

Go 语言

分布式追踪系统原理看不懂,40张图带你亲手实践

小Q

Java 架构 面试 分布式 系统设计

关于第四次财富狂潮的思考,区块链如猛虎出笼?

CECBC

比特币 区块链 数字货币

PHP Db类强制读主库(master)的设计

Dnnn

php MySQL

GO 语言交叉编译

Dnnn

Go 语言

学完微软技术总监整理的44 个微服务架构设计模式,我涨薪了

Java架构师迁哥

阿里架构师耗时三个月整理的Spring实战笔记:入门到实战

Java架构师迁哥

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