Seven's Pad

Just another Product Blog site

Posts Tagged ‘IPhone

苹果与机器人–Iphone与Android 对比分析浅谈

leave a comment »

自从Iphone横空出世,就以简单易用,并功能强大,作为智能手机的代名词,直到Google推出Android 平台,才棋逢对手;自此作为两款经常拿来一起比较的手持移动平台,做了粗略分析比较;
1. 开发平台

目前开发智能手持平台设备的app相对来说已经比较简单。以Android手机Nexus One为例,它的处理器有1GHz,内存则有512MB,跟开发客户端应用的感觉已经很类似。

Iphone平台
对于Iphone平台的开发,首先要熟悉Apple的 MAC OS或者是Unix系统的开发基础,Iphone的开发工具Xcode并不支持Windows平台,因此开发者首先要拥有一台mac电脑;

语言学习方面,熟悉C语言的工程师可以省一点力,因为在Objective-C中,可以直接编写C程序,唯有用户接口的部分,一定得仰赖 Objective-C。

Android 平台
Android采用java开发,因此Android对系统资源的操作程度已接近PC客户端开发。

对于程序兼容性问题来看:
Iphone 独此一家,因此可以很好控制应用兼容性问题,而Android平台的手机联盟战略,便有各家厂商的不同规格型号的机器,因而Google通过手机厂商统一硬件的规格手段达到兼容性的平衡。不过,也确实有开发者担心Android的开放平台,未来难保手机厂商不会因为自身的需求而有所调整,仍可能导致兼容性问题发生。

2. 封闭和开放的审核机制

Iphone平台
封闭和严格的审核一直都是Iphone做为Apple设计理念和保证app质量的评审手段之一;在app应用开发完成,上架App Store上前,Apple也必须审核软件的内容,以避免包含色情与暴力,或者有已知Bug的软件,影响整个市集的质量。

由于iPhone软件的销售与安装,只能透过App Store这个唯一的管道,有志进入IPhone市场的开发者,也不得不买账。

Android 平台
相较于Apple的封闭,Android就显得开放许多,Android Market则是被动审查机制(只有被足够多的用户举报,Google才会对此进行审核),程序上传几个小时后,使用者就可以下载。 事实上开发者不经由Android Market,也有其他途径营销。如:安卓市场。

封闭与开放的作法各有好处,由Apple把关且锁定销售管道的作法,对消费者而言,可以确保质量;而开发者也省得比较各市集之间的优劣。

而Android的开放作法,则有不设限的好处──开发者不用担心Apple因为自身利益的考虑,而驳回软件上架的申请。消费者的选择自由度也高出很多。

3. UI交互上差异

1)硬件差异

在传统手机时代,用户直接用键盘、按键操作数据。Iphone的操作有别于之前传统手机的体验,Iphone大触摸屏概念推出,用户可以直接对内容进行操作排除其他中间设备控制,降低用户使用门槛,对内容操作也有很直接的体验。

Android则保留传统手机的一些特征(返回、搜索、home、menu实体按键),也同样有大触摸屏;两者之间的硬件差异,因此也决定了交互视觉上本质的差异;

Iphone平台
Iphone遵从Apple极简设计风格,用隐喻的视觉方式提示用户进行使用操作,同样也直观表达下一步的操作流程。大部分操作直接和内容交互完成,用户体验统一连贯,典型案例:解锁。

Android平台
Android 有实体按键,承载其余过多的基本操作,将用户停留在最重要的内容上,因为有更多硬件操作,也能有更丰富的表现,典型案例:轨迹球颜色提醒。
缺点:部分操作,屏幕与按键之间来回转换;

2)title和导航指引

手持移动设备的特性决定屏幕的有限,在应用程序的层级关系中如何指引用户完成操作,便尤为重要;

Iphone平台
应用程序有信息层级关系,Iphone利用title区域进行操作指引,title的左边是返回。让用户明确层级之间的关系;
反思,应用程序信息有较深的层级怎么办,在开发过程中,不是一味导航复杂化,而是尽量减少关系层级;

