出自UXGuide.net

案例分析：将桌面应用程序移植到 iPhone 操作系统

Case Studies: Bringing a Desktop Application to iPhone OS

To help you visualize ways you can create an iPhone OS version of a desktop computer application, this section describes some of the design differences between familiar Mac OS X applications and their iPhone OS counterparts. As you learn about which features and functions in each application were adapted for its iPhone OS version, you will gain insight into the types of design decisions you need to make for your own iPhone application.

为了帮助你把创建一个桌面应用程序的 iPhone 系统版这一过程可视化，本节介绍一些常见的苹果 Mac 操作系统中的应用程序与其对应的 iPhone 操作系统版在设计上的差异。当你了解了每个应用程序中哪些特点和功能是适合 iPhone 操作系统的时候，那么，当你在开发你的 iPhone 应用程序的时候，你将可以洞悉到哪种设计方案是你应该做的。

Mail

Mail

Mail is one of the most highly visible, well-used, and appreciated applications in Mac OS X. It is also a very powerful program, one that allows users to create, receive, prioritize, and store email, track action items and events, and create notes and invitations. Mail provides most of this functionality in a single multipane window. This is convenient for people using a desktop computer, because they can leave a Mail window on the display screen (or minimized to the Dock) all the time and switch to it whenever they choose. Figure 1-6 illustrates many of the features available in the Mail message-viewing and compose windows on the desktop.

在 Mac OS X 中，Mail 是最明显的，被充分使用并且受用户喜爱的应用程序之一。它也是一个非常强大的程序，允许用户撰写，收取，分类和存储电子邮件，跟踪每项任务和事件，创建备注和邀请。Mail 在一个由多面版的窗口中提供了其大部分的功能。这对于使用台式电脑的人很方便，因为他们可以一直把 Mail 窗口保留在屏幕内（或最小化到任务栏）并可在任意时刻切换回来。图1-6显示了在桌面上, 邮件阅读窗口和撰写窗口中提供的许多功能。

Figure 1-6  Mail on the desktop offers a wide range of powerful features in a couple of windows
图1-6 桌面 Mail 应用程序在两三个窗口内提供了许多不同的强大的功能

But when people are mobile, their needs for an email application are simpler, and they want access to core functionality quickly. For this reason, Mail on iPhone OS–based devices focuses on the most important things people do with their email: receive, create, send, and organize messages. To do this, it displays a pared-down user interface that makes the organization of the user’s accounts and mailboxes clear and centers the user’s attention on the messages.

但是，当人们在移动时，他们需要一个更加简单且能够快速完成核心功能的电子邮件应用程序。因此，在基于 iPhone 操作系统的设备中，邮件应用程序专注于那些对于用户最重要的功能：收取，撰写，发送和管理邮件。要做到这一点， iPhone 的邮件系统采用了一个大大简化的用户界面，让帐户和邮箱的管理更加简洁，让用户用户的注意集中到邮件上。

Mail in iPhone OS is a perfect example of a productivity style application: To ease navigation through the content, Mail in iPhone OS takes advantage of the naturally hierarchical organization of people’s email and displays on successive pages accounts, mailboxes, message lists, and individual messages. Users drill down from the general (the list of accounts) to the specific (a message) by selecting an item in a list and viewing the things associated with that item. To learn more about the productivity style of iPhone applications, see “Productivity Applications.”

邮件是 iPhone 操作系统中生产力应用程序完美的例子：为了让用户在内容之间的导航更加方便，iPhone 操作系统的邮件引用程序利用了邮件自然分级管理的优势，使用一连串的页面显示账户，邮箱，邮件列表，邮件具体内容。用户逐级深入，通过点击某项进入与该项相连的信息这种页面流方式，从总体（帐户列表）到具体（邮件内容）。要了解更多有关 iPhone 生产内容风格的应用程序，请参阅“生产力应用程序。”

In addition, Mail in iPhone OS enables actions, such as create and send, by displaying a handful of familiar controls that are easy to tap. Figure 1-7 shows how Mail makes it simple to view and send email in iPhone OS. Note how elements at the top of each screen make it easy for users to know both their current and previous location in the application.

