《iOS9人机界面指南》阅读笔记(1)

《iOS9人机界面指南》阅读笔记(1)_第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会在启动应用时调用这张图,这样可以让用户觉得启动速度很快,同时,也可以让你的应用有足够的时间去加载内容。

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

你可能感兴趣的:(《iOS9人机界面指南》阅读笔记(1))