当前位置:首页 >> 能源/化工 >>

08-ios开发指南-开发(用户界面设计)


用户界面设计
仅仅创建一个能用的应用程序是不够的,用户期望的 iOS 应用程序是直观易用、交互性强 和引人入胜的。在设计应用程序时,从选取的功能到应用程序响应手势的方式,每个方面都 要考虑用户体验。

用户或许不知道用户界面的设计原则, 但是应用程序有没有遵循指南, 他们是可以分辨出来 的。请遵循 iOS Human Interface Guidel

ines(iOS 用户界面指南)中清楚说明的原则和 约定,为您的产品设计最好的用户界面和用户体验。

立即阅读此文章: 从用户角度进行设计阐述了如何创建具有卓越用户体验的应用程序。 本文 稿介绍编程时需遵循的指南, 但不涉及如何在代码中实现设计。 大多数 iOS 指南, 都与 OS X 的不同,因为移动设备上的应用程序,在本质上是不同的。

从用户角度进行设计

iOS 应用程序的成功,很大程度上取决于其用户界面的质量。如果用户发现应用程序不具 有吸引力, 又不容易使用, 那么即使它是最快、 最强大、 功能最完整的应用程序, 也会在 App Store 中沉没。 有许多方法可将一时的灵感转化为流行的应用程序,但没有必胜的独门偏方。不过,所有成 功的应用程序开发,都遵循同一个指导原则:从用户角度进行设计。以下总结的策略和最佳 实践, 全都基于此指导原则, 它们指出了在设计应用程序时, 您需要遵循的一些原则和指南。 当您准备好着手开发时,请务必阅读 iOS Human Interface Guidelines(用户界面指南) 以获得完整的信息。

理解用户如何使用他们的设备
如果是刚接触 iOS,您需要做的第一步,就是自己成为 iOS 用户。然后,以用户身份(而 不是开发者身份)尽可能探索 iOS 平台的特征。无论一开始您就用过基于 iOS 的设备, 还是从未接触过,请在使用设备时,花时间弄清楚您的期望并分析您的操作。

例如,考虑以下的设备和软件功能,如何影响用户的体验:
? iPhone、iPad 和 iPod touch 为手持设备,能够促使用户随时随地使用。用户期

望应用程序能够迅速启动,并且在各种环境下都容易使用。
? 在所有基于 iOS 的设备上,不管设备尺寸大小,显示屏都最为重要。当用户专注

于使用应用程序时,相对较小的显示屏不会构成障碍。
? 多触摸界面让用户无需借助别的设备(例如鼠标),就可操控内容。用户通常会有

更能主导应用程序的体验,因为他们能够以触控来操控屏幕上的元素。
? 一次只有一个应用程序在最前面。 用户可以使用多任务栏在应用程序之间迅速而轻

松地切换,但是这种体验和在电脑显示器上看到多个应用程序同时打开是不同 的。

? 一般情况下,应用程序不会同时打开几个单独窗口。相反,用户在屏幕内容之间转

换,每个屏幕内容可以包含多个视图。
? 内建的“设置”应用程序包含用户偏好设置,用来设置设备以及在设备上运行的一些

应用程序。要打开“设置”,用户必须从当前使用的应用程序切换出去,因此,这 些偏好设置应该是那些“设好就不常改”的类型。大多数应用程序可以避免把偏好 设置添加到“设置”中,反而在应用程序的主用户界面,给用户进行选择。 请记住, 完美的应用程序需发挥其运行平台的优点, 其使用体验亦要完全融合设备和平台的 特性。

学习基本的用户界面原则
作为一名用户, 当应用程序令您不清楚它是否接收到您的输入, 或者弹出式窗口不明所以地 在屏幕上到处冒出,您都会特别在意。在这些情况下,您在意的其实就是应用程序没有遵循 用户界面的基本设计原则。 言下之意,用户界面指的是用户和设备(包括在设备上运行的软件)之间的互动。当应用程 序(或设备)的用户界面按照用户实际思考和操作的方式构建时,用起来就会令人觉得很容 易、很顺心。 Apple 的用户界面设计原则,归纳了人机互动的几个高层次范畴,对用户体验有着深刻影 响。设计应用程序时,请记住以下用户界面设计的原则:
? 美学集成度。美学集成度 (aesthetic integrity) 不是衡量应用程序有多好看;而

