屏幕外的交互设计界面设计 ≠ 屏幕设计

网易UEDC – Vicol ：在互联网做设计的同伙，工作中几乎天天都接触着电脑和手机屏幕，像我的交互设计工作也以接需求画原型图写文档为主。但我今天想说的，和这些看起来没有什么关系。我想说点屏幕外的交互设计。

在设计界，我们几乎无时无刻不接触到一个概念：界面。我们常说的「人机交互」，其实中心省去了一个「界面」。就狭义上大部分电子产品来讲，人也就是用户，向界面有输入的过程，界面将用户的输入翻译成机器语言，交由机器来处理，机器将处理效果在界面上变化成人类可知的信息，再输出向人，形成一个闭环。

这里我们发现有两个处理过程：

• 一个是把人的输入信息变为机器的可知语言。
• 一个是把机器的处理效果变为人类可知信息。

纵观几十年的人机交互发展，这两种处理过程一向是一个优化进程。这个过程由设计概念和技术突破来引领。设计上提出前瞻性的设想和概念来刺激技术，技术上攻破一道道难关来实现设计。

从最初的CUI到GUI，到如今的TUI、VUI以及渐渐发展的NUI，可以看到这个过程中，对机器的性能要求越来越高，对人的输入输出成本要求越来越低。人机交互的发展，其实是一个从机到人的发展。我们要求机器能说，能听，能看，甚至能理解（机器学习、人工智能等），这都是朝着我们人的认知世界和感知信息的方向去发展的。

那么再回到「界面」上。界面作为人与机中心的信息传递序言，是我们交互设计师关注的重中之重。可是，做了这么久的交互设计，我们常常会有种误解，我们所谓的界面，就是电脑上和手机上的屏幕。我们所谓的「界面设计」更像是「屏幕设计」。

然而，并非如此。

当我们对界面进行抽象和概括性的理解会发现，界面本质是在传递和展示信息。那么三个题目来了：

• 只有屏幕可以吗？
• 到NUI时代，屏幕照旧最好的信息载体吗？
• 屏幕适用于所有的数字产品用户吗？

下面给大家分享几个界面设计的实例往返答这三个题目。

电梯楼层按钮

电梯里的楼层按钮我们几乎每天见，如许的界面太过于常见，我们常忽视了它们也是界面的一类。可能有人觉得这没什么好设计的。

现实上，电梯楼层按钮的排布设计，我在不同地方见过好几种。有的是从左到右从下往上排楼层，有的从下往上从左到右排楼层，哪种更合理？楼层数相对比较多的情况下是否必要优化设计？还有开门关门按钮放上面合适照旧下面合适？以及楼层到达提醒怎样看着更清晰？当数字键盘成为我们要设计的界面时，这些就是我们要思考的题目。

智能自行车

就车身而言，我们的骑行举动作为输入，车头的方向指示灯就是输出。那么车头就可以理解为界面，它所要传达的是告知用户转向信息以及部分路况信息。在这个界面上，交互设计师所能思考的方面有许多：在户外骑行的场景下这种信息的传递怎样才最有用？传递哪些信息是合理的？这些信息分别以什么样的情势告知用户？怎样才能确定用户接收到了信息？如许的界面交互思考是我们平时不太碰到的。

小度机器人

接下来的例子是我当初参与设计的小度机器人。在这个机器人身上，我们看到了认识的屏幕，也就是机器人的脸。可除了这张萌萌哒的脸，小度身上也可以「调戏」。在做这个机器人的时候，我们思考怎么让这个机器人更像人。试想一下，我们是怎么跟活生生的人交流的。表情、语言、肢体等等，这是人类交流的体例。

所以当设计机器人的时候，我们不能把它完全当一个机器去设计。虽然有一个屏幕，但我们会跟别人交流的时候在人家脸上点来点去吗？并不会。我们和对方重要的交流体例是语言沟通，亲昵的时候，还会有身体接触。这些交流体例我们不会觉得怪异和陌生。所以我们设计小度的时候，你也可以摸摸它的头，它会害羞地笑一下或者知足地看着你；你摸摸它的胳膊，它会跟你说表面冷你要记得多加点衣服。这才趋近于天然的人类交流。而在小度这里，所谓的界面也就不仅仅是脸上的屏幕，是整个身体，我们的输入体例也变得多元化。

可变形金属

前面说到的都是已经落地的产品例子。下一个是清华大学美术学院的研究类项目，研究方向是可变形金属。（观看视频→可变性金属）

在这个例子中我们可以看到，金属通过自身的形态转变表达一些所谓的「情绪」，可以想象，假如如许的可变性金属成为一种界面，我们会有怎样的输入，它又会有怎样的反馈输出？这个例子显明比之前的感觉离我们迢遥一些，我们只是昏黄地看到某些可能性，并不清楚会走向什么方向。但我觉得这是交互设计研究领域特别很是风趣的一点。对于将来，我们可以探索，可以瞻望，可以试错，有些事情我们觉得会成为可能我们就去研究。它可能走不通，也可能带来新的交互体例，这就很让人愉快。

瞽者触摸表现器

我们通常提到的界面，很大程度是通过视觉去感知的。那么对于瞽者同伙来说，视觉通道是关闭的。对于他们来说，表现屏几乎是没用的。所以有团队针对如许的人群，设计了瞽者触摸界面，通过语音输入，以点阵盲文的情势来呈现信息。

瞽者触摸表现器网页刷新频率一样平常很高，由于受过学习和训练的瞽者其阅读盲文的速度快到惊人。那么如许的界面，从交互设计上来说，如何让瞽者阅读时不错行，瞽者阅读是否有更好的体验，笔墨和图片的展示如何做区分等等，这种界面的设计都必要严谨的交互设计流程去解决。

通过以上这些例子，分享一下我本身对我们常见的「界面」这个词的更多角度的认知。

可以看到的是，在不同的产品中，我们所面对的界面不再仅仅是屏幕，作为交互设计师，我们所要关注的也不仅限于面前目今这个发光的方块。多年后，我们可能处在各行各业，都在做界面设计，只是有人在做屏幕界面，有人在做其他各种界面，但我们都照旧交互设计师。

迎接关注作者「网易UEDC」的微信公众号：