腾讯转译,iOS9人机界面指南(二)：设计策略研究报告.docx

腾讯转译，iOS 9人机界面指南（二）：设计策略 作者: 一网学???最后更新时间：2015-11-11 10:38:21 小编：千呼万唤始出来！苹果官方ios9人机界面指南第二章节终于来了！读完这篇科普，相信对ui设计师是一次思考和提升，这本教科书级别的设计读物，快收！后续章节会陆续更新，敬请期待！ 文章索引 2.1 设计原则(Design Principles) 2.1.1 美学完整性(Aesthetic Integrity) 2.1.2 一致性(Consistency) 2.1.3 直接操作(Direct Manipulation) 2.1.4 反馈(Feedback) 2.1.5 隐喻(Metaphors) 2.1.6 用户控制(User Control) 2.2 从概念到产品(From Concept to Product) 2.2.1 定义应用(Define Your App) 2.2.2 为任务量身订制界面(Tailor Customization to the Task) 2.2.3 原型 迭代(Prototype Iterate) 2.3 案例学习：从桌面到iOS(Case Study: From Desktop to iOS) 2.3.1 iPad版Keynote应用(Keynote on iPad) 2.3.2 iPhone版邮件应用(Mail on iPhone) 2.3.3 iOS系统内的网页内容(Web Content in iOS) 2.1 设计原则(Design Principles) 2.1.1 美学完整性(Aesthetic Integrity) 美学完整性不评判应用的视觉设计，也不是用来描述应用的风格特征。美学完整性是指在一款应用的视觉表现和交互行为与功能结合后所传达出的整体一致性。 人们关心应用是否提供了应有的功能，但是也会潜移默化甚至是很直接地被应用的视觉表现和交互行为所影响。举个例子，一款协助用户完成任务的应用，可以通过使用精美而又无干扰的装饰性元素、标准的控件和可预期的交互行为很好地帮助用户聚焦在任务本身上。这样，应用就能传达出清晰而一致的信息，使得人们信任它。但是，如果应用使用干扰的、琐碎的或随意的UI来呈现任务，那么人们可能会对其可靠性和可信赖度产生怀疑。 另一方面，在沉浸式应用中—例如游戏—用户期待惊艳的视觉表现，为用户带来乐趣和刺激，并鼓励用户进行探索。用户不是要在游戏中完成严肃的或程序式的任务，他们更期待游戏的视觉表现和交互行为与当前的目的进行整合。 2.1.2 一致性(Consistency) 一致性可以让人们在一款应用中的不同部分甚至不同应用间复用使用同样的认知和技能。一款具备一致性的应用不应盲从地复制其他应用，也不应在风格上一成不变。相反，它们专注于让人们觉得舒适的标准和范例，并提供应用内部统一的体验。 在判断一款iOS应用是否要遵守一致性原则时，请思考如下问题： 应用是否和iOS标准一致？是否正确地使用了系统提供的控件、视图和图标？是否按照用户所预期的方式整合了设备的特性？ 应用是否内部统一？文案是否使用了一致的措辞和风格？同样的图标是否表意相同？在不同的位置执行同样的操作时，人们是否能能预期会发生什么？应用中自定义的UI元素是否在外观和行为上保持一致？ 应用是否和先前的版本保持一致？条款和意义是否保持不变？基本概念和主要功能是否发生了变化？ 2.1.3 直接操作(Direct Manipulation) 当人们不再使用一堆控件进行操作，而是直接在屏幕上操作对象时，他们能更集中精力完成任务，也更容易理解这些行为所产生的结果。 使用多点触摸界面，人们可以通过捏合操作来直接放大和缩小图片或文本内容。在游戏中，玩家可以直接与屏幕上的对象进行交互。例如，游戏中可能会显示密码锁，用户可以通过转动它来打开。 在一款iOS应用中，如下情况中人们应该能够进行直接操作： 旋转或者移动设备来影响屏幕上的对象 使用手势来操作屏幕上的对象 显示即时可视的操作反馈 2.1.4 反馈(Feedback) 反馈可以明示人们的行为，呈现操作结果，并更新于任务进程之中。 iOS内置的应用对用户的每个行为都提供了可感知的反馈。当人们点击列表项和控件时，它们会被临时高亮，并会在操作过程中持续一段时间，以此展示控件被执行的过程。 精细的动画会给人们带来有意义的反馈，帮助阐明行为的结果。例如，列表中新增一项时的动画可以从视觉上帮助人们发现列表的变化。 音效同样可以为人们提供有效的反馈，但不应成为唯一的反馈方式，因为人们不一定能听到。 2.1.5 隐喻(Metaphors) 当应用中的虚拟对象和交互行为与用户已经熟悉的体验相似时—无论这些体验是来源于真实或数字生活—用户就可以快速地掌握如何来使用这个应用