细节是魔鬼,设计在于细节
 首页> 读。设计

Apple Watch人机交互–UI设计基础指南

11月19日上午消息,苹果今天向开发者发布了用于Apple Watch智能手表的开发者工具,其中包含了两款手表的细节信息,包括具体尺寸及屏幕分辨率等。

目前,开发者已经可以下载WatchKit开发工具包,为明年年初发售的Apple Watch开发应用和软件。苹果希望在手表上复制iPhone的成功经验,苹果公司全球营销高级副总裁菲尔·席勒(Phil Schiller)称,WatchKit可让iOS开发者社区拥有创造新体验的工具。

Apple Watchfn 尺寸(分辨率)

Apple Watch尺寸

两款大小不同的Apple Watch有不同的屏幕分辨率。表面宽度38毫米的Apple Watch屏幕分辨率是272×340,42毫米的分辨率为312×390。 在开发者文档中,苹果称Apple Watch的屏幕属于Retina级别,并建议开发者使用2x图像标签。

Apple Watch屏幕分辨率苹果建议,开发者应为不同的尺寸的屏幕设计不同图像,Apple Watch屏幕上显示的内容会保持统一,与屏幕尺寸没有关系。根据屏幕尺寸的不同,Apple Watch上的图标会有不同尺寸。比如,38毫米的Apple Watch 主屏上的图标像素为172个,而42毫米Apple Watch主屏图标的像素为196个,通知中心图标在38毫米的Apple Watch上是29个像素,在42毫米那款上将是36个像素。

苹果CEO库克曾表示:“我们不想把iPhone的界面缩小了放在你的手腕上。这是一款革命性的产品,用户界面经过了全新的设计。”。

苹果建议,Apple Watch上内容应该保持“轻量级”,因为这款产品的设计初衷是让信息访问更便捷,隐私性和易用性并重

 

Apple Watch UI设计基础知识

本文档是开发过程中使用的API或者技术的初步文档。苹果提供该文档以便于开发者使用苹果产品上使用技术和编程接口。后期该文档中信息会有所变动,所以依据本文档开发的软件应当使用最终的操作系统软件进行测试。该文档的新版本会进一步提供API或者技术的测试版。

Apple Watch

Apple Watch主要体现如下主题:

1.个体化.Apple Watch属于可穿戴设备,其UI需要适应可穿戴的场景,用户抬起手腕即可展示时间和最新的提醒。Digital Touch-尤其是其Heartbeat和Sketch功能,能够启用新的通信类型,这是难以令人置信的个体化表现。加速计和心率传感仪针对使用者一天天 的活动提供了个人化信息,没有其他苹果设备以此种方式和使用者联系在一起。这种连接方式很重要,因为你是在为Apple Watch而设计。

2.整体性.Apple Watch的设计目的是模糊实体对象和软件之间的边界。Digital Crown是一个微调硬件控件,能够进行精确的软件导航。内置的Taptic Engine振动模组可以产生与提醒和屏幕交互相关的微妙的物理反馈。Force Touch开拓了上下文环境中软件控制的新维度。甚至Retina显示屏的物理边框也被考虑在内,从而产生了可高效渲染无形边界的全屏UI设计。深思熟虑 的app设计有助于模糊软件和硬件之间的体验

3.轻量级.Apple Watch上的应用程序专为快速和轻量级的交互而设计,从而能充分利用显示屏尺寸和其在手腕上的位置。对于用户来说,Watch app的信息应该是可快速简单地访问和解除的,并且也具备隐私性和易用性。比如Notification Short Look是为了提供最小化的提醒,如果佩戴者继续使用,则会展示更多信息。Glances在一个简单易访问的可滑动界面中展示来自应用程序的信息。针对 Apple Watch的应用程序设计应当遵守佩戴者使用的上下文环境:简单地、频繁地,以及在一个小显示屏上使用。

Watch app是对iOS app的补充,但并非取代它。如果你可以在数分钟内衡量用户与iOS app的交互,那么你可以期待下在数秒内衡量应用程序的交互,所以Watch app的交互应该是简练的、直观的以及简单的。

此断文章由CocoaChina翻译自Apple Watch Human Interface Guidelines

 

UI设计基础–App 剖析

 

AppleWatch必须与用户的iPhone配合使用来运行应用程序。

界面类型

Watchapps支持两种导航方法:

Hierarchical.该类型与iOS中的导航类型相匹配,最适合包含分层信息的应用程序。在一个hierarchicalapp中,用户需要在每屏上做出一个选择来导航,直到到达目的地。如果想导航到另一个目的地,那么用户必须折回部分或者全部步骤并做出不同的选择。

Hierarchical模型要好于扁平化的模型,分页导航模型适合更复杂的应用程序交互。

“Page-based.分页界面可让用户通过水平方向上的滑动来实现内容页之间的导航。基于分页的界面最适合包含简单数据模型的应用程序,每一页上的数据并不是直接关联到其他页面上的数据。每页底部的圆点指示器可展示用户的位置。要尽可能地通过控制页面总数来简化导航。

你不能同时使用分层和分页的界面类型。在设计时。你必须选择最适合应用程序内容的类型,并针对该类型进行设计。

不管使用哪一种类型,应用程序都能以模态形式展示内容。模态页面为用户提供了一个无干扰的方式来完成任务或者获得信息,但这种方法会暂时阻止用户与app的其他部分进行交互。更多信息,请查看ModalSheets

用户交互

“Action-basedevents(基于动作的事件).在AppleWatch中,单点手势是用户与应用程序交互的主要方式。表格行、按钮、开关以及其他控件都通过点击操作,这些点击随后会被报告给你的WatchKit扩展中的代码。

“Gestures(手势).您不能为应用程序添加手势识别,相反系统会为你处理任何手势,并使用手势执行标准行为:

· 在竖直方向上滑动滚动当前屏幕。

· 在一个分页界面中,水平滑动展示上一个或者下一个页面。

· 向左滑动导航回到父界面控制器。

· 点击(Taps)表示选择或交互。系统会处理点击手势并报告给你的WatchKit扩展的操作方法。

AppleWatch不支持多手指手势,比如捏合操作。

“ForceTouch.小 尺寸屏幕容纳的控件数量有限,这也是为什么苹果会引入一种全新的交互模式–ForceTouch。Retina显示屏在感知到用户点击的同时也感知到了 压力。ForceTouch交互模式展示与当前屏幕相关的上下文菜单。应用程序则使用该菜单来展示与当前内容相关的操作。更多内容,请参看Menus

“DigitalCrown.为更细微的调整和加速滚动而设计,而不会妨碍AppleWatch显示。DigitalCrown可以更简单地滚动长页面。

 

当你的应用程序在Apple Watch上启动时,iPhone上的WatchKit扩展将会在后台运行以更新UI并相应用户的交互。WatchKit为扩展iPhone app提供了三种可能性:WatchKit apps、Glances以及通知中心。

WatchKit apps Glances

此外苹果还在页面上放置了开始WatchKit开始的视频指导,并提供了相关的设计资源和模板。

发表评论

还可以输入 1994 个字符

全部评论 (0)
切换登录

注册

切换注册

登录

忘记密码 ?