此外，在 iPhone 操作系统中，邮件应用程序允许多种动作，如创建和发送，它通过显示几个容易被轻触且熟悉的控件来完成。图1-7显示了在 iPhone 操作系统内，邮件应用程序是如何让查看与发送电子邮件变得简单。它注释了，位于每个屏幕上方的视觉元素是如何让用户更容易获知到在应用程序中他们当前与上一步的位置。

Figure 1-7  Mail in iPhone OS makes it easy to view and send email
图1-7 邮件应用程序让查看和发送电子邮件在iPhone操作系统中变得简单

iPhoto

iPhoto

Another instructive example of a Mac OS X application that was reimagined for iPhone OS is iPhoto. On the desktop, iPhoto supports comprehensive searching and organization, powerful editing capabilities, and creative printing options. When people use iPhoto on their desktop or laptop computers, they appreciate being able to see and organize their entire collection, make adjustments to photos, and manipulate them in various ways. Although the main focus of iPhoto is on the user’s content, the application also offers extensive functionality in its window. Figure 1-8 shows the iPhoto user interface on the desktop.

另外一个从 Mac 操作系统改造至 iPhone 操作系统的应用程序的教科书般的例子是 iPhoto 。在桌面端中，iPhoto 支持全面的搜索和管理，强大的编辑能力，以及富有创意的打印选项。当人们在台式电脑或手提电脑上使用 iPhoto 时，他们十分乐于浏览并组织他们全部的照片，调整照片，并且通过多种方式进行操作。尽管 iPhoto 的主要关注点是用户的内容（照片），它在其窗口内也提供了丰富的功能。图1-8显示了桌面上的 iPhoto 的用户界面。

Figure 1-8  The iPhoto user interface
图1-8 iPhoto 的用户界面

But when they’re mobile, people don’t have time to edit their photos (and they don’t expect to print them); instead, they want to be able to quickly see and share their photos.

但是，当他们（用户）在移动时，人们没有时间来编辑自己的照片（而且他们也不希望打印出来）；相反，他们希望能够快速地浏览和分享他们的照片。

To meet this need on iPhone OS–based devices, Apple has provided the Photos application, which focuses on viewing photos and sharing them with others. The Photos user interface revolves around photos; so much so, in fact, that even parts of the device user interface can be hidden. When users choose to view a slideshow of their photos, the Photos application hides the navigation bar, toolbar, and even status bar, and displays translucent versions of these elements when users need to see them.

为了满足基于 iPhone 操作系统的设备对这一功能的需求，苹果公司提供了照片应用程序，其主要功能在于浏览和与他人分享照片。这一照片应用程序的用户界面，完全以照片为核心，这种程度，事实上强烈到可以允许部分用户界面隐藏。所以，当用户选择以幻灯片的方式查看他们的照片时，照片应用程序会隐藏导航栏，工具栏，甚至是状态栏。当用户需要看到这些工具栏时，这些元素又以半透明状态显示出来。

Photos makes it easy for users to organize and find their photos by using a hierarchical arrangement: Users select an album, which contains a collection of photos, and then they select a single photo from the collection. In this way, Photos is an example of an application that combines features of the productivity style and the immersive style (to learn more about these styles, see “Three Application Styles”). Figure 1-9 shows how users can view photos in the Photos application.

照片管理程序通过分级标记的方法使得用户很容易组织和查找他们的照片：用户先选择一个包含很多照片的专辑，然后从专辑中选择一张照片。从这个意义上讲，照片管理程序是一个有代表性的应用程序，它结合了生产力应用程序风格和沉浸式应用程序风格（想要了解更多关于这些样式的信息，请参阅“三种应用程序样式”）。图1-9显示了用户如何通过照片应用程序查看照片。

Figure 1-9  Three screens in the Photos application
图1-9 照片管理程序的三个界面

In addition, Photos uses a transient view, called an action sheet (described in “Alerts, Action Sheets, and Modal Views”), to give users additional functionality without taking them out of the photo-viewing experience. Figure 1-10 shows how Photos provides options for using an individual photo.

此外，照片管理程序提供短暂的预览，称为操作列表（详情查阅“警告、操作列表和模态视图”），这样，用户不退出照片浏览模式就能使用一些附加功能。图1-10显示了照片管理程序提供选项使用具体的单独照片。

Figure 1-10  Photos gives users options in an action sheet
图1-10 照片管理程序在一个操作列表中给出的用户选项