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

2.15. 软件交互设计

2.15.1. 交互设计的由来

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

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

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

2.15.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的界面。

2.15.3. 重新定义UI用户界面

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

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

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

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

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

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

2.15.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 的进化呢? 是技术还是人呢?我认为是共同作用的结果,首先是新技术出现,接着就会有人把技术投入市场,然后让人们试用,这个阶段会有很多种交互技术在市场上角逐,最后被使用最广泛的技术胜出,被人们所普遍接受。

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

2.15.5. 交互方式在发生变化

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

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

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

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

2.15.6. 举例

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

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

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

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

2.15.7. 未来的产品设计,一切皆推送

最近接触了几个传统企业转型的项目,几个项目大同小异,我选择其中一个为例子。

这是一个建筑装潢的项目,他们做了一个采购平台,打算将采购从线下搬到线上,这样做的目的主要是,一来规范公司的采购流程,加快项目进度,减少采购过程中出现的腐败,二来是计划打造一个采购平台,让材料供应商入主平台,从入住或交易中抽成,寻找盈利模式。

我认为这样的设计初衷就是错误的。首先这种模式是上一个互联网时代的产物,即“平台+收费”的模式。其次切入点也是错误的,平台是个材料供应商交易市场。这个平台的运营模式是,第一步公司的邀请材料供应商入住平台,并收取一定费用,第二步公司的项目采购员去平台上线上采购。

你认为这个模式能成功吗?

这种将线下操作模式直接搬到线上的方法,算不上“企业数字化转型”,这个平台只是帮助采购员做了信息收集的工作。材料供应商在平台上的报价不是最低价格,通常是市场价,最终采购员仍然要一家一家谈核实价格。每种材料有多重规格,上传数据对于供应商来说工作量也不小。我们再看这个平台,它更像是企业 ERP 系统,给 ERP 系统开了一个对外入口,允许供应商上传他们的产品。

2.15.7.1. 互联网正在发生的变化

让我们认真回顾一下最近十年互联网商业环境发生了巨大的变化,我们经历了产品为王的时代,这个时代我们常常把教育用户,培养用户使用习惯挂在最边上。如今是我们做用户画像,分析用户群体,揣测用户兴趣爱好……

你还在使用搜索引擎吗?你最近一次使用搜索引擎是什么时候?我几乎不用搜索引擎了,APP/小程序的时代搜索引擎被弱化,从百度市值也能看出搜索引擎的时代过去了。

最近几年的你会发现互联网产品具备几个新特征:

  1. 系统比你还懂得你,知道你喜欢什么
  2. 不再需要你去主动获得信息,而是被动等待信息推送给你
  3. 电脑端过渡到移动端

首先是你使用搜索引擎的次数越来越少,你不不再去平台花很长时间去找商品,做比较,而是从系统推送的信息中二次过滤。

然后是家里的电脑开机次数越来越少,对于很多家庭电脑不再是必需品,人们对移动设备的依赖程度越来越高,移动设备能随时随地拿出来使用,使用时间越来越长,产生的流量是电脑的几十倍,甚至很多人不止一台移动设备。

最后是使用习惯也在从“键盘+鼠标”向“触屏”方向过渡,由于移动设备没有键盘和鼠标,发展出一套特有的操作模式,使APP更便捷,更易于学习。电脑时代我们需要经过专业培训才能熟练操作软件,而APP时代是零学习成本。

来自用户的变化:

  1. 用户没有耐心看完一屏以上的文字,一分钟以上的短视频,超过30秒音频。
  2. 用户不再发表评论表达观点
  3. 用户等待你喂给他信息
  4. 用户忠诚度下降,随时不再关注你
  5. 获得点赞都很困难

你的产品必须足够吸引用户,持续不断的喂给用户信息,还要保持信息的质量,稍有下降用户就会流失,移动互联网时代键盘侠都在消亡,用户不再发表看法,坚持自己的立场,他会佛系地划过屏幕。

所以我们设计产品应该遵循以上几个原则,一是通过学习用户行为,可以知道用户对那些内容感兴趣。二尽量做到让用户被动获得信息,即喂给用户信息。三是操作尽量简洁,动动手指即可完成交易。能用一只收,一个手指,绝不用两只手完成。

2.15.7.2. 我们应该怎么做这个平台?

采购平台变成投标平台

我换个角度,将这个平台从采购变成招标平台如何?

我们将招标信息发布不平台上,附上采购清单(内涵材料,规格,标准,数量)。材料供应商根据采购单投标,未开标前材料供应商之间的价格保密,这样采销供应商才会出底线价。开标后,公示采购价格,其他供应商看到价格后,会在下次投标中给出更合理的价格。

撮合模式

撮合引擎将自动匹配采购单和材料供应商,将有可能产生交易的采购和供应商筛选出来,做好匹配好,运营人员可以实时掌握匹配情况。

推荐系统也会通过消息推送,将匹配的数据推送给项目方和材料供应商。

项目方登录系统后,可以看到撮合引擎已经匹配好材料供应商。

材料供应商登录后,可以看到可能产生交易的项目采购单。

这样免去了他们相互寻找对方,撮合系统已经帮他们做了牵线搭桥。

机器学习

对于项目方,通过历史交易,以及采购人员的操作行为分析,可以得出,他经常采购的产品,经常打交道的供应商。

对于材料供应商,通过历史交易,以及投标好物,也能得出他们对那些项目更感兴趣。

这些数据都可以用于撮合引擎,做精准的推荐。

2.15.7.3. 一切皆推送

这是一个消息推送的时代,没有人在去主动获得信息,你必须将准备好的信息喂给用户。