21
Feb

iPhone、Windows Phone 7界面一一对比

by Morten from Genstart og Rock | Logout 译,转载请注明 ifanr.com 译文链接。

作者在沃达丰从事用户体验相关工作。

首先是锁屏,这是消灭 Tufte 所说界面残渣(interface debris,比如滚动条之类无助于信息显示的界面元素)的第一个例子。整个界面没有任何控件。

要解锁 Windows Phone,只需将整个屏保往上滑。手机就在屏保图片下方。

我还记得当我第一次看见 iPhone 时想:“哦,终于不用再记那些难以理解的按键组合来解锁了”。现在看着 Windows Phone 的解锁机构,让我产生了类似的想法。

w1

————————————————————————————————–

接下来是待机界面。Windows Phone 是动态的。我又回忆起 07 年第一次见到 iPhone 的网格界面,难免有些失望。“就这样?网格?”。Windows Phone 的 Live Tiles 点出了我三年前就期望见到的东西。

w2

————————————————————————————————–

接下来是 People 界面。在我们团队里曾有究竟是否应该在列表中显示照片的热烈讨论。我的观点一直是“没门,没人会通过照片来进行浏览”。看来 Windows Phone 的联系人列表可能会改变我的想法……好吧,它已经改变了。

w3

————————————————————————————————–

联系人详细信息界面是 iPhone 所用 chrome 之多的绝好例子。看看它,这些线条、背景、选框!(译注:chrome 在这里是指外观吸引人,但对系统功能无甚帮助的图形元素)

还有个值得注意的地方是,iPhone 似乎觉得数据(电话号码、邮箱地址等)比数据类型(移动电话、家庭电话)更重要;而 Windows Phone 觉得动作更重要(打移动电话、给移动电话发短信……)。Windows Phone 再次赢得了一分。

w4

————————————————————————————————–

Appstore/Marketplace。我无语了(这和 iPhone 的完全相反,有谁真去看那些文字?)

w5

————————————————————————————————–

下面是进入音乐、视频程序后的第一个页面。iPhone 在这里有些优势,它让用户能够直接进行播放操作而不用先在菜单进行选择,然后再操作。不过除此以外,相较而言,iPhone 显得界面元素过载。

w6

————————————————————————————————–

图片程序,Windows Phone 再一次坚持给用户一个入口菜单而不愿让用户直接开始操作。但除此之外嘛,注意 iPhone 列表里的小缩略图和 Windows Phone 所采用的截然不同的显示方法。这毕竟是用来显示图片的程序。

w7

————————————————————————————————–

单幅图片显示。这对 iPhone 有点不太公平,毕竟该界面在用户触碰图片之后才会出现。

但这还是能够说明问题。你有多少时候需要精确知晓相册里到底有几张照片?当你可以用手滑动切换照片的时候需要“上一张”/“下一张”这两个按钮?这里最常用的按钮肯定是“Camera roll”(返回上一级)。

Windows Phone 有一个实体返回按键,这个布局是我强烈反对的。如果你所有交互操作都在屏幕上进行,为什么还要把最常用的那个操作放在屏幕以外?我曾以为 Android 已经证明了我的观点。现在看来,错的可能是我。

w8————————————————————————————————–

上下文菜单非常类似。我知道我又要重复了,不过……Windows Phone 上的界面元素更少。但这里我不确定它是件好事。iPhone 的按钮明确指出了我可以按的区域。在 Windows Phone 上是不是只有按中文字才有效?为了确保按中,我会瞄准文字,这就缩小了点击区域,违背了 Paul Fitts 法则。(译注:在触控环境下,简单地说,目标越小,就越难点中。)

w9————————————————————————————————–

现在先这样吧,分析 iPhone 怎么突然显得过时是件很有意思的事。

有个需要注意的地方,iPhone 的用户界面以及其内部几乎所有的页面都有三年的历史。还有一点,我们还不知道 Windows Phone 在不同手机上的响应速度如何,hub 和内嵌功能能不能应付日常使用。(不过根据上手视频,原型机的响应速度还不错)。

根据 iPad 的界面分析,iPhone OS 4 应该没什么突破。那么,或许微软在新千年里终于领先了一次。

最后是用户界面中的多和少的另一个例子(Lotus VS iCal 2009):