Android平台
Android,页面的回退依靠实体返回按键,因此title区域不必要操作,在视觉上减小了高度,扩大了内容区域。
缺点:没有一个好的导航指引。

3)分散与集合

Iphone平台
为了避免一个按键承载过多功能,Iphone 的做法将菜单里的功能进行分解。
缺点:视觉压力大,界面所承载较多。

Android平台
集合菜单选项,将由实体menu按键承载。同时也支持长按操作,对于承载信息的承载有更多的选择。
缺点:用户门槛高,各个场景不同,所体现的菜单选项也不同,用户溶入性较差,来回切换视觉焦点,没有一致的体验。

4)风格样式

Iphone平台
Iphone有完整的统一,包括Itouch Iphone Ipad,有完整的视觉规范和较为统一的体验。

Android平台
因厂商的不同,有不同的视觉差异,并且各自的视觉规范也不同,例子:HTC  、Sony Ericsson
缺点:硬件环境的不同,同一个应用开发,造成开发成本增大,例如:屏幕参数和精度不同(高精度、中精度、低精度),
常见的分辨率就有:320X480  480X800  480X854

5)长期发展

Google 在提供基于云端、数据驱动的应用方面符合长期发展趋势,而 Apple 的设备绑定则不是。Apple 在云端基础设施方面是追赶者,比如他们正在打造自己的地点位置服务。

Apple 在云端的经验比较有限,特别是在算法取向的应用方面。相对应的是 Google 有如此庞大的数据资产,在算法取向应用方面的经验非常丰富,这让 Apple 在长期竞争中处于不利地位。

Apple 的邮件、日程、地址簿等都为客户端的延续,本质上是电脑同步到手机。而 Google 的对应产品生于网络,总是实时同步。

Apple 的优势:软件和设计专利,这些优势是他们在 80 年代所没有的。此外他们还有自己的杀手级应用,比如 iTunes 仍然是音乐应用的标杆,而且还是 podcast、语音书、电子书的中转站。

语音书和电子书也许会来到 Android Market,但很难想象 Android Market 会成为 iTunes 这样的中转站。

小结:

对于iphone或者是Android都各有优缺点。简单的看来Google是开放的,今后发展有足够的优势;但目前看来Android平台交互上不如Iphone更为直观顺畅,主要也是Apple在于细节上有足够的表现和亲和力。

无论开发基于哪款平台,都应该首要考虑该平台的特性,以及该平台的延续性。也避免在一个平台上放置另一个平台的操作习惯,至少在Android系统的界面上放置返回图标,我觉得那是很多余的。

参考文档:

[1] http://radar.oreilly.com/2010/01/the-nexus-one-vs-iphone.html
[2] http://www.ithome.com.tw/itadm/article.php?c=60702&s=2

本文出自Tencent CDC Blog

Written by sevenpad

06/14/2010 at 6:01 下午

发表在 产品相关

Tagged with ,

细节成就卓越——浅析iPhone用户界面设计精粹

leave a comment »

作为一款革命性产品,iPhone(这里泛指iPhone和iPod touch,当然还有iPad)为我们带来了许多意想不到的创意和惊喜。过去两个月多的时间里,我们认真地咀嚼《iPhone Human Interface Guidelines》,感悟字里行间透露着的苹果的细致与智慧。兴奋、激动之余,有太多的惊喜想与大家分享。但无论从时间上还是精力上,130页的完整套餐肯定会让所有的人吃不消。我们收集了iPhone平台的专业设计师的意见,加上翻译过程的一点体会,整理出11条设计精粹。最后,希望这份130页浓缩而成的快餐不会让您觉得难吃,enjoy yourself!

1. 了解应用类型及各自特点

iPhone平台有三类型的应用:

● 效率型应用(Productivity Applications)

● 实用工具(Utility Applications)

● 沉浸型应用(Immersive Applications)

每一种都有各自不同的特点和应用场合。设计之前如果能够清楚产品的目标和特点,选择合适的应用类型可以更好地迎对。

