恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
怎样为AppleWatch设计App
0.0°
2015-09-25 原创文章 经验/观点 原作者: 原作者 举报 1778 7 4 0

把手机上的App放到手表等可穿戴设备上,交互设计要面对很多挑战!

怎样为AppleWatch设计App

先讲一下AppleWatch设备本身的特点吧,手表是很私人化的物品,对用户来说它比手机更亲密。你会把手机,电脑借给他人使用,你不会把眼镜,耳环借出去。手表更像一件饰品而不是工具,通过表带的连接,用户更希望它能点缀自己变成身体的一部分。苹果官方也讲过这是所有产品中最personal的,如果体验不好的话就会像手上长了一个鸡眼那么难受。无法和谐融入用户的生活这也是多数可穿戴设备失败而没有大规模普及的原因之一。

AppleWatch作为一个自带操作系统的移动穿戴设备,定义了几个特有的交互规则:1.ForceTouch(按压),在当前界面呼出上下文菜单,就像电脑上点击鼠标右键,在安卓手机上点击菜单键。这是一个节约屏幕空间的解决方案,少了一个摆放菜单按钮的位置。这么做的弊端是操作比较隐晦,新用户可能不知道有这么一个功能,有一定的学习成本;有的界面可以呼出菜单,有的界面不会出现菜单,影响操作的一致性,会让用户感到迷惑。所以要在界面中设计一个通过“按压”动作呼出的菜单项,要做好界面的引导。

2.DigitalCrown,就叫表冠吧,就是以前给机械手表上发条,校正时间的装置。设计师沿用了这个重要元素,苹果一直保持着简约的逼格,多一个按钮是不能容忍的,所以这个东西必须要好好利用起来。苹果是怎么定义这个按钮的呢?在列表页,浏览图片或页面的时候,通过旋转表冠快速滚动页面;也可以调整时间和日期。(本人没有用过苹果手表,不知道表冠除了旋转之外能不能通过“按下”来确认选择)因为在表上输入是麻烦的,点击是不准确的,那么我们可以在选项设计中使用表冠来快速选择。比如在“输入密码”这样重要而精细的操作中,下面会示意是可以怎样做。.SideButton,侧边按钮,这个是系统预留的,App不能调用。苹果把它作为呼出联系人列表的快捷键,可见苹果对社交的重视。我原以为它会类似于iphone上的Home键,担任快速返回首页的功能。

4.左边框滑动,返回上一个层级。这是一个很用意思的交互,有点像抚摸你家的小猫,相当于点击了安卓手机的“返回”按钮。

AppleWatch的屏幕相对于手机来说是很小的,屏幕有两种高度38mm和42mm。在这么小的屏幕上要设计一款手机上使用的App,挑战是很多的。苹果希望App能与手表融为一体,消除软件和硬件的界限。要做到这一点,需要慎重考虑界面要呈现的信息,重新梳理App的信息架构,简化用户的任务流程,提炼出重要信息。我的几点建议是:层级深度不超过三级,单个界面可点击区域不要错过四个,突出最重要的操作。界面空间小不适合展示复杂导航系统,用户很容易迷失在某一个界面而不知所措。譬如这是一座塔,它的结构是不稳定的,不能堆得太高。触摸屏上直接和内容交互是人机交互的革命,但这种方式是低精度的,在如此之小的手表屏幕上,为了避免误操作,单个界面的点击区域不要超过四个。在设计的过程中要谨记界面空间的宝贵。为了节约界面空间,不要在页面中展示自己的Logo,如果为了突出品牌形象,可以把品牌的色彩融入到设计中,为了与手表融为一体,界面背景首选黑色。

值得一提的是AppleWatch独特的通知机制,App如果有实时的重要消息,可以用两种形式Shot Look(简短通知)和LongLook(详细通知)通知用户。用户抬起手腕的时候,可以看到简短通知,此时如果用户放下手腕(表示用户已知晓信息,或者认为不是特别重要),通知自动消失;如果用户点击简短通知或者抬起手腕超过特定的时间(表示用户对通知内容感兴趣,想进一步了解信息或者进行下一步操作),那么显示详细通知,用户浏览信息后点击“关闭”按钮或者放下手腕,详细通知自动消失。这种设计体现了自然交互的核心理念,设备可以感知用户的意图而自动展开行动满足用户的需求。还有一点与手机和电脑上不同是AppleWatch上的弹出框,它是布满整个屏幕的,切记要提供关闭弹出框的按钮,不要在一个弹出框上叠加另一个弹出框。PS:AppleWatch的音频设计是很棒的!

点赞比较多的话,我会整理AppleWatch上淘宝客户端的整个设计思路分享给大家。

更新:2015-09-25

收藏

7人已收藏

大大的鱼

交互设计

  • 2

    作品

  • 1

    粉丝

  • 13

    关注

  • 音频设计指南
相关标签
设计经验UDC

    猜你喜欢

      2015-09-25 原创文章 经验/观点 原作者: 原作者 举报 1778 7 4 0

      怎样为AppleWatch设计App

      0.0°

      你确定要举报怎样为AppleWatch设计App

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2015年09月25日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      4
      7
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录