数极客首页

译文 | iOS 10 人机界面设计指南 (一)

iOS10发布了,苹果遵照
了一切从简但又增加了一些提升用户体验的功用
,比如

向开发者开放了更多接口,设计者又怎么跟随iOS的步伐做好产品设计呢?

译文 | iOS 10 人机界面设计指南 (一)

1. 概览(Overview)

1.1设计准绳
(Design Principles)

作为一名移动

应用设计师,意味你有机遇

发布一款具有杀伤力的产品能够

登上苹果商店的榜首。为了完成
这个目的
,你的产品必需
在质量和功用
上抵达

高规范

以下三大准绳
让iOS系统有别于其它平台:

明晰
(Clarity)

纵观整个系统,任何尺寸的文字都明晰
易读,图规范

易懂,恰当的修饰且不易被察觉

,聚焦于功用
,一切设计由功用
而驱动。留白、颜色、字体、图形以及其它界面元素能够

巧妙地突出重点内容并且表达可交互性。

服从
(Deference)

流利
的动效和清新
美观的界面有助于用户了解
内容并与之交互,而不会干扰用户。当前内容占领
整屏时,半透明和含糊
处置
能够

暗示其它更多的内容。减少运用
边框、突变
和阴影让界面尽可能地轻量化,从而突出内容。

深度(Depth)

分明
的视觉层和生动的动效表达了层次结构

,赋予了生机
,并有助于了解

易于发现的且可触发的界面元素能提升体验愉悦感,让用户在胜利
触发相应功用
或者取得
更多内容的同时还能掌控当前位置的来龙去脉。当用户阅读
内容上时,流利
的过渡提供一种纵深感。

要想扩展
影响力和触及
范围,在设计你的共同
应用时,请熟记以下几点准绳

美学完好
性(Aesthetic Integrity)

美学完好
性代表了一款应用的视觉表象和交互行为与其功用
整合的优秀
水平
。例如,一款辅佐
用户完成重要任务的应用应该运用
不易察觉

且不引人注目

的图形、规范
化控件和可预知的交互行为从而让用户坚持
专注。反之而言,一款沉浸式体验的应用(比如

游戏),就需求
吸收
人的视觉表象,在鼓舞
用户探求

的同时带来无量
的乐趣和刺激。

分歧
性(Consistency)

一款内部分歧
的应用能够

贯彻相同的规范
和规范

:运用
系统提供的界面元素、作风
统一(众所周知)的图标、规范
的字体样式

和分歧
的措辞。应用所包含的特征和交互行为是契合
用户心理预期的。

直接操作(Direct Manipulation)

对屏幕上的对象直接操作(而不是经过
一堆控件)能够

提升用户的参与度并有助于了解
。直接操作指包括用户旋转设备或者运用
手势控制屏幕上的对象。经过
直接操作,他们的交互行为能够

得到即时可视的反响

反响

(Feedback)

反响

认证交互行为,呈现结果,并通知用户。系统自带的iOS应用对每一个用户行为都提供了明白
的反响

。可交互的元素被点击时会被暂时
高亮,进度指示器(progress indicator)显现
了需求
长时间运转的操作的进度,动效和声音增强
了对行为结果的提示。

隐喻(Metaphors)

当一个应用的虚拟对象和行为与用户熟习
的体验相似

时——无论这种体验是来源于理想
生活或是数字世界,用户就能更快速地学会使这款应用。隐喻在iOS中能够

起作用是由于
用户与屏幕中止

物理上的交互。他们经过
将视图移出屏幕来显现
下方的内容,他们拖曳(drag)和滑动(swipe)对象,他们拨动(toggle)开关,移动

(move)滑块,滚动(scroll)数值选择器,他们以至
经过
轻扫(flick)来翻阅书籍和杂志。

用户控制(User control)

在iOS内部,是用户——而不是应用——在控制。应用能够
对一系列用户行为提供倡议
,或对可能构成

严重结果
的行为发出正告
,但不应该替用户做决议
。好的应用会在让用户主导和避免

不想要的结果中找到均衡
。为了让用户觉得
到是他们在控制,应用应该运用
熟习
且可预知的交互元素,让用户二次肯定
有破坏

