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

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


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

用户或许不知道用户界面的设计原则, 但是应用程序有没有遵循指南, 他们是可以分辨出来 的。请遵循 iOS Human Interface Guidelines(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 ...
02-ios开发指南-教程(马上开始)
如何利用一些基础设计模式--所有 iOS 应用程序开发的 基础。 完成本教程中的...串联图包含对象、 转换以及连接的归档, 它们定义了应用程序的用户界面。 在“...
iOS开发指南自学笔记
iOS 开发指南自学笔记第一章 概述 1、 iOS 的系统架构分为 4 层(提供的框架...Bar 到距设计界面顶部 20 点位置以不遮挡状态栏,再放置一个文本框接收用户输入...
05-ios开发指南-基础(基本任务)
这些机制和技巧,全部基于设计模式(您稍后将会学到...但在应用程序用户界面上显示日期信息的首选方法, 是...08-ios开发指南-开发(用... 09-ios开发指南-开发...
用户界面设计指南
08-ios开发指南-开发(用户... 7页 5财富值 Web软件用户界面设计指南-... ...第A版 第 3 页共 17 页 用户界面设计指南 文件编号:SF/TCR-05 SF/TCRSF...
如何开发iOS应用程序_图文
工具 Xcode 提供整套管理开发工作流程的工具——从创建应用程序、设计用户界面,到...09-ios开发指南-开发(应... 63页 2下载券 iOS开发指南》样章 第一... ...
iOS界面设计尺寸规范
同样,百度用户体验的调查中,可以看出用户可接受的文字相应问题。 具体大小,还是...08-ios开发指南-开发(用... 7页 2下载券 网站界面设计的规范 6页 免费 ...
IOS应用开发-设计说明书(个人总结)
IOS应用开发-设计说明书(个人总结)_计算机软件及应用_IT/计算机_专业资料。个人...UI 是 using interface(UIview),是用户界面, UC 是 using controllers(View ...
用户界面设计说明书 - 模版
用户界面设计说明书(User Interface Design Specification,UIDS),对软件的用户界面风格、 布局、操作流程等进行全面说明。 1. 简介 1.1 背景简要说明待开发的软件...
单片机上位机界面编程软件一览
包含协助开发环境 的事件驱动为机制的可视化程序设计...VB 拥有图形用户界面(GUI)和快速应用程序开发(RAD)...2008 年,奇趣科技被诺基亚公司收购,QT 也因此成 为...
更多相关标签: