欢迎访问智唯网络!专业H5响应式营销型网站建设、百度seo优化、网络推广服务!
营销之道 干货分享
了解企业新动态,分享前沿的营销推广干货,成长路上,我们携手同行
网站设计News

移动可穿戴设备交互设计11个关键技巧

发布时间:2017:09:05 10:03:57 | 已阅: | 作者:智唯小编 | 来源:智唯网络 | 共 0 条评论

扫一扫
手机访问

本文共有1552个文字,预计阅读时间4分钟
导语
进入2017年之后,业界对于可穿戴设备的探讨似乎就进入了一个相对稳定阶段。和逐步消退的热度形成对比的是,大家对于可穿戴设备认知的逐渐成熟。目前我们所能看到的可穿戴设备的

进入2017年之后,业界对于可穿戴设备的探讨似乎就进入了一个相对稳定阶段。和逐步消退的热度形成对比的是,大家对于可穿戴设备认知的逐渐成熟。目前我们所能看到的可穿戴设备的类型主要是以智能手表和手环为主,辅以智能眼镜、耳机甚至指环这样的设备,也许更多新的可穿戴设备还会继续增加,但是从开发者到用户,目前对于可穿戴设备的期望都已经相对清晰了。

作为设计师和开发者,可穿戴设备给它的创造者们所提出的要求并不低。可穿戴设备有着它独有的局限性,较小的屏幕,低信息密度,有限的电池寿命使得设计者必须带着镣铐跳舞。可穿戴设备的用例大多高度的场景化,这意味着,它和其他的数字产品在设计方法上有差异。


移动可穿戴设备交互设计11个关键技巧

可穿戴设备的独特性和开发难度在诞生之初就体现的淋漓尽致,在这篇关于Apple Watch 的文章当中,你就能体会到这类产品的研发难度:《传奇再现!设计师不得不读的APPLE WATCH 秘史》

作为设计师,我们在未来很难绕过可穿戴设备,所以,今天的文章帮你总结了为可穿戴设备设计的11个关键技巧。

1、一目了然的可见性设计

可穿戴设备和我们常用的手机、电脑都不一样,小巧的屏幕和多样的使用场景,要求它的UI界面用户能够一瞥就能准确快速地获取信息。所以说,一目了然(Glanceability)是硬性的需求,它是用户和可穿戴设备之间短促快速的交互的基础。


移动可穿戴设备交互设计11个关键技巧

健身跟踪器借助闪烁的灯光来传递信息。

可穿戴设备上一目了然的可见性设计,不仅仅是要将视觉反馈精简到最低的程度,它更多讲究的是在特定的时候给用户提供确定的、有用的内容。


移动可穿戴设备交互设计11个关键技巧

保持界面清晰简洁、易于阅读。

由于屏幕尺寸有限,设计师应该针对最关键的信息进行设计,让用户能在不到5秒的时间内消化全部关键的内容。


移动可穿戴设备交互设计11个关键技巧

智能手表就是个典型,界面和交互都围绕着用户抬手一看的这一瞬间的交互。OneFootball 的Apple Watch 应用就是个好例子,用户一抬手就能看到开球时间和现场比分以及当前进度。

2、为上下文场景而设计

可穿戴设备通常内含一系列专业的传感器,用来计算,也是用来判断场景的,如果你想要呈现一目了然的信息,需要依靠这些传感器来获取环境信息,识别使用场景,计算对应的数据,在此基础上呈现内容。


移动可穿戴设备交互设计11个关键技巧

及时的信息呈现是可穿戴设备的UI设计的基石。Android Ware 版的 Google Now 就是充分利用环境信息的案例。

3、为轻量级交互而设计

虽然桌面端和手机APP通常都会涉及到相对较长的用户流程,但是可穿戴设备所涉及到的交互大多是快速、高效、见缝插针的。短促是可穿戴设备交互的特色,如果某个流程需要超过10秒来完成,那么你得重新考虑整个流程了。尽量保持界面简单,让交互快速且足够直觉。举个例子,用智能手表收到消息之后,打字是很不现实的选择,最好使用语音输入。


移动可穿戴设备交互设计11个关键技巧

4、保持简单

考虑到可穿戴设备的独特属性,根据著名的KISS 原则(Keep it simple and stupid),我们应该保持克制,抵御住向其中塞入更多功能和信息的欲望。

向其中塞入更多的交互和信息会破坏体验,相反,专注于简单的用例,强化流程帮助用户快速完成任务,会让可穿戴设备的可用性更优秀。

让交互尽量简单,突出单个任务的执行性,一次完成一个任务是可穿戴设备的基本交互规则。


移动可穿戴设备交互设计11个关键技巧

Shazam 的用例就很典型,尽量减少用户操作的步骤,以完成单一任务为基本准则。

5、设计极简的界面

设计极简的界面并不是出于对风格的需求,而是因为用户需要能够直观读取其中的内容,并且能够轻松地同界面进行交互。 从某种意义上来说,极简风是可穿戴设备界面的理想选择。从色彩到排版设计均应该如此:

·鲜明的对比。对比度在小尺寸屏幕上尤其重要,,它是可读性的基础,尤其是一些关键性的因素。

·简约的字体排版。具有均匀笔触的非衬线体字体是可读性最高的字体,故而是首选。

·元素之间留足空间。屏幕尺寸有限,合理的空间控制能够让内容最大化地呈现给用户,你需要基于功能和可用性来做调整。

当你把上面的三件事情做好的时候,你的设计在小屏幕上看起来应该还挺不错的。


移动可穿戴设备交互设计11个关键技巧
如何建站:
建网站需要准备哪些资料 如何购买域名空间 协助备案 成功案例 真实见证 建站类型有哪些 收费标准 建站流程 制作周期 改版美化 提升有户体验 [建站必看]源码内容交付 联系客服 专业建站

看了这篇文章的人还看了

专业建站 免费排名(有什么疑问的请留言或咨询在线客服)
  • 全部评论(0
    还没有评论,快来抢沙发吧!

上一篇:简述UI中的波纹曲线设计

下一篇:以 Apple 为例看 UI 设计的未来

  • 18900 文章总数
  • 2413515访问次数
  • 建站天数
  • 专业建站优化Jimmy Zhu
    男,从事互联网服务行业10年,专业建站优化,快速建站上排名。欢迎中小型企业朋友一起来交流!!
    相关专题
    • 网站建设咨询
    • 同行价格

      统一报价,无隐形消费

    • 金牌服务

      一对一专属顾问,7*24小时金牌服务

    • 售后无忧

      完善售后,客服经理全程跟进

    建站优化二维码
    建站优化二维码

    截屏,微信识别二维码

    微信号:13825575516

    (点击微信号复制,添加好友)

    优化二维码打开微信