性的行为,并且让即便
在运转
中的操作也能够

被随意

取消。

1.2 Ios 10 新特征引见

在iOS 10,你能够
发明
史无前例
的更强大的应用。当你阅读
这些新改动
并在思索

他们将怎么辅佐

你的应用时,请特别关注设计指南。

译文 | iOS 10 人机界面设计指南 (一)

搜索屏幕和主屏幕的窗口控件(widget)

Widget 提供即时且有用的信息,或是应用特有的一些无需翻开
应有就能运用
的功用
。在过去,用户在音讯
中心添加widgets当作快速入口。往常

,用户在搜索屏幕添加widgets,用户可经过
在主屏或是锁屏右滑进入搜索屏幕。你也能够
在主屏经过
3D Touch触发的某个应用的快捷操作菜单(quick action list)上方添加widget。Widget的设计和交互方式也改动
了。请留意
更新你现有的设计。

译文 | iOS 10 人机界面设计指南 (一)

与Messages的联动

应用能够
经过
执行一种出往常

对话下方的messaging插件让用户与朋友分享来自该应用的内容。应用能够
经过
Message分享文字,图片,视频,贴纸,以至
可交互的内容,譬如信息内的游戏。

译文 | iOS 10 人机界面设计指南 (一)

与Siri的联动

应用能够

与Siri联动,从而让用户运用
声音来执行相应的应用操作,譬如打电话、发短信和开端
锻炼。

译文 | iOS 10 人机界面设计指南 (一)

可拓展的通知栏

你能够
经过
拓展详情视图来增强

你的通知栏,用户能够
在未锁屏状态下经过
3D Touch功用
点击或是下滑通知栏来翻开
拓展视图。运用
这种视图能够

让用户快速阅读
更多信息,并允许他们在不分开
当前界面的状况
下对该音讯
中止

快速操作。

1.3 界面基本

元素

大多数的iOS应用运用
了来自UIKit的部件,这是一个定义了基本

界面元素的编程框架。这个框架让各种应用在视觉上抵达

分歧
的同时还提供了高度的个性化。UIKit元素是灵活

且常见的。它们是可适配的,让你能够

设计一个在任何iOS设备上都看起来很棒的应用,而且能够

在系统发布新版本的时分
自动更新。由UIKit提供的界面元素能够
分为以下三种:

  • :告知用户往常

    在应用的哪里,提供导航,而且还可能包含按钮或者其它用来触发功用
    和交流信息的元素。

  • 视图:包含用户在应用内最关注的信息,例如文本、图形、动画和交互元素。视图允例如滚动、插入、删除和排列之类的行为。
  • 控件:触发功用
    和传送
    信息。控件包括按钮、开关、输入框和进度指示器。

为了进一步定义iO界面,UIKit规则
了你的应用能够

采用的功用
。经过
这个框架,你的应用能够
对触摸屏上的手势作出应对
,还能够
包含一些例如绘画、可访问性和打印的功用

iOS也和其他编程框架和技术紧密

分离
,譬如Apple Pay, HealthKit和ResearcKit, 它辅佐

你设计出一个强大地惊人的应用。

 

来源:https://developer.apple.com/ios/human-interface-guidelines/

译者:喵大神经  交互新人

本文由 @喵大神经 翻译发布。未经答应
,遏止

转载。

新一代大数据用户行为剖析
与数据智能平台:数极客(https://www.shujike.com),是支持无埋点、前端埋点、后端埋点、API导入四种混合数据采集方式,整合剖析
用户行为数据和业务数据,能够
自动监测网站、APP、小程序等多种渠道推行
效果剖析
,是增长黑客们必备的互联网数据剖析
软件。数极客支持实时多维剖析
、漏斗剖析
、留存剖析
、途径
剖析
等十大数据剖析
办法
以及APP数据剖析
网站统计网站剖析
小程序数据统计用户画像等应用场景,业内首创了六种提升转化率的数据剖析
模型,是数据剖析
软件
范畴
首款应用定量剖析
与定性剖析
办法
数据剖析
产品

发表评论

评论已关闭。

相关文章