效率型应用用于帮助完成日常的一些工作,如收发邮件、即时通信、照片管理与分享。用户快速查看、跳转、执行、完成,连贯的动作要求界面简单直接,让用户可以全神贯注于任务本身。这类应用一般都附带自然的层级结构。所以,表格视图(table view)可以在这类软件里大派用场。

图1.1 附带层级结构的效率型应用

实用工具用于执行一项简单的任务(如计算器,天气报告),简单,容易配置就可以了。

图1.2 实用工具之“天气报告”和“深度睡眠”

沉浸型应用可以为用户带来极致的娱乐和游戏体验,这类应用可以进一步细分为游戏和虚拟仿真类。这类应用和标准的系统界面不同,用户希望这类应用能够给他们带来最大的娱乐,因此,界面设计的自由发挥度比较高,仿真的、可爱的设计风格往往能恰到好处。

图1.3 沉浸型应用

2. 熟悉系统布局和控件特点

iPhone 操作系统提供了非常出色的UI库,这些标准的控件和视图都得到了大量的研究才得以真正派上用场。另一方面,iPhone 用户已经对这些软件非常熟悉,不管是出于什么理由,如果没有更好更实用的创意,我们应该遵循iPhone的控件规范。至少,在我们打破iPhone的规则之前,“You must understand the rules before you can break them.”(你必须了解规则然后才能打破他们)。

iPhone 提供的UI组件从大到小,大致可列举如下(具体每种控件和视图的细节,请参考《iPhone 用户界面设计指南》第二部分):

● 导航条,标签条,工具条和状态条

● 弹出对话框、操作面板和模式视图

● 表格视图(Table Views), 文本视图(Text Views), web视图(Web Views)

● 应用程序控件(如文本框、分页显示器、轮转选择器、进度条、更多按钮等)

3.  使用隐喻

隐喻为界面视觉提示和功能建立了直观的逻辑联系。将软件中涉及的元素和操作与真实世界关联起来能够更好地帮助用户理解。

iPhone内置的备忘录应用就是一个使用隐喻的典范。除了基本的删除和邮件这些图标隐喻,整个产品的外形:棕色的头部导航,米黄色的纸质背景,配合细致的行隔线和垂直的双细线,俨然就是一可爱的小小备忘本。将产品与实体对应起来,用户一看就知道软件的用途。

iPhone操作系统的隐喻不胜枚举,我们尚可尽量遵循,但如果有“更合适更贴切”的隐喻,你也可以放胆一试。

4.  一目了然,即看即点

用户在移动场景下不会长时间对着手机屏幕,他们可能“迅速打开音乐播放器随便播放一首就跳去其他应用程序或继续其他的事情”,不要以为用户有时间去研究怎样使用你的应用程序,这种注意力相对分散的情景要求你的应用程序界面必须尽量简洁,一目了然,用户看到就能马上理解。一般有三种方式可以简化界面:

● 删减软件功能:功能越少,界面越简洁。移动产品的设计,减法远比加法来得重要。请牢记移动产品设计里最重要的金科玉律: 为移动场景下的大多数用户设计最常用的少数几个功能特点(Pick the few features,most frequently used,by the majority of your users,most appropriate for the mobile context)。

● 减少输入:尽可能地减少输入,直接为用户提供选项。如索引列表,既方便用户记忆,也可以帮助用户快速扫描并直接选中;轮转选择器,划上划下即可选中,减少打字耗时的同时省去繁多的错误检测。

● 避免不必要的交互:用户也不是你想像中那么傻的,不要一味提醒他们如何操作(帮助越多说明你的软件越难用),设计时应该关注如何更有效地引导用户集中精力快速完成任务。

内置的短信发送实在是太经典了,写信人和收信人左右区分,信息内容通过时间顺序排列下来,整个信息来回历史一目了然。呼叫程序同样出色,重新设计的数字键盘弱化了字母排列,突出数字,由此换来宽大容易点击的屏幕空间。

图4.1 一目了然的短信历史查看和拨号呼叫

