《iOS9人机界面指南》阅读笔记（1）

ios human interface guide

iOS设计原则

基本原则

• 遵从(Deference):UI应该有助于用户更好地理解内容并与之交互，且不会分散用户对内容本身的注意力。
• 清晰(Clarity):各种尺寸的文字清晰易读；图标应该精确醒目，去除多余的修饰，突出重点，以功能驱动设计。
• 深度(Depth):视觉的层次感和生动的交互动画会赋予UI新的活力，有助于用户更好地理解并让用户在使用过程中感到愉悦。

设计思路

• 首先，去除掉UI元素让应用的核心功能突显出来，并明确之间的相关性。
• 然后，使用iOS的主题来定义UI并进行用户体验设计。完善细节设计，以及适当合理的修饰。
• 最后，保证你设计的UI可以适配各种设备和各种操作模式，使得用户在不同场景下都可以享受你的应用。

001设计跟随内容

• 充分利用整个屏幕
• 重新考虑(尽量减少)拟物化设计的使用。
• 遮罩、渐变和阴影有时会让UI元素显得很厚重，导致影响到了对内容的关注。相反，应该以内容为核心，让用户界面成为内容的支撑。
• 用半透明UI元素样式来暗示背后的内容。

002保证清晰

• 使用大量留白
• 让颜色简化UI。使用一个主题色。比如Notes中用了黄色——高亮了重要区块的信息并巧妙地用样式暗示可交互性。同时，也让应用有了一致的视觉主题。内置的应用使用了同系列的系统颜色，这样一来，无论在深色或浅色背景上看起来都很干净，纯粹。
• 通过使用系统字体确保易读性。iOS的系统字体(SanFrancisco)使用动态类型(DynamicType)来自动调整字间距和行间距，使文本在任何尺寸大小下都清晰易读。
• 使用无边框的按钮。默认情况下，所有的栏(bar)上的按钮都是无边框的。在内容区域，通过文案、颜色以及操作指引标题来表明该无边框按钮的可交互性。当它被激活时，按钮可以显示较窄的边框或浅色背景作为操作响应。

003UIKit提供4种类型的UI组件

• 栏(Bars):包含了上下文信息来指引用户他们所在的位置，以及控件来帮助用户导航或执行操作。(比如导航栏、标签栏)
• 内容视图(ContentViews):包含了应用的具体内容以及某些操作行为，比如滚动、插入、删除、排序等等。(比如集合视图和表格视图)
• 控件(Controls):用于执行操作或展示信息。(比如按钮和滑块)
• 临时视图(TemporaryViews):短暂出现给予用户重要信息或提供更多的选择和功能。(如警告提示和动作菜单)。

004为自适应而开发

• iOS定义了两个尺寸类别，常规的和压缩的。常规尺寸与拓展的空间紧密相关，压缩尺寸与约束的空间相关。想要定义一种显示环境，你需要定义一种横屏尺寸类别，与一种竖屏尺寸类别。如你所想，一个iOS设备在竖屏模式可以使用一套类别，而横屏模式下可以使用另一套类别。
• iOS能随着尺寸类别和显示环境变化而自动生成不同布局。举个例子，当垂直尺寸从压缩变为常规时，导航栏和工具栏会自动变高。当你靠尺寸类别来驱动布局变化时，你的应用在任何显示环境时都能显示得很好。

005UI自适应开发指南

• 在所有环境下都保持对主体内容的专注。
• 避免布局上不必要的变化。
• 如果你的应用只在一个方向上运行，那么请直接一点。
• 避免出现提示人们旋转设备的相关UI元素。
• 支持同一个方向上的变化。如果你的应用将设备方向翻转视为用户输入(的一种指令)，那么就按照程序设定的方式来响应设备翻转。

006使用布局来沟通

布局包含的不仅仅是一个应用屏幕上的UI元素外观。你的布局，应该告诉用户什么是最重要的，他们的选择是什么，以及事物是如何关联起来的。

