«

我们为啥交互1 界面是什么?

最近做服务设计有点走火入魔,还要带着一群十五六岁的娃们一起搞。 服务设计流程可能并不完全适合PBL(项目式学习) , 给出足够的框架, 和限制是重要的, 但是更重要的是,这群娃的心理支持,但这心理支持最害怕的也是遇到那些消极怠工的叛逆期的同学们。

Anyway,我累了, 我要休息一下, 回到我的老本行, 交互,我只要这表面的浮华。。。

今天和大家分享的这本小书叫做👉 why do we interface(https://whydoweinterface.com) 我们为啥交互。

why do we interface - Introduction

相信每个设计师都曾为一些设计细节纠结过,陷入“如何做…“的问题中, 比如应该用拟物风还是扁平风?

首先我们来回答一个问题“我们为什么设计?”

当我们陷入这种纠结中,我们似乎就将“界面”这个东西视作是理所当然,从而忽视了它们作为与信息交互的工具本质。

随着技术的进步,我们必须停下来思考我们正在努力建立的未来。我们应该提醒自己,技术的作用是如何为我们服务的,而不是为了限制我们的人性或利用我们的恶习,不是让技术拖累我们,而是使我们更加人性化。

我们想象中未来的交互界面可能是下面这样的👇 Ook1pp

但是不是可以让人不要那么有分离感,只有在有需要的时候去查找资料, 在其他时候依然可以与人链接。 Ud1o7J

交互界面是为信息而存在的

不管是google还是小爱同学之类的语音声控系统, 我们要知道这些介质最终要传递的都是**“信息” **

界面的目的, 无论采用何种技术,都是为了检索,解码,修改和/或分发信息。

所以我们可以将“界面”这个单词做如下的定义👇 界面: 检索,解码,修改和/或分发信息的机制

我们来看一下Wikipedia上对界面在计算机系统中是如何解释的

在计算中,界面是一个共享边界,计算机系统的两个或多个单独组件在该共享界面上交换信息。界面可以在软件,计算机硬件,外围设备,人员以及这些的组合之间进行。某些计算机硬件设备,例如作为触摸屏,它既可以通过界面发送和接收数据,也可以通过鼠标或麦克风等其他“界面” 提供将数据发送到给定系统的界面。

作为设计师, 我们第一要考虑应该是信息, 第二要考虑的才是通过何种介质传递信息?

我们的工作是设计沟通,或者以一种可以被另一个人可靠地解码的方式编码信息。 这与艺术家以某种方式对含义进行松散编码的目的不同,他们可以用无数种方式对其进行松散地解码。

信息机制

我们要知道界面的历史要比电子屏幕电脑的历史悠长得多。

对于我们许多人来说,拉丁字母是我们设计界面的基石-提供了一种一致的机制来编码和解码我们现在认为理所当然的信息。随着界面的发展和变得越来越复杂,我们采用了一些常规的设计模式,它们本身开始形成一种新的字母。例如,汉堡包菜单这个符号现在已经和字幕没有什么区别了,只是汉堡在历史上比较处于萌芽状态。

实际上,它是周期性的编码-像电话游戏一样,解码已经历了数千年的历史,这使我们从原始的“水”符号转变为我们今天所知道的拉丁字母M。

The Politics of Design: A (Not So) Global Manual for Visual Communication这本书里我们可以看到字母的演化。

eAb214

在整个历史中,每种形式的信息技术(例如字母)都对应于不同的界面或机制,以检索,解码,修改和/或分发该信息。 信息的这些演变,都与人类行为的变化相对应,每一次的变化都让更多的人可以理解, 以使信息获得最大化的利用。

信息简史:

500,000 年前: 口头沟通 歌曲/讲故事

44,000 年前 绘画和符号

2000 BC 字母(介质的构建砖块)

1439: 印刷(信息遇到科技,众人遇到信息)

1793: 光学电报(军事目的)

1816: 数字电报(电子信息)

1892: 电话(全球化的即时通讯变成可能)

1920: 广播(即时向群众分发电子信息)

1928: 电视

1970年代: Email 出现(以互联网为基础的沟通方式)

1979年 Walkman

1997年: Blog出现

后面: WhatsApp Messager Telegram

Tumblr Snapchat Instagram (社交网络)

智能语音(语音交互系统)

AR/VR/mixed reality

DoWg3E

每一个新的信息技术在其不断迭代成为一种有效的工具之前都遇到一定的阻力和困惑(比如抖音)

在James Gleick 的The Information: A History, a Theory, a Flood一书中,他讲述了母亲前往电报办公室“送”食物给亲人的故事, 不了解发送电报的含义。

如今,技术继续以更快的速度发展,加剧了这种普遍的困惑,并不断破坏了以前的技术。 新事物都是古老的,历史可以为我们指明前进的方向。

图形用户界面

为什么我们作为设计师如此关注图形用户界面(GUI)–比以前更受欢迎或更有用?

不是因为它在美学上更令人愉悦,这将是对信息实用性的误解。

GUI比这实际得多, GUI不仅使用单独的语言对信息进行编码,还使用更加丰富的多层方法来同时通过语言,符号,层次结构和上下文对信息进行编码,以生成交互式界面。

仅通过语言来传递信息👇 通过语言编码的信息可能非常精简,但也要求用户同样精确并且对如何使用界面有所了解。 DGKY6e

通过语言,符号,层次结构和上下文提供的信息👇 图形交互界面则向用户展示了如何获取和使用信息。 mdPnF3

与之前的图形用户界面不同,图形用户界面是第一个数字信息机制,其中包括了设计的示能–以提示用户如何利用编码信息,而不完全让用户自己承担某些命令记忆。

图形用户界面中图形的核心目的不是为了好看(尽管这可能是理想的和常见的副作用)。 目的是用最真实的词来图形化,通过语言,符号,等级和上下文来绘制信息之间的关系图,以告知和授权用户最大程度地利用计算机中存储的信息。 通过信息的逻辑和层次编码,直观地欣赏到可以连续解码的美丽。

GUI里图形的核心目的不是好看, 而是传递信息!

最初使用电脑的人或多或少都要会编码,但这不方便普及, 才有了图形化交互界面的诞生, 所谓一图胜千言。 但这背后的本质是信息的传递, 好看不好看只是为了信息能够更有效的被更多人进行街码。

注:我并没有做完全的翻译,只是把一些我认为重要的内容进行了高度概括和paraphrase。

这本小书的网站https://whydoweinterface.com 应该是readymag做的, 我的真爱建站网站了, 虽然最近webflow风很大。 Figma大会上新功能的发布也显示它似乎是一款无代码的App设计软件了,Sketch则成了他过去的竞争对手…

最后,快去看恶之花啊, 我不觉得有烂尾啊。。我智商正好够用…🤦‍♀️。。。

Share Comment on Twitter