5. 考虑屏幕上下

不论单手操作还是两只手配合操作,屏幕上部分的可见性是最好的。所以,在设计应用程序时,应该将最常使用的的信息——一般是高度概括的信息,如导航,或者一些常规操作如添加、完成、保存、取消——置于屏幕顶端。

屏幕的底部一般是辅助性的工具栏或切换视图使用的页签栏。一些影响较大的操作如果出现在屏幕下半区域,必须仔细考虑它们的排列设计。如图5.1,一般情况下,操作面板的取消按钮放在最后,这样可以鼓励用户阅读完所有的选项,暗蓝色的返回按钮可以和一般的按钮区分开来,即便用户没阅读完也知道这是返回按钮。对于一些影响较大的操作(如删除),将其放在面板的顶部是最好的,因为顶部更容易被看到,再加上红色的警告暗示,用户选择起来会更为慎重。

图5.1 操作面板上的按钮排列

6. 提供指尖大小的点击区域

如果按键布局过于拥挤,用户就要小心翼翼地花更多时间去操作,错误也会紧接而来。简洁易用的界面空间必须合理地控制按钮布局和交互元素,让用户更快更容易点击。

旧版内置计算器的按键是大号的,有效区域都为44*44px,非常容易点击。新版的计算器为了容下更多的按钮,按键大小做了一些调整,虽然高度上略有减小,但用户点击起来还算容易。对于经常使用的“=”号,整个目标区域都加大了,这种样式上的区分可以将主要操作和次要操作区分开来,以便更好地引导用户。

横屏的计算器完整模式可以容下更多的按键,按键大小相对竖屏的要小,尽管如此,用户点击起来还是得心应手。

图6.1 适合手指点击的计算器按键

7.  灵活运用手势支持

去到哪里,手指就跟到哪里,多种动作随时变换,直接感知与设备交互,如此自然直接的“输入”,如果能够灵活合适地运用,除了可以带来良好的用户体验,还能极大满足用户的控制欲望。

图7.1 手势操作:滚屏、长按、拖动、捏

当然,手指的一个最重要问题在于它比鼠标指针大得多,灵敏度和精确度会有所欠缺。一些同时使用鼠标和键盘的操作(如复制、粘贴、选择文字)是手指很难完成的。设计上应该考虑由此带来的影响,避免滥用。如果你的应用支持比较复杂的手势(长按、捏),确保用户能够理解他们的含义,并且为这些手势操作提供直接的响应反馈。

8.  考虑横竖屏方向变化

iPhone游戏里出现横竖屏设计比较正常,都是视具体的游戏类型来分。但一般的效率型应用或实用工具,也是横竖屏都有。林子大了,什么鸟都有,有些用户就是喜欢经常将屏幕旋转过来,而且还不在少数。他们或是喜欢横屏的浏览方式(如备忘录、音乐),或是希望打横可以看到更多的信息(如计算器)。设计的时候必须充分考虑用户的期望。有时将界面内容旋转就可以简单满足他们的需求,但有时也需要你重新去设计以展示更多的内容(如横屏的音乐会出现一个新的界面,展示所有的歌曲)。

图8.1 iPhoneQQ 横屏输入

竖屏情况下,输入键盘宽度只有320px,平均每个按键宽只有32px(320/10,这里忽略键与键的间隔);横屏时每个按键宽可以达到48px,多了整整16px。如果是在小屏幕上输入,你更倾向那种方式?

如果你的应用程序界面只支持单一方向的展示,最好的做法就是保持界面固定,不随着设备方向改变而改变。例如,当用户选择去看一个iPod视频时,不管屏幕打横打竖,这段视频都是横向展示的。有了这个暗示,用户就会很自然地旋转屏幕到水平横向观看。翻转按钮也没有存在的必要了。

9. 合理的反馈

纵观所有的内置应用,反馈可谓无处不在。由于大部分的操作都是通过手势(其实还有抖动、语音输入方式)完成的,通过一些明显的变化来响应用户做出的操作,能够给予用户极大的信心。

