Home | 简体中文 | 繁体中文 | 杂文 | Github | 知乎专栏 | Facebook | Linkedin | Youtube | 打赏(Donations) | About
知乎专栏

17.16. 软件交互设计

17.16.1. 交互设计的由来

交互设计(Interaction Design)这一概念,最初是由IDEO创始人之一Bill.Moggridge(莫格里奇)1984年在一次会议上提出。他设计了世界上第一台笔记本电脑Compass,并写作出版了在交互设计领域影响深远的《Designing Interactions》一书,被称为交互设计之父。

《交互设计》一书中,对交互设计是这么描述的:交互设计是定义、设计人造系统的行为的设计领域。它定义了两个或多个互动的个体之间交流的内容和结构,使之互相配合,共同达成某种目的。交互设计努力去创造和建立的是人与产品及服务之间有意义的关系。

交互行为所需的五个基本要素:人、动作、目的、媒介、场景,被交互领域广泛认可和推崇。交互(interaction)是因为有了“动作”(action)和相应的“反馈”(reaction)才形成一个回合的交互行为,这种对交互行为过程的设计,与传统概念强调物理属性的工业设计是有明显区别的。

17.16.2. 软件用户界面

UI其实是一个广义的概念,《现代汉语词典》将“界面”定义为:物体与物体之间的接触面,泛指人和物(人造物、工具、机器)互动过程中的界面(接口)。

通过以下三个层面来理解UI的概念:

  • 首先,UI是指人与信息交互的媒介,它是信息产品的功能载体和典型特征。UI作为系统的可用形式而存在,比如以视觉为主体的界面,强调的是视觉元素的组织和呈现。这是物理表现层的设计,每一款产品或者交互形式都以这种形态出现,包括图形、图标( Icon)、色彩、文字设计等,用户通过它们使用系统。在这一层面,UI可以理解为User Interface,即用户界面,这是UI作为人机交互的基础层面。
  • 其次,UI是指信息的采集与反馈、输入与输出,这是基于界面而产生的人与产品之间的交互行为。在这一层面,Ul以理解为User Interaction,即用户交互,这是界面产生和存在的意义所在。人与非物质产品的交互更多依赖于程序的无形运作来实现,这种与界面匹配的内部运行机制,需要通过界面对功能的隐喻和引导来完成。因此,UI不仅要有精美的视觉表现,也要有方便快捷的操作,以符合用户的认知和行为习惯。
  • 最后,UI的高级形态可以理解为User Invisible。对用户而言,在这一层面UI是“不可见的”,这并非是指视觉上的不可见,而是让用户在界面之下与系统自然地交互,沉浸在他们喜欢的内容和操作中,忘记了界面的存在(糟糕的设计则迫使用户注意界面,而非内容)。这需要更多地研究用户心理和用户行为,从用户的角度来进行界面结构、行为、视觉等层面的设计。大数据的背景下,在信息空间中,交互会变得更加自由、自然并无处不在,科学技术、设计理念及多通道界面的发展,直至普适计算界面的出现,用户体验到的交互是下意识甚至是无意识的。

实际上人们跟计算机打交道经历三个阶段:

  • CLI(命令行界面),这是 Unix/Linux 默认界面,DOS 也是命令行界面。
  • TUI(文本用户界面),我们早期使用的 WPS,CCED,EDIT,QBASEIC,Turbo C,Borland C++ 由 ASCII码绘制的文本图形界面。
  • GUI(图形用户界面),Windows, MacOS, OS/2 等等

如今大家所说的 UI 更多是指浏览器端HTML5绘制的用户界面和移动设备APP的界面。

17.16.3. 重新定义UI用户界面

工作中我发现很多产品经理对交互设计没有理解透,停留GUI界面的阶段,大部分理解为浏览器和App操作的GUI(图形用户界面)。

我认为UI是一个广义的概念,泛指人与信息交互的媒介,用于信息的采集与反馈,输入与输出,它是信息产品的功能载体。基于界面产生人与产品之间的交互行为,这里必须强调,界面不仅仅局限于视觉交互。

为什么盲人都是用苹果手机?因为苹果手机提供了非视觉交互设计,是手机中做的最好的。