是看应用程序的外观和它的功能融合得有多紧密。
? 一致性。 界面的一致性让用户把对一个应用程序的知识和技巧, 应用到另一个应用

程序。理想情况下,应用程序应与 iOS 标准、其本身及较早版本相一致。
? 直接操控。当用户直接操控屏幕上的对象(而不是透过别的控制),他们会更加专

注于任务,并且更容易理解操作的结果。
? 反馈。通过反馈来确认用户的操作,并让他们确信处理正在进行。例如,当用户操

作控制时,他们期望得到即时的反馈;进行长时间的操作时,则希望看到状态的 更新。

? 隐喻。如果应用程序中的虚拟对象和操作,隐喻着现实世界中的对象和操作,用户

会迅速理解如何使用应用程序。最适当的隐喻,会启发一种用法和体验,而不是 把所基于的现实世界对象或行动的限制强加实施。
? 用户控制。虽然应用程序可以建议一系列操作,或者对危险的后果提出警告,但是

如果不给用户做决定,则通常是错误的。最好的应用程序,会在给予用户所需的 功能和帮助他们避免危险的结果之间,找到正确的平衡。

遵循指南
iOS Human Interface Guidelines(iOS 用户界面指南)给出了大量指导准则,范围从用
户体验的建议,到使用 iOS 技术与屏幕元素的具体规则。这一部分并不是 iOS Human

Interface Guidelines(iOS 用户界面指南)的摘要;而是让你接触一些指南,有助于您设
计一个成功的应用程序。 好的 iOS 应用程序,会让用户流畅地访问他们所关心的内容。为了达到这样的目的,这些 应用程序整合了这些用户体验指南:
? 聚焦于主要任务。 ? 让用法简单和明确。 ? 使用以用户为中心的术语。 ? 制作指尖大小的目标。 ? 不强调设置。 ? 一致地使用用户界面 (UI) 元素。 ? 使用令人会意的动画来沟通。 ? 仅在必要时要求用户进行存储。

用户期望应用程序整合平台的功能,例如多任务、iCloud、VoiceOver 和打印。用户可能 认为这些功能是自然而然就该有的,应用程序开发者则清楚他们必须花工夫来整合这些功 能。要确保应用程序为这些功能提供预期的用户体验,开发者须遵循这些 iOS 技术指南:

? 简单清晰地支持 iCloud 储存。

? 做好与多任务相关的中断和恢复准备。 ? 处理本地通知和推送通知时,遵循用户的“通知中心”设置。

? 提供叙述信息,以便 VoiceOver 用户操作应用程序。

? 依赖系统提供的打印 UI,为用户带来满意的打印体验。 ? 确保声音在各种情形下,都满足用户的期望。

当应用程序正确地使用 UI 元素(例如按钮和标签栏)时,用户就会专注于应用程序是否按 他们所预期的方式运行。 但是, 当应用程序错误地使用 UI 元素时, 用户很快就会表现不满。 好的 iOS 应用程序,会小心遵循 UI 元素使用指南。例如:
? 确保导航栏中的返回按钮,显示上一个屏幕的标题。 ? 当标签功能不可用时,不要将标签从标签栏移除。 ? 避免提供“隐藏弹出式窗口”按钮。 ? 当用户选择表格视图所列出的项目时,要提供反馈。 ? 在 iPad 上,仅在弹出式窗口内显示挑选器。 ? 使用系统提供的按钮和图标时,遵从它们定义好的含义。 ? 设计自定图标和图像时, 使用所有用户都理解的通用图像, 避免复制 Apple 的 UI

元素或产品。 再次说明,本节中列出的指南,只是 iOS Human Interface Guidelines(iOS 用户界面指 南)中的一部分。在应用程序开发过程中,完整阅读该文稿是非常重要的一步。

利用一些经过验证的设计策略
最成功的 iOS 应用程序,通常是深思熟虑、反复设计的结果。当开发者聚焦于主要任务, 使功能更加精炼,是可以创建优秀的用户体验。本节总结的策略,可以帮助改进您的想法、 审视设计选项,并专注于用户会欣赏的应用程序上。