图9.1 iPhone版 QQ斗地主的音量大小调整

进入QQ斗地主的游戏设置页面调整音量大小时,手指的大小盖住了滑块,为了将选中的信息反馈给用户,两边的扩音器图标同时使用了外发光样式。

iPhone 操作系统提供了许多自动反馈的机制。动画就是其中一种。不过切记一点,动画的目的在于提升用户体验,而不是成为盲目追求酷炫的焦点。

10. 优化启动过程

iPhone OS4.0以前的应用都属于单任务的,用户会经常在多个应用程序之间切换,一个电话来了,用户不得不退出正在进行的应用程序。要确保用户回来时启动足够快速,以减少用户的等待,而且,为了将影响降到最低,应尽可能保存上次关闭之前的操作结果。这似乎都是工程师的职责,但作为一个优秀的设计师,你还可以为此做很多的事情。

开启时第一屏显示一个背景图或者简短的loading动画。即使是普通的效率型应用或者简单的实用小工具,启动时如果能够预先显示一个背景图,背景图与程序启动后首界面平稳自然地过渡,这种方式既可以带给用户即时的反馈,也可以“缩短”用户等待的时间。

图 10.1 启动时的预加载背景

运行天气应用和iPhone QQ时,即使是很短的启动时间,预加载背景还是能够让人感觉启动等待的时间缩短了。

虽然iPhone OS4.0开始支持多任务,但不要天真地以为这种背景预加载的细节可以忽视了,应用程序应该一如既往地为用户提供这种流畅的体验,毕竟,用户启动的时候还是期望软件可以“快一点”。

启动时要切记一点:不要弹出一个说明性窗口,或一个刺眼的闪屏,或其它类似的启动体验(网络wifi提示这些是例外)。这种方式很突兀,让用户立即使用你的应用程序就好了。

11. 为应用程序设计图标

应用程序图标是指放在iPhone屏幕上用来启动程序的图标。iPhone的屏幕大小只有480*320px,在这狭小的屏幕里,用户希望放下尽可能多的图标,这些图标必须具有突出的视觉效果才能方便用户辨认。要做到这一点,可以从以下两方面着手:

● 美观:确保图标简单美观,富有吸引力,这样用户才愿意让这些图标长久占据有限的屏幕空间。

● 可识别特点:要让用户在大量图标中轻松找到该应用程序,图标必须要有自己的特点,对于关联的产品,可以结合品牌进行设计。

图11.1 “企鹅”图标,一看就知道是QQ产品

为了与内置图标保持协调一致,iPhone操作系统一般会自动给图标增加一些视觉效果:

● 圆角

● 阴影效果

● 反光效果

图11.2 未添加视觉效果的的普通图标

图11.3 iPhone操作系统自动添加效果后的图标

为了确保你的图标可以利用这些视觉效果,你应该遵照以下图标设计规范:

● 图片格式:PNG

● 大小:57X57像素,90°直角(如果图像不符合标准,iPhone系统将自动按比例调整)

● 不要有任何发亮或有光泽的部分

● 不使用alpha透明

最后,将图标文件命名为Icon.png,放在程序的资源包中即可。

注:需要的话,可以要求iPhone操作系统不添加反光效果,详情请阅读《iPhone 应用程序设计指南》。

写在最后:感谢您耐心的阅读,进一步交流可以follow:http://t.qq.com/Listyluo

本文出自Tencent CDC Blog

Written by sevenpad

06/14/2010 at 5:59 下午

发表在 产品相关

Tagged with , ,

iPod Touch/iPhone/IPad软件推荐

leave a comment »

使用iPhone已有30多个月了,这期间来装了不少应用,也删了不少应用。相信很多玩IPhone的人一定都和我一样喜欢折腾,下载安装各类应用,然后选择自己最喜欢的应用。下面和大家分享一下我目前使用的应用(Apps),主要介绍我使用频率最高的应用,简单列出我使用的其他应用。

一、使用频率最高的应用