>产品经理做交互设计,不能局限于视觉设计,除了视觉交互之外,还应该考虑:

  • 触觉:不仅限于触摸屏,例如盲文。触摸的温度,形状等反馈
  • 体感:方向,方位,加速度
  • 视觉识别:距离,颜色等等
  • 声音识别:自然语言处理,语音合成,语音朗读,语音识别
  • 生物识别:视网膜,指纹,体温,肌电图,脑电图,血糖,血压,血压,风流速(哮喘所有的一种仪器)甚至尿液和粪便
  • 温控湿度
  • 等等……

所以我认为UI用户界面一词十分广义,例如 Siri,小爱同学,小度…… 是声音识别交互,并非视觉交互,完全是另一个领域,设计这种产品必须摒弃传统的视觉设计经验。

17.16.4. UI/UE 的生命周期

最近有人咨询我,关于企业数字化转型项目。这家企业走了很多弯路,最终做的产品基本是废掉了。

一看对方产品的界面,恍如上个世纪,字体/配色/交面交互,堪比政府的电子政务网站,还好支持最新浏览器,功能还能用。

你是否思考过,新闻还是那些内新闻,传媒内的形式没有任何变化,为什么现在人不再去门户网站看新闻了?包括新浪网,搜狐,雅虎,腾讯新闻等等。几乎大家都转去了头条。为什么没人在去BBS论坛了而是转去了知乎会。

20年来,互联网信息形式没多大改变,主要由文字、图片、音频视频构成,这些技术再早起被称为多媒体,如今还是这些内容。变化的是什么?更多的改变是来自UI/UE也就是用户界面和交互方式。除了 UI/UE 的变化,还有移动互联网和人工智障(推荐算法,用户画像,行为分析,还打不到AI水平,所以我叫人工智障)加持。

从BBS到知乎/从新闻到头条都经历了什么?

从最早的 Telnet BBS(70/80小伙伴用过) 到 Web BBS(网页BBS) 到 blog(日志/博客) 再到知乎/头条,内容还是那些内容。本质上紧紧是界面的排版变了,标题还是那个标题,内容还是那个内容,点赞,收藏,喜欢,这些功能 BBS 全具备。

但是 BBS 消失了,博客没落了,他们的功能都没有问题,为什么它们会被抛弃?因为新产品 UI 更美观, UE 更合理,UI看着舒服,UE用着舒服,仅此而已。

产品功能本身有生命周期之外,我认为单纯的 UI/UE 也存在生命周期。

是什么推动了 UI/UE 的进化呢? 是技术还是人呢?我认为是共同作用的结果,首先是新技术出现,接着就会有人把技术投入市场,然后让人们试用,这个阶段会有很多种交互技术在市场上角逐,最后被使用最广泛的技术胜出,被人们所普遍接受。

例如自动驾驶领域,特斯拉坚持使用光学摄像头,而国内车企更看好激光雷达。

17.16.5. 交互方式在发生变化

生活中你可以观察身边不同年龄段的人,你会发现:70~80 后使用电脑离不开键盘和鼠标,90后更喜欢平板电脑和手机的触屏操作,00后更喜欢用语音交互。

我们拿输入举例,80后用五笔,90后用拼音,00后用手写和语音

每一代人都会有更适合他们的交互方式,时代产物的 UE 也会影响每一代人。

直到现在我还不太习惯使用 Siri,而我的小孩拒绝使用电脑,她不想去练习键盘输入,交互都是触屏和Siri上完成,我发现她长时间使用 Siri,总结出了一套与 Siri 对话的“话术”,Siri 更快更精准跟她完成交互。而我面对 Siri 不知道该说什么,需要多次互动才能被 Siri 理解。

17.16.6. 举例

让我们思考一下,电梯的交互设计。

某office大厦需要刷脸进入才能打开门禁,进入大堂之后输入楼层,电梯门打开。为什么不这样实现,人脸识别之后,电梯自动输入楼层,同时电梯门打开。

再举一个充电桩的例子,传统充电桩,停好车,插入充电枪,扫码结算支付。

是否能这样设计,停车摄像头识别车牌,自动创建订单,插入充电枪,开始计价,充满自停,最后结算。用户只有一个操作,插充电枪,如果将插入过程变成机械臂,用户只有停车一个过程。同时给予用户一次白票机会,即首次充电不要求用户绑定车牌和小程序,充满用户开车即走。当用户第二次充电时,需支付上一次订单费用,如果用户不结算,本次无法充电。