写点什么

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

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

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

关注

评论

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

多地“真金白银”力撑区块链,中西部欲弯道超车新赛道

CECBC

React 18探秘(上)

Teobler

大前端 React

🏆 【JVM 性能调优】「对象内存分配」输出常用参数

码界西柚

JVM 7月日更

Spring到底应该学哪些内容?

冰河

spring aop ioc 注解驱动 依赖反转

为啥Java应用迁移到容器后会出现OOM?

Java架构师迁哥

在线base64加密解密工具

入门小站

工具

与微软、IBM同台 斯图飞腾Stratifyd入选G2文本分析Grid报告

十二张图,一脚踹开消息队列的大门

三分恶

消息队列

就在今天,浪潮云说第二期来啦

云计算

Rust从0到1-智能指针-Drop trait

rust smart pointer drop trait

【Flutter 专题】92 图解 Dart 单线程实现异步处理之 Isolate (一)

阿策小和尚

Flutter 小菜 0 基础学习 Flutter Android 小菜鸟 7月日更

测试开发之网络篇-常用命令

禅道项目管理

Linux 命令行

公司内部使用的数仓命名规范

白贺BaiHe

大数据 数仓 数仓规范 7月日更

什么是数据集市

奔向架构师

数据仓库 数据架构 7月日更

如何看待技术采用生命周期 | 【话题讨论】

耳东@Erdong

云原生 话题讨论 7月日更

腾讯一面 Java Phaser 并发编程的理解与应用

陈皮的JavaLib

Java 面试 多线程

见康乘拼团软件开发|见康乘拼团系统APP开发

pha挖矿/phala挖矿APP系统开发内容

魔方、齿轮、融合剂:当新ICT技术邂逅教育产业

脑极体

IntelliJ IDEA必备7款Python插件

Jackpop

IDEA pycharm

凭借这5步,我30分钟学会了Python爬虫!

Jackpop

爬虫 爬虫教程

【LeetCode】主要元素Java题解

Albert

算法 LeetCode 7月日更

深入理解搜索引擎——初识query理解

药老算法

搜索引擎 中文分词 query理解 query纠错 query分析

Linux之find exec

入门小站

Linux

图的应用——关键路径

若尘

数据结构

妇与术(三):机器人可以没有性别,但关系技术离不开女性

脑极体

2020年的焦虑与忧伤

Emotion

疫情 考研 研究生

领域驱动设计101 - 聚合

luojiahu

领域驱动设计 DDD

Python利器!Jupyter最大威胁终于来了

Jackpop

Python Jupyter Notebook

Vue3 + TypeScript 开发实践总结

程序员海军

typescript 大前端 Vue3 框架

架构实战营模块8 课后作业

En wei

架构实战营

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