1.Toodledo:在使用Toodledo之前,也曾试用过Remember the Milk,不过使用RTM需要成为Pro用户,一年需要25$,感觉略有些贵。对于To do类服务,个人主要的需求就是简单易用,在PC也能方便使用,Toodledo基本符合我的要求,Touch版本客户端可定制性强,可以定制起始页,可以按照定制条件对to do进行排列,支持子任务(不过子任务的展示方式并不好),在PC上Firefox的插件比较好用。(详细介绍)


2.Tweetie:个人认为Tweetie的使用体验很好,之前还体验过twitbird等其他一些Twitter客户端,个人还是觉得Tweetie更好一些,支持自定义API,多帐号,个人比较喜欢其提供的Nearby功能,你可以查看在你附近的推友的信息,并且可以在地图上显示。主要用来看推,发推目前还是使用S60 Gravity。


3.MobileRSS:也是个人很喜欢的一款应用,尽管免费版带有广告,不过并不影响阅读,支持和Google Reader同步,支持离线观看(可以设置离线下载每个Feed的文章数),可以将Google Reader里面的内容手动分享到Delicious,Facebook,ReaditLater, Instapaper,twitter(支持自定义API)。(详细介绍


4.Stanza:iPod Touch上最棒的看书应用程序,使用体验非常好,比如可以方便的调节亮度,可以显示黑底白字等等,Stanza和epub掌上书苑绝对是最佳的组合,上面有大量的免费的图书资源可供下载。


5.iXpenseIt:对于记账服务软件,个人的希望能够每月进行汇总,但是不希望在线同步,然后可以分类汇总出统计报表,使用了多款应用这后最终还是选择了iXpenseIt,主要的原因一是使用比较简单,二是支持每月汇总Email发送,三是其提供了一个预算功能,可以设置每月的预算净额,并且会以类似电池电量的形式显示每月预算的剩余量。


6.Evernote:蛀牙是用来阅读平时在PC上收藏的文章有没有时间细读的文章,一般会利用等待的一些时间使用iPod Touch来阅读。

二、社会化网络服务

微博:新浪微博客户端,平时也会偶尔看看新浪微博上的信息。

FaceBook:需要使用Vpn才能上,不过也装着,偶尔上上。

LinkedIn:最近一次改版之后,感觉和Facebook的应用长得比较像了。(详细介绍

Foursqaure:是一个基于地理位置的社会化网络服务,“Where are you”是其分享的核心,用户可以手动控制分享自己的位置。最近貌似比较火。(Via

Flickr:Flickr的iPod Touch客户端。

三、工具类

豆瓣:豆瓣iPhone版,不过不支持登录,只能检索,平时用来查查书啥的。

豆瓣电台:前一阵刚推出iPhone版本,主要用来听歌;)

大众点评:主要用来查参观,可以基于地理位置显示附近的餐馆信息。

卓越亚马逊:卓越的ipod touch客户端,个人觉得这个客户端做的还是不错的。

QQ:QQ客户端。

eBuddy:平时主要用来登录Gtalk。

Nimbuzz:备用的IM客户端。

相框Lite:给照片增加特殊的相框效果。

Cracklytics:可以查看Google analytics的网站流量情况。

其他还有:Skype、支付宝、PS Mobile、金山词霸、有道词典、Dropbox、Box.net、Discover、PhotoShare、Wordpress、全国影讯(时光网)、自由全书、航班管家、全国列车时刻、迷你地图、万年历、中国天气

四、新闻服务

今日中国、天涯论坛、南方周末、NYTimes、21世纪

五、游戏类

PvZ、Bad Apples、NevoChess、Chess Free、数独、FGT Lite Vers、Labyrinth LE、UnBlock Me Free、FS5 Hockey

如果你也使用iPod Touch,您也来分享一下使用的应用吧:)

PS:如果您刚买iPod Touch或者iPhone,你可以在这里了解基本的知识:http://www.weiphone.com/newbie/iPhone/

Written by sevenpad

06/08/2010 at 11:45 下午

发表在 网络应用

Tagged with , ,