提炼功能列表。在设计过程中,尽早确定应用程序的功能和目标用户。使用此定义(称为应 用程序定义语句)过滤掉不必要的功能,并指导应用程序的风格。虽然,功能越多应用程序 就越好的想法很诱人,很多时候,却是反面教材。最好的应用程序,通常聚焦于一个主要任 务,只提供用户完成该任务所需的那些功能。 为设备而设计。除了整合 iOS 用户界面和用户体验的模式之外,请确定您的应用程序在设 备上运行自如。如果计划开发一个通用应用程序(即同时运行在 iPhone 和 iPad 上的应 用程序),这就意味着必须为每个设备设计不同的 UI,即使大多数底层代码可以是相同的。 同样,如果计划采用基于网上的内容,有必要重新设计这些内容,使其看起来和感觉起来像 是原生的应用程序。 适当地定制。 每个应用程序都包括一些自定 UI 即使只在其 App Store 图标中) iOS SDK ( 。 可以让您自定 UI 的各个方面,至于多少自定才合适就完全由您决定。最好的应用程序,会 以目的明确和易用作为自定的考量。理想情况下,您想要用户觉得您的应用程序与众不同, 又同时欣赏到其直观和易用,与其他应用程序保持一致。 原型和迭代。在决定好包括哪些功能后,您就可以开始创建可测试的原型。早期的原型不需 要显示真实的 UI 或美工图样,也不需要处理真实的内容。但是,它们需要给测试员准确的 概念, 知道应用程序是如何使用的。 在测试过程中, 要特别注意测试员尝试过但失败的地方, 因为这些尝试,可以暴露出应用程序本该有却未实现的行为。继续测试直到您感到满意,认 为用户可轻松理解应用程序是如何使用的,并能操作全部功能。


相关文章:
01-ios开发指南-开始(介绍-设置)
08-ios开发指南-开发(用... 7页 2下载券0​1​-​i​o​s​开...在此窗口内,您 可以顺畅地从代码编写转换到代码调试,再到用户界面设计。iOS ...
10-ios开发指南-开发(App Store)
您需要设定应用程序图标和启 动画面,它们出现在“...回应用户问题不能将应用程序提交到 App Store 后就...08-ios开发指南-开发(用... 09-ios开发指南-开发...
05-ios开发指南-基础(基本任务)
这些机制和技巧,全部基于设计模式(您稍后将会学到...但在应用程序用户界面上显示日期信息的首选方法, 是...08-ios开发指南-开发(用... 09-ios开发指南-开发...
ios开发教程UI界面开发
ios开发教程UI界面开发_计算机软件及应用_IT/计算机_专业资料。手机软件界面是置身于手机操作系统中的人机交互的窗口, 设计界面必须基于手机的物理 特性和软件的应用...
用户界面设计说明书 - 模版
用户界面设计说明书(User Interface Design Specification,UIDS),对软件的用户界面风格、 布局、操作流程等进行全面说明。 1. 简介 1.1 背景简要说明待开发的软件...
软件开发 用户界面设计 模版
软件开发 用户界面设计 模版_计算机软件及应用_IT/计算机_专业资料。软件开发-用户...应当遵循的界面设计规范提示:结合用户需求和机构的《软件用户界面设计指南》 ,...
浅谈用户界面设计
浅谈用户界面设计 第一部分:概述 用户界面是计算机软件和用户交互的接口,是衡量软件质量的一个重要目标。如何设计出一个好的用 户界面, 是软件公司和开发人员都...
用户界面设计
用户界面设计_计算机软件及应用_IT/计算机_专业资料...使用单位信息及软件开发商信息等,如果某一操作需要的...容易理解 对于常用的功能,用户能否不必阅读手册就能...
用户界面设计规范
用户界面设计规范_互联网_IT/计算机_专业资料。用户...因此,在开发应用程序的 过程中,开发人员必须重视用户...《窗口界面、 应用设计指南》 (《The Windows ...
用户界面设计规程
指定若干名开发人员从事用户界面设计,即确定界面设计人员。 ? 如果可能的话,邀请...? 界面设计人员确定本软件的用户界面设计规则(或指南) ,主要包括: ? 优秀界面...
更多相关标签:
用户界面设计指南 | 用户界面设计指南 pdf | 软件用户界面设计指南 | ios用户界面设计指南 | ios 用户界面指南 | java开发用户界面框架 | 用户界面开发工具 | 用户登录注册界面开发 |