Apple Watch Human Interface Guidelines (Watch 人机交互指南) (官方文档翻译)

Apple Watch Human Interface Guidelines (Watch 人机交互指南) 官方文档翻译

Apple Watch 开启了人机交互的新篇章.这是苹果迄今为止设计的最具个性化的设备,并且使用了前所未有的交互方式.
由于CSDN Markdown编辑器有问题,所以完整版请看这里:完整版

Overview

当您准备设计Watch项目的时候,必须先了解Apple Watch是基于什么框架设计的:

轻量级交互

这里写图片描述

Apple Watch是为了让用户能够和信息进行快速的交互设计的. Apple Watch直接把信息显示在用户的手腕上,从而使得信息能够简单快速的被用户获取或忽略.好的app应该专注于让用户能够和他们最关心的内容进行快速的交互.

整体的设计

这里写图片描述

Apple Watch 的设计模糊了设备和软件之间的界限.比如 Force Touch 和 Digital Crown 直接让用户和屏幕上内容无缝的交互.在您自己的app中也应该潜移默化的给用户这样的感觉:硬件和软件是一体的.

个性化

这里写图片描述

因为 Apple Watch 是穿戴式设备,所以它的设计更注重用户的仪表差异.之前可从没有一款苹果设备如此贴近用户.

手势

用户通过手势和触摸事件同手表进行交互,但是和 iOS APP不同的是, 您的Watch app 并不直接处理这些事件,而是通过系统的以下几种方式自动的响应所有的touch 事件和手势:

这里写图片描述

  • tap
  • 垂直滚动当前的屏幕
  • 在page-based(分页)结构中,水平滑动显示以上一页或下一页的界面
  • 在hierarchical(分层)结构中,轻扫左侧边缘导航栏返回层级结构中的上一级界面(就是导航栏的返回)
    当用户tap一个button或者一个control的时候, Apple Watch 会调用与之对应的方法,从而响应用户的操作.

Force Touch

Apple Watch 不仅能感知手指的触摸,还能感知触摸压力的大小.当稍用力的按下的时候,Apple Watch会显示当前屏幕的menu(菜单)(如果有的话). 您可以使用menu在不占用当前屏幕空间的前提下向用户展示一些相关的操作.
关于menu请看这里: Menu官方文档翻译

Digital Crown (数字表冠)

Digital Crown 可以在不影响用户观看的情况下滚动其内容. 此外,Digital Crown 还可以通过您创建的自定义选择界面(picker)访问app.除了上面两种情况,app不能直接访问Digital Crown的数据.

Side Button (Watch侧边的那个长方形的按钮)

用户可以通过按 watch 侧面的按钮访问Friend界面.在这个界面,您可以给您的联系人打电话,发短信或者发送sketch,tap,心跳. 但是开发者自己的app不能访问侧边的这个按钮.

App Components (应用组件)

用户主要通过以下四个途径和您的app进行交互: 通知,glance,查看组件,直接同app进行交互.

Notifications (通知)

Apple Watch 上的通知是高质量和及时的信息.通知以两种方式显示—short looks 和 long looks. 当手腕抬起的时候显示的是包含简要信息的short look.如果用户保持抬起的这个动作,Apple Watch 就会显示包含详细信息的long look.
如果您的iPhone app 支持通知,Apple Watch 会自动的给您提供short look 和 long look 通知.您可以自定义您 app 的 long-look界面,比如包含的图片,动画的图片,额外的内容或者是自定义的颜色.
不管您用自定义的通知界面还是系统的界面,通知包含的内容必须是对用户有用的.

Short looks

Short looks 出现时间的时间很短,只够用户看清这个通知是关于什么和从哪个app发出的. shor

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值