w10

    分享:
关注电子阅读、任何有趣的设备、IC 以及“历史的草稿”,相信移动设备与互联网的结合正促成近百年来最重要的一次变革。

71 Responses

  1. Hidden due to low comment rating. Click here to see.

  2. Hidden due to low comment rating. Click here to see.

  3. Hidden due to low comment rating. Click here to see.

  4. 分析的很好~
    不知道是不是看腻了iPhone的UI~我也很喜欢Windows Phone的设计,特别是那些动态的~不过对机器配置是个考验~~其实当初Zune HD出来的时候就喜欢了(PC版的Zune软件也是华丽丽的呀),但,没法,App Store的程序太吸引人了~
    希望MS能够发展起一个稍具规模的App Store~缩小跟苹果的差距~

  5. 有谁真去看那些文字?很多人还是会看的,毕竟事关付钱啊

  6. 我反而 认为adobe会 最终在界面的战斗中胜出 不论 windows phone iphone还是andriod 他们的界面都是钉死的,,但是flash for mobile却相反所有界面都要自己建造 当然会很累 没有统一性,但是对GUI有强大要求的程序员确很合适,你能说文主说的大家都赞同 不竟然。。。比如说有多少人需要知道一个文件夹有多少图片。
    Appstore/Marketplace。我无语了(这和 iPhone 的完全相反,有谁真去看那些文字?)
    我觉得光图片还不够 ,要有一个视频在哪里放 关于这个游戏的视频

  7. 某些观点还是不能认同:
    -WP锁屏界面没有任何元素暗示或提升滑动整个屏幕的动作,用户怎么能猜到这个动作呢?比较起来IPHONE表现更清晰。

    -有多少用户可以耐心上传所有联系照片,那些不熟悉的人的照片又是怎么能获得的呢,但这个界面确实是美好的设想。

    -APP stroe 的介绍还是有需要看的,事关一个软件的价格,评级,介绍,买一个软件光欣赏海报是不够的。

    -照片界面:如果你所有交互操作都在屏幕上进行,为什么还要把最常用的那个操作放在屏幕以外?-这个观点应该坚持!

    -待机界面我觉得是WP更让我失望一点。

    • -WP锁屏界面没有任何元素暗示或提升滑动整个屏幕的动作,用户怎么能猜到这个动作呢?比较起来IPHONE表现更清晰。—————— 当你点按屏幕的时候,图片会向上跳跃
      -有多少用户可以耐心上传所有联系照片,那些不熟悉的人的照片又是怎么能获得的呢,但这个界面确实是美好的设想。—————— 没有添加照片的联系人会用色彩方块代替

  8. 我个人目前来说更喜欢 WP7 的界面设计,但可能 iphone 的界面会被更多的人接受

  9. @akanekou

    还有个值得注意的地方是,iPhone 似乎觉得数据(电话号码、邮箱地址等)比数据类型(移动电话、家庭电话)更重要;而 Windows Phone 觉得动作更重要(打移动电话、给移动电话发短信……)。Windows Phone 再次赢得了一分。

    就拿这段来说吧,win phone凭什么得一分?

    Appstore/Marketplace。我无语了(这和 iPhone 的完全相反,有谁真去看那些文字?)

    不看我怎么知道这软件是干什么的,不知道干什么我还会浪费时间浪费金钱下载试用吗?

    不都是主观判断吗

    • @wangyii, 后面那个我觉得有理,但是我觉得前面的还是挺有道理,你真正在找一个人的时候会去找他的号码么?直接打我觉得挺方便~

  10. Appstore/Marketplace。我无语了(这和 iPhone 的完全相反,有谁真去看那些文字?)
    当然会看啊。我连不知道又什么用我下它干吗
    这篇文章真的太主观

  11. 对,太主观了,不像是专业评论的文章。

  12. 枪文而已,不必太认真

  13. 看了一边,不过感觉是扔给一个人iPhone,他肯定会用,Windows Phone可就不见得了

  14. 很多人就是这样, 非此即彼。
    要么你同意我的意见,要么你就是枪手五毛轮子大骗子….
    被迫害狂想症在楼上很多人身上体现的淋漓尽致。

  15. 反驳他观点其实很简单,提出你更有力的观点和论证就好了。如果以只是脱口而出的话来“断定”别人的逻辑严密的“主观”,那如此简单的判断本身就有问题,也没有多少能质疑的价值。

  16. 普通用户都喜欢新鲜感,WP7给人带来了新鲜感,至少这一点上就成功了….因为我一看到UI就有一种“想用”的感觉,而且黑色给人感觉很酷

  17. 只能说,照楼上很多人的说法来看,苹果的五毛党更多。
    这些人一直遵照2个凡是:凡是苹果的都是好的,凡是认为苹果不好的都是五毛党。
    恰恰来说,这部分人才是真正的不主观。
    至于借鉴来说,这世上只遵循成王败寇,苹果借鉴的难道就少了吗?
    本人既不迷恋苹果,也不迷恋微软,只迷恋好的产品,微软的这次改动跨越太大,值得佩服,至于成效如何,等市场来检验。

  18. @ evayh
    说得好…乔布斯果然有个人魅力。
    有人说微软的商店没有介绍…拜托..最多只是一个展示罢了…详细介绍肯定有的…
    唯一让我不敢苟同的就是照片的总数。这个是拿自己的大脑帮别人思考了
    当然软件商店需要提高..比如我看界面就不知道怎么查看详细信息
    总的来说…我一直不喜欢..或者很讨厌iphone的桌面…而对于win7的桌面很欢喜

  19. 我觉得APP的介绍应该不是没有而是不直接显示,至于联系人界面,作者的意思应该是IPHONE的界面首先是修改资料,而打电话和发信息的区域却被缩小了,这有点违背了信息界面的的初衷。而WP首先是打电话等操作,所以有加分(事实上,我们打开联系人的界面主要都是打电话和发信息而不是修改电话号码和邮箱地址)

  20. 无论作者主观臆断成分多寡,其言论约9成都是很有道理且值得学习的;iPhone OS用了3年的界面(估计2011年春天前都不会有太大改动)确实需要改进。

    另一个让我思考的问题是:WP解锁界面确实犯了让用户不知道怎么操作的大忌,但是这种操作对极大部分用户而言只有一次学习成本,学会后就能享有更加直觉的操作(巨大的操作面积)与更漂亮的界面。
    这个解锁界面的硬伤估计就是看不到时间。

  21. 诶?看得到时间啊?我错了。。。。(或者它可以做更显眼一点。。。)

  22. @albertpkmn
    很同意你的观点~一次学习,后面就很爽了
    不过……看时间的话,图片上不是有时间显示么……

  23. 从一句话就能看出作者的立场和思考的不谨慎。
    “根据 iPad 的界面分析,iPhone OS 4 应该没什么突破。那么,或许微软在新千年里终于领先了一次。”
    iPad搭载的并非是iPhone OS 4.0系统,这个论断未免太过草率。

  24. 让老人和年轻人赛跑,年轻人毫无悬念地赢了,但是老人输得很精彩。

    p.s. 偏重视觉还是功能,苹果的界面应该也是妥协和调和的结果。从设计师的角度看,wphone可能是胜出了,但是从消费者的角度来看呢?微软是不是因为太想赢,有些冒进了?

  25. 1、解锁界面,晕,怎么那么多人说WP解锁界面不好,甚至上升到学习成本的高度,其实这完全可以是一个屏幕保护贴纸做到的操作提示,作为iphone用户,我觉得不错。
    2、待机界面,两个我都不满意,iphone的九宫格了无心意,WP的界面也不新奇不美观,但比ip强的是动态更新变化。
    3、通讯录,打了个平手吧,喜欢IP右边的字母列表,喜欢WP的大头贴,但要是转介绍的朋友,不方便拍照的领导,夹杂着空着就不那么完美了,而且非常讨厌WP那种显示不完全的横向卷轴风格,貌似它还引以为荣,觉得很时尚。
    4、其他的UI,觉得都还行,分析比较客观。

  26. @lena

    iPad提前发布SDK供第三方适应,如果夏天随四代iPhone发布的iPhone OS 4.0界面有大幅度变化,将使目前iPad SDK的提前发布徒劳。
    我们都相信iPad与iPhone/iPod touch 的UI会尽量类似;若4.0有大幅度更新,我们应该已经能在现在的iPad里窥知一二。

    故推测4.0没有大幅度变化是很合理的。

  27. Hidden due to low comment rating. Click here to see.

  28. 看到wm7真的有种新鲜感,真的很想搞一台把玩。

  29. @ bicheng
    期待您的大作
    @mac老郎
    左右不显示完这个是个人爱好所赐吧

  30. 这也太主观了,app购买上就给一张图,鬼才知道这是干什么的。iphone上我购买程序时,阅读顺序首先是简介,然后看rating,太低的话去看下review,还不行就放弃,而如果rating不错就购买,这才是足够的信息!一张图什么都不是,微软这个界面看似简洁,但如果最终版就是这样的话,用起来痛苦是免不了的,元素少!=简洁。

  31. 我覺得介面是一方面, 還要看運行速度, 有時候卡住/遲鈍會給用戶體驗減很多分

  32. 严重不同意,太业余的对比了。很多东西都是非常主观的看法
    我是看到winphone7的界面就晕倒了,太乱了。
    还有那些程序的title文字,要那么大干嘛。浪费有限的屏幕。
    还有appstore的评价,我就是看说明文字的。那张图片能说明什么?
    iphone所有应用的用户体验是相近的。以至于我女儿才刚会说话,就能很轻松地玩iphone。
    wp7从这几张图片看起来就觉得每个操作方式都会不尽相同,比如前进后退,选择编辑等一系列操作

  33. 买APPLE就两个原因:Multi-touch和App Store,尤其是后者。什么时候能超越了,我再考虑其他。

  34. Appstore/Marketplace。我无语了(这和 iPhone 的完全相反,有谁真去看那些文字?)

    是指WM7提供试玩,而不仅仅是介绍吧

  35. 这个UI做出来感觉上不像是很能适应于大部分人的应用——太革命性了

    比如联系人界面,大部分人的联系人管理应该都是基于姓名+号码的形式,照片在一个联系人列表中的权重大概是一个从属的地位;而且从联系人列表的作用来看,应该是让用户能够快速的定位联系人,并且尽快的离开“联系人”这个应用,在IP的操作上这个还是比较满意的,WP把照片提升到一个比较重要的位置上,娱乐和吸引眼球不错,但是屏幕的信息容量低的太多了,并且,希望机器能够满足未来上千的联系人信息+照片……

    而且发觉一个有趣的现象,貌似Apple左右滑动的操作在Wp这里都变成了上下,Apple做成上下的,Wp就做成了左右(解锁,待机,联系人)

  36. 我在用iphone,也在用zune hd。
    我喜欢绚,zune4.0实在比itunes绚太多了,但是也确实是难用,手上的zune HD也是难用,我讨厌多步的返回上一级,而zune不仅级数多,而且最傻的是返回键是顶上的文字,或者是屏幕顶部角落上的箭头,单手操作可以说是酷刑。不过我为了看那个图片反转的立体效果,我居然忍受了~~~
    总的感觉,ip操作更有调理,快捷,但是审美疲劳了,微软操作吃力,不是很快捷,但是新的动态效果让人觉得自由时尚。现在手机快出了,我的HD也要宣布退役了~唉~才买了2个月~

  37. wp7的解锁方式很容易造成误解锁,反而违背了锁屏的初衷。iPhone规定死了固定的一道滑动轨迹,基本上不会造成误解锁。

    还有很多细节,比如任何一个title按钮,iPhone上都给出了明显的框,告诉用户点按的区域,而wp7为了有别于iPhone,取消了分割线,这样用户很容易点到别的区域去。即使wp7这算美,也是不实用的美。

    总之用户体验这个东西苹果搞了二十多年了,微软相比就像一个小孩。wp7这次太急功近利,很多所谓的“超越”其实都是花架子。

  38. 从两者交互使用的效率上来说,可能这两者之间的差别很小, 小到可能还比不上写这篇文章的意义。 但是从未来交互界面的角度来看, 个人觉得应该还是苹果的略胜一筹。microsoft的东西总是需要用户思考怎么用, 但是apple的东西很自然引导用户使用。 另外觉得交互的好坏跟使用多久以前的技术没有什么关系, 未必网格就不如新的排列, 这些都值得很好的探究。

  39. 关于解锁这个问题,我的touch给儿子(2岁8个月),他没人教自己就学会解锁了,你给个WP他是是,估计够呛

  40. iPhone是不是专为儿童设计的?显然不是,比如它的滑动删除操作,第一次上手的人往往需要提示才会操作,但只要以极低的时间成本学会了这种滑动删除操作,就会发现它比palmos等系统通过菜单进行删除更便捷。WP的解锁也一样。
    至于误解锁,WP现在也强制用电容屏而不是电阻屏,造成误解锁的可能性微乎其微。pre是180度解锁,有人抱怨会误操作解锁问题么?

  41. 不过就iphone的界面而言,的确它钉得很死,很多地方都不能自定义。

    程序图标只能做成那个形状,自己加阴影也好,让iPhone给你加高光加阴影也好。

    iphone的程序ui大都也是绝对定位的。很多东西都一成不变,有些审美疲劳。

  42. 微软竟然在这么小的界面里面用最大号的字体来展示界面标题,有必要吗?

    难道微软的设计师都是小孩,不了解每个界面中最重要的内容是什么?

    标题占用了大部分的内容,反而让用户真正关心的内容成了“小众”,微软所谓的创新又在哗众取宠了

    反正我是很不喜欢微软的新界面,第一感觉就是别扭、花哨凌乱

  43. 喲這麼簡單的問題,誰易用性高就誰贏了嘛,誰易用性高?蘋果嘛!1歲小孩操作自如不是托的!而且,用mac的人都知道,蘋果有些東西是規定好了,但前提是他想得有夠周到,說審美疲勞的人們,想想當你把界面搞得很花哨後是不是又會想要再簡化系統好讓機器平日使用時響應率變回來?另外,我真想問問wphone怎樣從第一屏快速跳到第三、四屏?平日使用還是易用性高的占優!更何況微軟做不出美儷黑那樣的字體只能做筆畫細細的雅黑,搞得只能把字體放大,這算漂亮??

  44. 从这个文章可以看出,作者的理解基本上比较肤浅,只是从最简单的界面上做判断,从界面来说,WP7是有其独特新颖的地方,但是,就像微软一向的风格,好看的不一定好用,微软总是过分的强调科技感和酷炫的方式,但是,却一直走到极端,wp7的操作方式一个是让人难以第一时间理解最好的操作方式,而且很多操作要么过分精简,要么过分复杂。 上文作者认为9宫格很老套,但是,刚出来的iphone照样用最老套的九宫格做出了让人耳目一新的感觉,谁都可以第一时间就上手,而且体验性做到最好,这点毋庸置疑,以后只要比较下,同样安装了几十个程序后,哪个系统能够第一时间最快打开给软件,就知道哪个才是最方便了。之前用wm6.5,为了一个软件,要不断的往下拉蜂窝界面菜单,现在的iphone,会用的人,基本上都会装上不下三四个软件,目前我已经安装接近200了,ios 4的桌面图标管理现在更上一层楼了,这点其他系统是很难想象的。
    iphone的优势很清楚,兼顾酷炫和人性化操作,谁都可以没有说明书的就熟练掌握。 wp7还有很多路要走

  45. 对比的截图中,iphone的那边总是的显得模糊些,更容易让人产生粗糙感。不知道是截图的不同还是WM7更精简简单的界面线条导致不容易产生模糊感,更容易让人感觉清晰,有感觉

    再仔细看了下,微软应该是不想和苹果拼UI特效,因为的确很难超越。WM7的UI其实制作成本更低,WM是在用简洁明快的设计,更艺术的排布来比拼苹果。

  46. Hidden due to low comment rating. Click here to see.

  47. 辩论的很精彩
    往下看见真章。

  48. 马屁文的奇观啊。

在线回复

您填写的邮件地址仅管理员可见 *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

    爱范消息 · Exploring Leading Tech

    轻量、专注的消息,关注移动互联网、创投、智能设备的新鲜资讯。需各种邀请码,也请加入列表。

    申请加入请填写 email

    Windows Phone 精华回顾

    Recent Comments

    • Loading...

    @iflea 爱互易

    ifanr 寻找坐言起行的伙伴,有超强执行力和韧性的战友...iSeek 公榜