iPhone、Windows Phone 7界面一一对比(增加HTC hero对比简评)

iShare, iTalk 2010-02-22

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

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

看了这篇简单的对比,顺手拿起自己的HTC hero也看了一下,把一些个人见解写了进去(红字部分,暂未增加截图)。

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

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

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

WP7解锁上借鉴了HTC hero的Sense UI,不过通过截图来看,我觉得WP7的提示不够(是考虑到滑动解锁已经是一个“标准交互方式”吗)。

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

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

WP7的Live Tiles是一个服务入口,主界面支持widget的系统应该都可以做到这一点,WP7虽然简洁,但是不够直观。这一点上,我仍然更倾向android的做法。

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

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

对于“没门,没人会通过照片来进行浏览”这一观点很不认同,如果说是曾经的小屏幕限制,显示照片显然不及显示更多联系人姓名重要,。WP7和Hero都在联系人列表使用了照片,这非常好,相貌具有很强的识别性,WP7似乎有新的改进。

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

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

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

赞同作者观点,那些难记的数字是最不该突出的信息,该突出的是“呼叫手机”或者“呼叫宅电”等行为。Hero用图标进一步突出“动作”,还是那句话,这让界面更加直观。

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

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

Android的market基本是复制了iPhone的Appstore,但是由于android本身略显繁琐的交互方式,个人觉得iPhone在这一方面应该有最佳的体验。WP7的这个截图是什么玩意?

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

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

这一方面不得不说iPhone是最棒的,毫无悬念。作者提到的“信息过载”,android的做法是通过物理menu键调出更多操作按钮,WP7是讲操作分解到多个步骤,iPhone仍然选择了最直截了当的做法,我喜欢这样做。

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

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

Hero和iPhone的差不多,我想在这一尺寸的手持设备上,iPhone的相册体验已经非常优秀了,任何改变都要看看是不是更好用了。

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

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

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

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

我也曾经以为一个触摸操控为主的手持设备应该尽量减少不必要的物理按键,现在我也这么认为。或许我没有理解作者的意思,但是一个可以表述“返回到某相册”并能提供视觉反馈的返回按钮,不比只有一个左箭头的物理按键更好吗?

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

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

正如作者所言,实际点击区域或许比感官造成的文字区域要大,但是为什么不通过界面元素来提示用户可行的操作,没有道理。

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

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

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

通过这篇文章,粗浅的了解了一下WP7的界面,总体感觉不错,我觉得提示不足不够直观是比较明显的缺点,希望能够尽快用到真机或者玩玩模拟器:)

Tags : , , , 8 CommentsRead More

Mobile icons – the End of 2009

iDesign 2010-02-02

这是2009年完成的最后一组手机界面图标,马上就要春节,就快农历新年了,本命年就要过去咯。
牛气冲天的一年将过,虎虎生威的一年将来!
过去这一年里自己收获了很多,我从很多人身上学到了很多,或者是分享,或者是经验,或者是态度,都可以是一种帮助。
虽然未曾说太多,但是我仍然从心里感谢曾经帮助过我以及影响过我的你们!
设计师必须靠自己努力,同时设计师又是乐于分享的一群人,正是这样我才能通过大家学到很多,才能成长。很多朋友的帮助和交流还有博客或者作品都影响着我,那都是经过自己实践得到的真理。
设计的路很长,仍需努力,一路上会有新的挑战,也会有新的收获,希望每一个设计师,每一个产品都越来越好:)

Tags : , , 13 CommentsRead More

Pages: 1