iPad 人机介面规约:从 iPhone 软件到 iPad 软件

iPad 人机介面规约目录

如果你已经开发了某个 iPhone 软件,就要知道如何根据 iPad 独有的特性将它改写。既然你已经熟悉 iPhone 的操作系统,那么代码的改写工作应该不会太难,更大的挑战往往在于如何修改 UI 和用户体验。

[重要] iPhone 软件不必做任何改动即可以兼容模式在 iPad 上跑,因此 iPad 用户也可以使用你的 iPhone 软件,但,这类软件无非提供完整的 iPad 用户体验。

本章节描述的是总体性的 iPhone 软件 UI 修改策略。如想了解具体的规约,请读「iPad 用户体验规约」。如想了解把 iPhone 软件代码改写为 iPad 软件代码的具体事宜,请读「iPad 编程指南」。

移植 iPhone 软件时的设计策略

面对 iPad 的大屏幕,用户会期待更加丰富的交互性。为此,你必须在原有的 iPhone 软件的基础上重新设计 UI 和用户体验,以利用增大了的屏幕面积、并提供更多互动。具体的做法因 iPhone 软件的具体情况而定。

游戏以及其他浸入式 iPhone 软件在信息架构方面可能无需大改,因为这些软件强调的是使用体验,而非数据内容。但游戏的美术和互动设计往往需要相当程度的修改才能在 iPad 上提供引人入胜的体验。在修改游戏时请考虑以下几点:

- 美术设计的画质要尽可能高。用户对 iPad 游戏有较高期待,希望看到一个美轮美奂的视觉环境可供他们深入探索。不要简单地把图片撑大,而是要增加图片的分辨率,尽可能地添加细节,以吸引玩家沉浸在你的软件里。

- 应确保视觉特效也有同样的高质量。如果各种事件和动作都清晰并具有丰富的细节和高度真实感,就能刺激玩家对游戏的情感反应,加强那种走进游戏世界的感觉。

- 在不改动根本性体验的前提下,应该研究各种增加玩家互动性的方法。例如:

- 增加多人游戏模式。

- 同过增加不同的视角,让玩家看到并控制更多的东西。增加旋钮、开关和拨号器,或是提供更多自定义游戏的方法。

- 合理增加多指触控操作,尤其是当你可以将多指触控与自定义控件结合的时候。

要把 iPhone 上的生产力软件移植到 iPad 上,除了丰富 UI 和提升用户体验之外,同长还要更改信息架构。在修改这类软件时,请留意以下几点:

- 应让用户在一屏内能看到更多内容,做更多事。尽量不要让用户在一屏屏地穿梭之后才能达到目的。(具体方法请参阅「压缩信息层级」。)

- 为避免干扰用户完成任务,UI 应保持低调,但与此同时亦应尽量美观。虽然用户使用生产力软件是为了完成某项重要的工作,但他们会期待在 iPad 上干这件事会是一种愉悦的体验。请考虑使用细致的自定义元素来配合所要完成的任务,或增加交互对象的真实感。另外,也可以考虑用更加吸引人的方式来呈现数据,例如不用文字而用图片。

- 想办法为你的 iPad 软件增加交互性。时刻把焦点放在主要任务上是必要的,但你也应该时不时把用户需要查看与控制的数据显示出来。

工具类软件需要针对 iPad 重新构思,这样才能充分利用到 iPad 的大屏幕。我们一般不鼓励大家在 iPad 上使用整屏切换,故很多工具类软件需要更改交互模式。如果你已经开发了工具类 iPhone 软件的话,请考虑以下几点:

- 想办法把 iPhone 软件里分散在几个屏幕中的内容统合到 iPad 中的同一个屏幕

- 想办法向用户显示关于任务的深度信息。如果你的 iPhone 工具类软件上有一个对内容的综述性视图,那么在 iPad 版上或许可以让用户在同一屏中选择打开一个扩展视图。

- 为用户提供更多和内容交互的方式。例如你或许可以允许用户实时操作一张图表,查看模拟数据,或自行定制他们看到的内容细节。

