iOS 11人机交互指南概览:主题(Themes)

从零开始学运营,10年运营老司机带路,2天线下集训+1年在线学习,做个优秀的运营人。了解详情

本文译自Apple官方发布的人机交互指南,希望能够对你有所帮助。

iOS 设计主题(iOS Design Themes)

作为一个app开发者, 您将有机会开发出一个优秀的、可能排在app store榜首的产品。当然,您必须对产品质量和产品功能有更高的要求。

区分iOS和其他平台的三大主题:

清晰性(clarify)

纵观整个系统,各种尺寸的文字都是清晰可见的,图标都是精确醒目,装饰都是恰当的,打磨产品的功能可以驱动设计。留白、配色、字体、图标以及其他的界面元素能巧妙地突出重要内容,并表达交互特性。

尊重(Deference)

流畅的动画效果、搭配清晰美观的界面能帮助人们更快地理解内容、更好的与其交互,而不至于产生误解。一般来说,内容会占据整个屏幕,半透明和模糊的文字代表提示信息。为了让界面看起来简洁,最好不要使用边框、渐变和阴影的设计,同时还要保证文字的重要地位。

深度(Depth)

清晰的视觉层次和逼真的动画效果可以更好的表现元素的层级关系,会让界面看起来更加富有生命力,更有利于用户理解。触摸和可见性可以传递愉悦感,也是一些功能和附件内容的访问方式,还能保证用户在访问的同时不脱离语境。当用户浏览内容时,界面之间的转换效果可以表现另一种深度感。

设计原则(Design Principles)

为了最大程度地提高影响面和覆盖率,当你设计你的app时,你需要牢记以下准则:

美学完整性(Aesthetic Integrity)

美学完整性表现了一个app的功能和外观、交互行为结合的完美程度。比如,一个app巧妙地使用不引人注目的图表、标准控件、以及可预测的用户行为等让用户把注意力集中在正在做的重要事情上。另一种沉浸式的app,比如游戏app,需要采用吸引人的界面,在鼓励用户发现有趣的事物的同时,带给用户乐趣和刺激。

一致性(Consistency)

app的一致性体现在:采用系统提供的界面元素、不会让用户产生歧义(著名的)的图标、一致的语言风格、以及统一的术语。app的特性和行为都是符合用户预期的。

直接操作(Direct Manipulation)

对屏幕上的内容的直接操作可以鼓励用户参与并理解内容。用户的直接操作包括:用户旋转屏幕时或使用一些手势以影响屏幕上的内容。通过直接操作,用户可以立刻看到他们行为的结果。

反馈(Feedback)

反馈让用户了解自己的行为以及行为的结果。系统内置的iOS app提供用户可感知的行为以响应用户的每个操作。用户点击可交互的元素时,这个元素就会高亮显示;进度条展示了需要长时间运行的操作的状态;动画和声音帮助用户理清行为的结果。

暗喻(Metaphors)

当app的虚拟物体和行为可以折射到用户在真实生活或网络世界中的物体和行为时,用户更容易理解。暗喻在iOS中也是可以使用的,因为用户和屏幕是有身体接触的。很多公开的观点也说明了这一点。用户拖拽和擦除内容、切换开关、移动滑块、滑动屏幕以选择合适的值,甚至用户轻点以翻阅书籍和杂志。

用户控制(User Control)

在整个iOS系统中,用户在控制一切,而不是app。app可以提醒用户一系列的行为或者告诉用户这个行为会产生危险的结果,但是app不能代替用户做决策。优秀的app会在用户主导以及避免用户带来非预期的行为之间找到平衡。为了让用户知道是用户自己在控制app,app应该对用户交互行为的结果进行反馈、对用户破坏性的操作再次确认、允许用户取消正在进行的操作。

 

译者:Q_misky

本文由 @Q_misky 翻译发布于人人都是产品经理。未经许可,禁止转载。

题图来自PEXELS,基于CC0协议

本文译自Apple官方发布的人机交互指南 Human Interface Guidelines(HIG),旨在帮助交互设计师和应用开发者了解iOS应用设计规范。

打赏也是一种认可
5人打赏
评论
有话不说憋着难受!