强调重要内容或功能，让用户容易集中注意在主要任务上。

• 遵循从左到右的习惯——从靠近左侧的屏幕开始
• 使用不同的视觉化重量和平衡来告诉用户当前屏显元素的主次关系。
• 大型控件吸引眼球，比小的控件更容易在出现时被注意到和被点击。
• 使用对齐来让阅读更舒缓，让分组和层次之间更有秩序。
• 确保用户在内容处于默认尺寸时便可清楚明白它的主要内容与含义。例如，用户应当无需水平滚动就能看到重要的文本，或不用放大就可以看到主体图像。
• 准备好改变字体大小。为了适应一些文本大小的变化，你也许需要调整布局。
• 尽量避免UI上不一致的表现。常用的点按类控件的大小是44x44点(points)。

007即时启动

用户不会花超过一两分钟去评价一款新应用。当你可以最大程度地利用这段极短的时间，即时呈现对用户有帮助的内容时，你就能够激发新用户的兴趣并给所有用户一种极棒的体验。

重要：不要在安装过程结束后告诉用户需要重启设备。重启需要花费时间，同时也会让人觉得你的应用不可靠且很难使用。如果你的应用有内存使用或其它问题，导致不重启就无法流畅运行，你必须声明这些问题。

尽可能避免使用闪屏或者其他启动体验方式。用户能够在启动应用后立即开始使用是最好不过的。

尽可能地，避免让用户做过多设置。而应该如此:

• 聚焦在80%目标用户的需求上。
• 尽可能用其他方式获取更多的用户信息。如果你能得到用户在内置应用或硬件设置中提供的信息，直接从系统中获取，不要让用户再次输入。
• 如果你必须要求用户设置用户信息，在你的应用中直接提示用户输入。然后尽快保存这些设定(一般来说，保存到你的应用的设置模块中)。

尽可能让用户晚一点再登录。最理想的状态是，用户在无需登录的情况下就能尽量多地浏览内容并使用部分功能。例如，AppStore会在用户确定进行购买商品时，才要求用户进行登录。对于那些强制用户登录后才能进行一切有用操作的应用，用户往往会直接放弃。

如果你的应用必须先登录后使用，那么你应该在登录页面有一些简短的文字，来描述为什么必须先登录，以及这样做会给用户带来什么好处。

谨慎使用新手引导(介绍应用的功能和如何进行操作)。好的应用不需要新手引导。如果你确实觉得需要新手引导，那么请参考如下的建议，设计一个简洁、有针对性并且不妨碍用户的新手引导。

• 只提供开始使用应用所必需的信息。
• 好的新手引导应该告诉用户第一步应该做什么，或者简短地演示大部分用户感兴趣的一些功能。
• 使用动画和可交互的方式来吸引用户，并让用户通过实际操作来学习如何使用。对于文字内容的增加应该谨慎，且仅当增加文字对于提升体验有益时才这么做。不要指望用户会阅读大段的文字。在引导用户了解较为复杂的任务时，可以通过一些引导浮层来简要说明每一个步骤用户需要做什么。尽可能避免展示应用截图，因为截图不可交互的，用户可能会混淆截图和应用的实际界面。
• 能够让用户很容易地取消或者跳过新手引导。

不要太早要求用户去给你的应用评分。
一般建议按照屏幕默认的定向方式启动你的应用。

重要：最好让横屏应用支持两种方向的横屏，即home键在左或在右方都支持。如果设备当前已经处于横向状态，那么就按照当前状态启动应用，除非你有充分的理由不这么做。其他情况时，可以考虑按home键处于右侧的方式启动应用。

提供一张与应用首页看上去一样的闪屏。iOS会在启动应用时调用这张图，这样可以让用户觉得启动速度很快，同时，也可以让你的应用有足够的时间去加载内容。

如果可能，不要让用户在初次启动应用时阅读免责声明或者确认用户协议。
在应用重启后，需要恢复到用户退出使用时的状态，让他们可以从中断之处继续使用。