设计清晰的可穿戴设备界面

移动端的设计教育我们要设计得小,如今,可穿戴设备则使我们的设计愈发的小。手表的设计或许听起来吓人,但只要回到设计理论的本源,你就能做出正确的选择。

提到穿戴设备的设计,就要面临一系列其独有的挑战。

屏幕很小,甚至可以说是袖珍,而且还流行着许多种不同的穿戴设备。(一直都有各种手表式的产品在冲击市场。)有些提供了彩色屏幕和丰富的功能,其他一些则有着超简单的美学外观和稳健的功能。

各种不同的穿戴设备

从简单的健康追踪设备,到能够与手机系统同步的功能齐全的手表,设计这些小屏幕界面时,有许多变种需要考虑。

图片来源:Apple Watch

图片来源:Tom Tom Multi-Sport

图片来源:Fitbit Surge

目前,我们可以看到有3种主要类型的穿戴设备:

  • 依赖手机的手表,例如Apple Watch和Samsung Gear S2
  • 独立手表,例如运动员中流行的那些带有GPS功能的手表
  • 运动追踪器,例如Fitbit Surge

每种设备都只有一块几厘米大的屏幕,使得手表的UI设计成为一项特别的挑战。有些设备用了彩色屏幕,还支持动画。许多都带有手机上的功能,而其他则仍然局限于黑底白字显示屏(也有白底黑字的)。

运用UI设计理论

那么,要如何设计所有这些设备?又如何保持一致?

这最终都要回归到你的第一个设计项目,以及其中的设计理论和概念。这些概念包括色彩、对比、留白和字体。

色彩

如今多数手表屏幕都黑色的,许多手表应用是在深色背景上使用亮色元素。这使得色彩的选用尤为重要,因为你选用的颜色既要与环境融为一体,又要清晰突出。

处理深色背景,就意味着设计元素要基于一套浅色或者亮色的配色方案,这令人想到Flat配色和Material Design。

图片来源:Runtastic

上图中,Runtastic就处理得很好,明亮的色调在深色背景上清晰易辨。蓝色有助于展现品牌,更鲜艳的绿色则用于按钮和用户操作项。其中所有颜色都容易辨识,对设计与功能起到了积极的作用。

对比

对比在小屏幕上同样重要。

设计应该清晰地划分各项元素,在它们之间建立起大量区分。屏幕上有多个点击区域时,这点尤其关键。还有一个重要原因,它使得元素能一眼轻松瞥见,这正是许多手表用户的使用方式。

图片来源:Streaks

上图中,Streaks运用了明暗的手段来建立显著的对比,提升了易读性和可操作性。每个圆环都设计成可点按的,功能也清晰可见,这得益于所用的颜色与尺寸,让每个元素都鲜明突出。

留白

在小屏幕上,留白是成败的关键。留白过多则没有地方呈现内容。留白太少元素难以分辨和阅读。两个极端之间,只有一片狭窄地带是对功能和可用性有益的。

图片来源:The Guardian

上图中,卫报做得很好。图片与文字的摆放留出了大量的空间,每“屏”上只显示一则消息。消息包含文字和图片,请留意每行的字数和加大的行距。

字体

在这些袖珍屏幕上,只有一种字体有用:简单的字体。

市场上几乎所有的应用都用的是简单的无衬线字体,字重也是中等(还有些更细或粗的字体用作辅助)。字号通常都比你所想的更大。每行大约20个字母,每“屏”不超过6行。再多一点点文字,就难以阅读了。

图片来源:Citymapper*

上图中,Citymapper用了几种不同层次的文字,为各种操作建立了可靠的区分与层级。字体简单,文字清晰。这款手表应用将所有元素组合起来——色彩、对比、留白、和优秀的字体——帮用户梳理出最重要的信息。

提及穿戴设备时,朴素、简约和微交互同样重要。将它们相互融合,你就会得到在小屏幕上看起来(还有用起来)很棒的产品。

图片来源:Pittsburgh Steelers App

上图中,Pittsburgh Steelers app结合了所有这些元素,运用大量色彩和图片,使得应用美观惹人喜爱,同时也易于使用。正由于元素间大量的留白与反差,还有清晰可辨的操作项,内容与信息具备了功能性。

接下来呢?

讨论穿戴设备时,我们其实是在学习穿戴设备的最佳实践,配合一切具体创意来完成UI设计。