无论你原有的 iPhone 软件是什么风格,你都应该尽量遵循「iPad 用户体验规约」中的原则。

案例分析:從 iPhone 版 Mail 到 iPad 版 Mail

Mail 是 iPhone 上预装的软件里最重要的之一。它的诸多特点均为用户所爱:用清晰流畅的方式组织起大量信息,容易使用,scalability。

ds_mailscreens.png
图 2-1: iPhone 版的 Mail 通过连续的几屏 UI 流畅地呈现出电邮的功能。

iPad 版的 Mail 提供的核心功能不变,但用户体验则经过了调整:

- 邮件正文区的面积增大。

- 合理增加了接近实物效果的设计元素。

- 用来组织与编辑邮件的工具按钮永远存在于屏幕上,但不会让你感到突兀。

- 屏幕无需经常切换,用户需要的东西大部分都固定存在于一屏当中,很少需要转换语境。这保证了视觉上的稳度。

iPhone 版 Mail 和 iPad 版 Mail 的区别反映出这两台设备不一样的用户体验。iPhone 版 Mail 是为了让出行中的用户能够处理邮件——例如在排队时或是走向某个会议室的途中。iPad 版 Mail 的效率也不妨碍用户在出行中使用,但它同时也鼓励用户进行一些深度操作。

非常关键的一点是:虽然 iPad 版 Mail 针对 iPad 的特点对用户体验进行了调整,但它没有改变用户经已习惯的核心功能,也没有无端改变功能按钮的位置或是点按后的效果。用过 iPhone 版 Mail 的人很容易就能辨认出 iPad Mail 工具栏上的按钮以及邮箱的结构,并立即会知道怎么用,因为两者基本毫无区别。

为加强出行途中的电邮体验,iPad 版 Mail 通过两种方式对 iPhone 版 Mail 的介面进行了发展:

- 增加了对全部四个朝向的支持。用户无论怎么拿 iPad 都可以自如地使用 Mail。虽然横版版式与竖版不同,但用户都能很方便地找到自己想用的核心功能。图 2-2 是横版的 Mail,图 2-3 是竖版的。

land_mail_orientation.png
图 2-2: iPad 版 Mail 在各个朝向下都很好用(此为横版介面)。

- 更加专注于邮件正文。iPad 版 Mail 把大部分屏幕空间都留给了当前选中的邮件正文。工具栏被移到了顶部,以增加正文部分的垂直空间。空间的增加另用户无需做过多滚动便可阅读长信。另外当用户在查看邮件列表时,仍然可以看到当前选中的邮件的相当一部分内容。

portrait_mail_orientation.png
图 2-3: iPad 版 Mail 在各个朝向下都很好用(此为竖版介面)。

- 设计更加扁平的信息层级。iPad 版 Mail 有效地压平了帐户 >> 邮箱 >> 邮件列表 >> 邮件这一信息层级。具体做法是把「邮件」以上的层级全部置入一个单独的介面元素当中。在横版里,这一元素是左边的分栏模式视图(见图 2-2);在竖版里则是悬浮层(见图 2-3)。

- 大量减少全屏切换。既然大部分层级的信息都已经存在于屏幕上的一个单独的介面元素当中,用户便可以在单一屏幕上完成大部分操作。当用户试图查看较低层级的信息时,只需转换悬浮层或分栏模式中的内容,无需像 iPhone 那样进行全屏转换。

- 接近实物效果的邮件正文设计。当用户把某封邮件标为待删除时,它会滑至正文区并以一张纸的形式呈现出来。若再继续点选待删除的邮件,这些邮件便会形成具有实体感的「一叠纸」,连纸张边缘的不规整效果都做了出来。(参看图 2-4。)
realistic_stack.png
图 2-4: 在编辑模式下,iPad 版 Mail 把用户标记为待删除的邮件显示为一叠纸。

iPad 人机介面规约目录

 

    @Apple4us

    友情链接

    最近的评论