首页投稿(暂停使用,暂停投稿)

Apple Watch应用设计(上)

2015-08-05  本文已影响1185人  gentleming
Apple WatchApple Watch

目前我的工作基本上不大可能会需要设计一款Apple Watch应用,不过我觉得在Apple Watch上设计开发一款应用应该是一件很酷的事情,所以最近看了一些相关文章,也在这里分享下。
我还没买Apple Watch,也没有亲身体验一款Apple Watch,我只是看看文章或视频,我写的内容也许有错误。买Apple Watch前提还需要买一个iPhone6,事实上我现在用的iPhone5已经两年多了,最近屏幕碎了也懒得去修。虽然我是个苹果产品粉丝,不过我是个理性消费的人。(恩,我不会告诉你其实这是因为穷。)
先简单了解下Apple Watch应用。

一、导航

Watch支持两种界面导航方式:

  1. 层级式导航
    适用于功能和数据较为复杂的产品,用户需要层层递进的访问某些功能或内容。大多数应用,比如聊天类、购物类,都适合使用这种导航方式。
  2. 页面式导航
    适用于那些信息模型相对简单、不同模块之间不存在直接数据关联的产品。比如天气类应用,在不同的城市切换可以使用这种页面式导航方式。

你必须在这两种导航方式中选择一种来设计你的应用。

二、交互

  1. 轻点
    和iOS App一样,列表、按钮、切换等控件都可以通过轻点来操作,这是Watch应用的主要交互方式。
  2. 手势
    你不能在Watch应用里擅自添加任何定制的手势操作,系统已经自带了一些手势操作:
    也许是考虑到屏幕太小,Apple Watch不支持多指手势,比如在iPhone上两指捏合能缩小地图是不支持的。
  1. 按压(Force Touch)
    这是苹果带来的一种全新的交互方式,Watch的屏幕能感知到用户的按压,从而呼唤出相应的菜单。Force Touch据说会运用在下一代iPhone上。

  2. 数码表冠(The Digital Crown)
    前文提到垂直方向滑动手指可以达到滚动当前屏幕的效果,但是在Watch如此小的屏幕上滑动手指,屏幕的内容往往会被手指遮挡,所以苹果发明了数码表冠,转动数码表冠就可以滚动当前页面。
    曾经给手表上弦的表冠,在智能手表上被保留并赋予了新的交互方式,这样的设计既是一种产品传承,也体现了做为新事物的独特创新和灵感。

三、应用组件

Apple Watch应用除去App本身外,还包括Notification和Glance模块。

  1. 通知(Notification)
    Notification类似于iPhone当中的通知,Notification分为“普通”与“可交互”两种模式,类似于iPhone会在屏幕顶端默认呈现“普通”的通知横幅,下拉后便会将其切换至可交互模式,提供回复一类的操作。在Watch端,这两种模式分别叫做“Short Look”与“Long Look”。
  1. 一瞥(Glance)

自从 19 世纪手表诞生以来,瞥一眼手腕查看时间,已经成了人们的习惯动作,有了 Apple Watch,这个习惯性的一瞥可以给你更多讯息。我们开发了Glance,这个功能可以将你查看最频繁的讯息提炼出来,使你常用的 app 更加适合在手腕上浏览操作。要查看相关讯息时,你只需用手指向上轻扫一下,就能立即浏览天气预报、查看日历上的下一步安排,或在地图上查找当前位置。你可以通过左右轻扫来翻阅不同的 Glance,或轻点其中一个,即可打开相应的 app 查看详情。

这是苹果对Glance的介绍,相信即便你没有Apple Watch也能感受到Glance到底是什么东西。

Glance有点类似于iPhone通知中心里的Widget,它是一个可选组件,每个App最多只能拥有一个Glance视图。由于它可以非常轻松的唤出,只需要手指从手表屏幕向上轻扫一下,所以你应该把用户最关心最常用的信息放在Glance里,比如一个to-do类应用显示用户接下来要做的事情,航旅应用可以显示用户当前航班的信息,理财应用可以显示用户昨天的收益情况。

Glance具有以下几方面的特性:

以上是对Apple Watch应用的一些基本了解,接下来我会写什么情况我们需要做一款Watch应用,为什么要做。并且会自己设计一款Apple Watch应用。
(本篇完)

一些有帮助的文章
Apple Watch平台认知与产品设计
http://www.beforweb.com/node/695

Apple Watch Design Resources
http://www.tuicool.com/articles/Z77JJbm

关于Watch应用的导航、通知、复杂任务及动效
http://www.beforweb.com/node/717

为Soundwave设计Watch应用时学到的五件事
http://www.beforweb.com/node/701

Apple Watch界面设计规范(预发布版本)
http://beforweb.com/node/596

为Apple Watch简化现有产品的设计思路
http://www.beforweb.com/node/709

初识WatchKit
http://www.cocoachina.com/ios/20141121/10276.html


题图来自Apple官网。

上一篇 下一篇

猜你喜欢

热点阅读