设计成功的Android平板电脑的用户体验设计

作者: 来源: 更新时间:2011-11-23 15:27:38 点击:
网页制作Webjx文章简介:Android 平板电脑设计.

没有什么时候比现在更需要设计师去为各种各样的移动设备营造体验了。随着平板电脑被不断接受,我们已经步入“后PC时代”,公司会利用平板电脑的用户体验质量来争夺用户的注意力。设计成功的Android平板电脑应用程序,不但需要一个很棒的概念来鼓励用户下载、使用和保留,还需要一种使 Android用户很直观的发现并适应使用环境的用户体验。

接下来通过了解ipad iOS用户界面与Android 3.x “Honeycomb 用户界面 设计规范和元素之间的不同,可以帮助设计师熟悉Android平板电脑应用程序设计。我们还将分析Honeycomb的设计模式和布局策略,然后查看一些那里面非常好的Android平板电脑应用程序。

注意,虽然智能手机上Android 2.x应用程序也可以在平板电脑上运行,Android 3.0 Honeycomb 系统是专门为平板电脑设计和推出的。Future updates 承诺将Honeycomb的特性植入智能手机设备中,并使它更容易在多种多样的屏幕尺寸上设计和构建。

对于我们大多数人,我们第一次接触平板电脑是通过ipad. 正因为这个原因,开始比较二者的用户界面是合理的。通过比较,我们可以组织整理我们已经了解的平板电脑的知识,并去关注二者的关键不同点,这样我们就可以满足Android用户独特的用户界面要求。在将已存在于iPad上的应用程序转换到Android平板电脑上的时候,这不但可以使我们速度更快,而且变得非常重要。

只要做得像iPad就行,对吗?

虽然Android 平板电脑和iPad的体验方面有很多的相似之处(触控手势、应用程序启动图标、情态表达等),设计师在作出假设和绘制屏幕流之前应该熟知二者的差异。

屏幕尺寸和方向

这两个平台之间最大的不同就是外形尺寸。iPad的布局尺寸是768×1024物理像素,并且iPad将纵向显示方向作为它默认的查看方向。

而Android平板电脑,由于拥有众多的设备生产厂家,稍微有一些复杂。 概括地讲,有7英寸和10英寸的Android平板电脑屏幕尺寸(自左上角至右下角的对角线长度),以及介于二者之间的尺寸。然而,大多数平板电脑是10英寸左右。

换算成像素,这意味着什么?一个不错的布局基线是1280×752像素(不包括系统栏),基于10英寸的屏幕尺寸大小并且将横向(而不是纵向)作为默认的方向。如同在iPad上一样,Android上的内容可以在横向和纵向两个方向上查阅,但横向模式往往更受人喜欢。

左图是在典型的10英寸Android平板电脑上的纵向视图,右图是在iPad上的。

左图是在典型的10英寸Android平板电脑上的横向视图,右图是在iPad上的。

然而,对于Android来说,屏幕尺寸只是差异中的一半因素。Android平板电脑在“屏幕密度”(屏幕特定区域的像素数量)方面也有所不同。不要关注太多细节,设计师只能为三种不同的屏幕密度准备所有的生产型备用位图,放大每个位图到原大小的1.5倍或2倍。所以,被设置为100×100像素大小的位图应该也要有150 × 150 和 200 × 200大小的副本。通过制作三种缩放尺寸的位图,你可以将你的位图转换成为中、高、超高密度的平板电脑屏幕而不会损害图片的质量。

更多关于Android设备屏幕密度和图像准备方面的信息,请参考我之前的文章《designing for Android》

系统栏

虽然iOS平台将系统栏做的尽量小,但是Android Honeycomb 扩大了系统栏的尺寸并包含通知和软导航按钮。其中包括返回按钮、主页按钮和最新应用程序按钮。

Android Honeycomb系统栏

Android Honeycomb的系统栏和按钮在屏幕底部始终存在,无论开启的是什么应用程序。你可以把它当作永久性的UI固定装置。唯一的例外是“关灯”模式,它是将系统栏变暗来显示沉浸式内容,例如视频和游戏。