小而美:具有清晰界面的可穿戴设计| 用户界面



移动设计教会我们设计小,现在可穿戴设计让我们设计得更小。虽然为手表设计一开始可能看起来令人生畏,但回到设计理论的基础可以帮助您做出正确的可穿戴选择。

可穿戴设备在设计方面提出了一系列独特的挑战。

画布很小——甚至很小——而且有许多不同类型的流行可穿戴设备。(甚至更多手表风格的产品一直在市场上。)一些可穿戴设备提供彩色屏幕和大量功能,而另一些则在美学上非常简单,功能强大。

不同类型的可穿戴设备

从简单的健身追踪器到与手机操作系统同步的功能更丰富的手表,在设计这些小型界面时需要考虑更多的变化。

苹果手表

图片来源:苹果手表

汤姆汤姆手表

图片来源:Tom Tom Multi-Sport

Fitbit 手环

图片来源:Fitbit Surge

目前,我们看到三大类可穿戴设备:

这些设备中的每一个都配备了一个只有几毫米大小的屏幕,这使得手表 UI 设计成为了相当大的设计挑战。一些设备包括支持动画的全彩屏幕。您习惯于在手机上看到的许多其他功能,而其他功能仍仅限于黑白显示屏(反之亦然)。

应用 UI 设计理论

那么你如何设计这一切呢?你如何始终如一地做到这一点?

这一切都回到了设计理论和您在创建第一个设计项目时学到的概念。这些概念包括颜色、对比度、空间和排版。

颜色

今天的大多数手表屏幕都是黑色的,许多手表应用程序在深色背景上使用浅色元素运行。这使得颜色选择变得尤为重要,因为您需要使用在这种环境中效果很好并脱颖而出的颜色。

当涉及到使用深色背景时,这意味着设计元素需要使用浅色或亮色的调色板进行设计,让人联想到平面设计和材料设计。

Apple Watch 用户界面的屏幕截图

图片来源:Runtastic

上图,Runtastic在使用明亮色调的颜色方面做得很好,在黑暗的背景下很容易看到。蓝色有助于建立品牌,而较亮的绿色表示按钮和用户操作。所有颜色选项都很容易看到并有助于设计和功能。

对比

对比度在小屏幕上也很重要。

设计应该清楚地定义各个元素,并在它们之间包含大量的分离。如果屏幕上有多个点击目标,这一点尤其重要。对比度也很重要,因为它使元素一目了然,这是许多手表用户与设备交互的方式。

Apple Watch 用户界面的屏幕截图

照片来源:条纹

上图,Streaks使用明暗选项在元素之间形成鲜明对比,有助于提高可读性和点击能力。每个圆形项目都是为触摸而设计的,由于颜色和尺寸的选择使每个元素都清晰可见,因此功能很容易看到。

空间

空间可以成就或破坏小屏幕上的设计。空间太大,您没有空间容纳任何内容。太少的空间和元素很难看到或阅读。有一个狭窄的中间地带有助于提供功能和可用性。

Apple Watch 用户界面的屏幕截图

图片来源:卫报

上面,报在这方面做得很好。图像和文本位置包含足够的空间,可以在每个“屏幕”上提供一条消息。此消息包括文本(请注意每行字符数少和夸张的前导)和图像。

排版

在这些小屏幕上只有一种排版工作:简单排版。

市场上几乎所有的应用程序都包含中等笔画粗细的简单无衬线字体。(一些更细的字体或更重的重音选项。)字体大小通常比你想象的要大。目标是每行大约 20 个字符,每个“屏幕”不超过 6 行。再多的文字,您就会超出可扫描的范围。

Apple Watch 用户界面的屏幕截图

图片来源:城市地图

上面,Citymapper使用了几层界面文本来为不同的操作创建一个坚实而独特的层次结构。字体简单,文字清晰。手表应用程序将所有这些元素(颜色、对比度、空间和出色的排版)组合在一起,以帮助用户确定哪些信息最重要。


对于可穿戴设备,简单、极简主义和微交互也很重要。当你把它们放在一起时,你应该最终得到在一个小屏幕上看起来(并且工作)很棒的东西。

Apple Watch 用户界面的屏幕截图

照片来源:匹兹堡钢人队应用程序

上图是匹兹堡钢人队应用程序,结合了所有这些元素,打造出一款美观的应用程序,具有丰富的色彩和图像,但仍然易于使用。内容和信息以实用的方式设计,这要归功于易于区分的元素和动作之间的充足空间和对比。

下一步是什么?

说到可穿戴设备,我们才刚刚开始学习可穿戴设备的最佳实践,让他们的 UI 设计能够接受任何实用的想法。

虽然可穿戴设备背后的大多数界面都是原生的,但我们能否将它们构建为与网站和其他应用程序更好地集成。大多数设计师已经在构建可穿戴美学以反映其他工具,但它们可以一起构建吗?

我们会开始思考如何以不同的方式使用可穿戴设备吗?

似乎您询问的每个人都出于不同的原因或目的使用他们的可穿戴设备。然而,就目前而言,大多数与手机相连的可穿戴设备似乎只是手机本身的延伸。我们可能会想象这可能会改变,但很难预见用户会从手表大小的屏幕浏览网页。

Apple Watch 用户界面的屏幕截图

图片来源:7 分钟锻炼

什么时候可穿戴应用程序变得更像原生应用程序?

不久前,我们还没有谈论移动优先设计。现在这是你听到的第一件事。

可穿戴设备会发生这种情况吗?很难说。在行业朝着这个方向发展之前,市场饱和度可能必须增加。(据估计,Fitbit 和 Apple Watch 拥有领先的可穿戴设备,手表销量在 2.5 到 600 万之间。相比之下,估计有9400 万 iPhone 用户。)


0