虽然许多穿戴设备界面是原生的,我们能不能在其中融入更多网页和其他应用呢?多数设计师都在遵循现有工具进行设计,两者能否结合?

我们是不是该思考一下,穿戴设备有哪些不同的使用方式?

去问每一个人,似乎他们都有自己使用穿戴设备的理由和目的。但就目前为止,与手机相连的穿戴设备似乎只是手机本身的一种延伸。我们希望这个状况有一天会改变,但是用户是否会在手机上浏览网页,仍是一件难以预料的事情。

图片来源:7-Minute Workout

穿戴设备的应用何时能走出原生应用的范畴?

移动优先的设计我们不久以前才开始谈论。如今它已成了第一原则。

这也会发生在穿戴设备上吗?很难说。在行业朝着那个方向发展之前,市场可能就会趋于饱和。(预计Fitbit和Apple Watch将会占据穿戴设备的主导地位,创造出250万到600万的手表销量。相比之下,iPhone用户预计有940万。)

结论

基本设计原则的存在有它的理由。不论设备尺寸如何,运用这些概念都能创造出有效的设计。但这并不是说应该坚持UI设计理论中的每一条“规则”。

去实验去尝试,但要聆听你脑海中的微弱声音。当你开始质疑使用方式和设计方式时——不论是多么小的疑虑——都应该回归本源。而且要找用户做测试。

焦点图来源:Forbes

studio.uxpin

译文地址:可乐橙

作者:Carrie Cousins

译者:可乐橙

(0)

相关推荐

  • 可穿戴设备选购经验,助您选购合适的可穿戴设备

    操作方法 01 可穿戴设备绝对是今年业界最耀眼的新星,在年末为亲友挑选礼物时,这类产品也成了许多不想落入俗套的人的考虑对象. 经过这一年多的发展,可穿戴设备市场逐步繁荣壮大,当中的产品也是五花八门.那 ...

  • 2019智能穿戴设备排行榜 小米手环上榜,苹果手表位列第一

    随着科技不断的发展,不仅家电和手机变得越来越智能,还出现了许多穿戴方便的智能产品,那么他们究竟有什么样的功能呢?今天排行榜123小编就来为大家列出2019智能穿戴设备排行榜,感兴趣的小伙伴快来看看吧. ...

  • “手把手教你设计”—12个最佳手机APP界面设计教程

    UI/UX 设计确实是需要一定的和学识才能真正在这个行业立足,并不是所有想成为设计师的人最后都能如愿以偿.他需要对设计有基本的了解,清楚设计的基本原则. 用户界面设计师和其他行业设计面临一样的挑战,那 ...

  • 穿戴设备全球销量排行榜 小米排行第三

    综合排行 01 市场调查机构IDC今日公布了2015年第三季度(截至9月30日)全球可穿戴设备出货量报告,报告显示,Fitbit成为了全球销售情况最好的可穿戴设备厂商,全球出货量470万台,市场占有率 ...

  • 什么是智能可穿戴设备,未来趋势?

    "智能可穿戴设备"并没有官方定义,按照业界通用说法,具有综合运用各类识别.传感.连接和云服务等交互及储存技术,以代替手持设备或其他器械,实现用户互动交互.生活娱乐.人体监测等功能的 ...

  • 腾讯首款智能穿戴设备是什么?

    当前世界上最大.影响最广的消费类电子技术展会CES2018已经进行了两天,很多黑科技产品都相继亮相,腾讯也推出了首款智能穿戴设备,下面一起来了解下. 操作方法 01 Pacewear真时科技是腾讯旗下 ...

  • 如何设计清晰明了的菜单

    当我们谈到"菜单设计"的时候,绝大多数的人想到的是UI和Web设计中的菜单,不过我们今天要探讨的并非是这个.在漫长的发展过程中,菜单随着餐饮业的逐步演进吸收了许多和教训,并且形成了 ...

  • 以狗为本的设计原则

    随着生活水平的提高,狗狗的待遇也在提高,许多狗随着主人一起去旅行环游世界,相关的科技设备也在增多.为狗制造并设计属于它们的设备,似乎也不是梦想.一起看看NNG上如何以狗狗为核心的设计原则吧. 一  了 ...

  • Apple Watch来袭,射鸡狮们准备好了吗?

    小编:Apple Watch 终于在3天前与大家正式见面了!随着Apple Watch的重磅来袭,作为射鸡狮的大家准备好了吗?相信至少对于UI设计师的你想必是一种惊喜,尺寸限于小小的空间内,却要复制大 ...