随着互联网行业的兴起，与其相关的行业也走进了大众的视野。交互设计乘互联网之势，也成为了近年来非常火爆的职业。在腾讯2020年的行业调研报告里，交互设计也属于圈内平均薪酬较高的一个职位。
无论是考研或是就业，交互设计都是大热门。甚至在设计理论的考试中，也时常有他的身影。那么今天就让我们来了解一下，到底什么是交互设计吧。
PART.01 概念定义
交互这个词，英文是interaction，其中inter是互相，action就是行动，所以inter-action直面上看就是“互相行动”，也就是你行动一下，对方再行动一下，你来我往。交互设计，就是在设计这一些列的“互相行动”，使用户能更好得使用物品，物品能更好得服务用户。
“交互设计之父”Alan Cooper在他的书《About Face 3》里写道：“交互设计是设计可互动的数字产品、环境、系统和服务的实践。“ 从这个定义我们可以看到，交互设计覆盖了内容丰富的领域，有数字产品，有环境，还有系统和服务。在这些领域中，都包含着大量人和另一个目标的互动。
下面这张图，更直观得反映了交互设计在用户体验领域中，与别的设计分支的关系：
从上图可以看到，交互设计与人机交互的重叠区域最大，与工业设计、建筑设计、信息架构设计、视觉设计都有交集，即这些领域中都会用到交互设计。
国内最早提出交互设计概念的是辛向阳教授，在其论文《交互设计：从物理逻辑到行为逻辑》中，辛向阳教授将交互设计阐述为：“交互设计改变了设计中以物为对象的传统，直接把人类的行为做为设计对象。在交互行为过程里，器物包括软硬件只是实现行为的媒介、工具或手段。交互设计师更多地关注经过设计的、合理的用户体验，而不是简单的产品物理属性。人、动作、工具或媒介、目的、和场景构成交互设计的五要素。传统理解的设计，强调物的自身属性合理配置，是“物理逻辑”。而合理组织行为，可称为行为逻辑。交互设计过程中的决策逻辑主要采用行为逻辑。”
同时，辛向阳教授也提出，广义的交互设计和广义的服务设计几乎完全是可以匹配的，体验设计和服务和交互的关系是有很多交叉的。广义上的交互设计，不仅包括人跟机器这种微观层面的交互，还包括宏观的人和人，人和组织之间交互。
【关于交互设计、服务设计、体验设计的定义与关系，各个设计师之间的见解或许稍有区别，侧重点不尽相同，还请大家博采众长，形成自己的理解。
可参考论文：
《交互设计:从物理逻辑到行为逻辑，辛向阳》
《产品设计的新模式——交互设计，李世国; 华梅立; 贾锐》
《由交互行为引导的用户体验研究，翁律纲》
《交互设计的域与界，吴琼》
《《设计》专访｜胡飞：服务设计的范式更迭与广东工业大学的实践》
《服务设计中的共同创造和服务体验的不确定性，辛向阳；王晰》
《服务设计驱动下的模式创新，罗仕鉴; 胡一》
《服务设计研究现状与进展，罗仕鉴; 邹文茵》 】
PART.02 案例分享
01.辛向阳教授论文中的经典案例：Yahoo 和 Flickr 主页界面对比
将两个互联网服务的对比：Yahoo 网站和 Flickr 网站。
为了组织复杂的信息，Yahoo 主页至少同时使用了“LATCH（位置 Location、字母 Alphabet、时间 Time、分类 Category、层级 Hierarchy）方法”、信息组织方法中的分类法（顶部和左侧的信息或服务板块）、层级划分（正中的视频和右上角“热点话题”）和按时间顺序排列（中间偏下的“所有新闻”）。
当然了，这些还不是 Yahoo 主页信息组织的所有方法。作为九十年代中期起步的搜索引擎和门户网站，为了满足人们获取信息的需求，精心组织信息和相应的服务成为了 Yahoo 主要的任务。在这里信息的组织（比如说 LATCH 方法的运用）和展现（排版、视觉呈现等）类似于传统的实体产品设计中对产品功能、结构、造型、材料、色彩的优化组合，因为设计师相信经过合理组织的信息和服务是 Yahoo 为互联网用户服务的基础。
接下来看Flickr网站。
Flickr主页的设计则采用了完全不同的思路,中心位置“Upload”、“Discover”和“Share”三个醒目的入口显然不是按照图片的某种分类方法而设定的三个图片信息板块，它们的出现是因为用户三种典型行为。来到 Flickr 的人首先想到的是我可以做些什么，“上传、寻找还是分享？”，而不是浏览 Flickr 里提供了什么样的图片。在这里，用户的行为成为了设计的对象主体，各种用户的不同行为通过用户研究以典型用户行为呈现在主页上，最大限度地契合了主流用户可能的、理想的行为路径。
02.大厂APP那些令人心动的交互细节
Chrome：一只小恐龙缓解焦虑
这里不得不提到一个经典的彩蛋设计，谷歌Chrome浏览器访问网页时如果遇到网络断开，页面中就会出现一只像素小恐龙，此时按下空格键，小恐龙就开始了跑酷之旅；我们可以用空格键操控它跳跃来规避前方的仙人掌，一只小恐龙能够很好地打发你断网的无聊时间，划水解压小技巧 Get ✔ 到没有？
404公益：让孩子们早日回家
404公益最早源于“NotFound Project”，是由多个公益组织联合发起的项目；它利用闲置的404报错页面来发布走失儿童的信息，将页面内容的丢失和儿童走失联系到一起，为那些找不到家的孩子们早日回到家人的怀抱贡献一份力量。
哈罗单车：上报故障就这么简单
哈罗单车的故障上报页面，以图形化的方式非常直观地将单车的各个部件拆解开来，用户只需点击相应模块即可完成上报，免去了繁琐的文字描述同时也提升了报错的准确性。
飞猪旅行：画个圈来寻找酒店
用飞猪地图找酒店的时候，我们可以在地图上画出希望入住的酒店区域，相较于仅通过距离来筛选酒店的方式，画圈的交互充分满足了用户自定义范围找酒店的诉求，简单高效。
搜狗输入法数字自动计算
如果我们在和别人沟通时出现一些需要计算的数字，是不是还得退出应用界面去计算机里面算完，然后再回去把结果告诉别人。之前时候我就是这样操作的，但是一次偶然经历我发现在我输完数字的加减后我发现输入法居然给我自动算出来结果，就很惊喜，省去了很多时间。给人意想不到的惊喜，增加一些魅力属性的产品功能，极大的提升用户对于产品的好感度，增加用户对于产品的满意程度。
淘宝：物流信息和到达时间
我们在线上购买完物品时，最想知道什么时候发货，什么时候到达，淘宝购物点击查看物流可以看见物流发出时间，预计到达时间，物流运输路线，直观的方式，清晰的视觉表达传达给用户当前物流状态，减少了用户的焦虑，给用户心理极大的安慰。对于等待，要照顾用户的情绪感觉，最大化的减少用户焦虑，清晰的表达等待时间节点，照顾用户心理。
03.让你心甘情愿“剁手”的秘密武器
在出门购物时，你会选择怎样的支付方式？现金还是刷卡？也许你已经习惯了在中国大陆的快捷移动支付，却不能忽视，刷卡支付依旧是全球范围内十分重要的支付方式。今天的全球交互设计案例，我们就来讲一个关于刷卡的故事。
故事的主角是澳大利亚联邦银行。作为一家提供支付服务的老牌银行，他们深知，支付环节在构建顾客与商家之间的关系的重要意义：这个环节意味着顾客和商家真正地联系到了一起。澳大利亚联邦银行十分希望能够在这个环节上帮助顾客和商家建立更加密切和令人舒适的联系，正因如此，他们需要采取行动了。
多年的支付体验服务经验告诉他们，想要实现“加强商家和顾客紧密联系”这一点目标的方法是围绕不同的支付形式，为用户创造出更丰富的支付交互内容。他们选择和专业的设计团队合作，进行研究和制定新的交互设计解决方案。
在设计调研阶段，设计团队在澳大利亚、英国和德国等多个国家地区进行了用户研究。通过这一系列的研究，设计团队得出了一些十分关键有趣的发现，这些发现为最终的设计方案提供了合理的依据。
我们一起来看一看这些调研发现：首先，他们认为，一个理想的服务平台应该能够支持、帮助用户高效地完成在支付方面的需要实现的所有用户行为。其次，他们希望这个支付服务平台可以通过改善银行、商户和顾客之间的关系来创造新的价值。第三，他们相信支付体验有针对性，应该根据不同的消费环境来定制不同的支付体验模式，比如，有的支付体验模式是在豪华的奢侈品店运行的，另一种支付体验模式则是在亲民的加油站运行的，这两种支付体验就是不相同的。
设计团队在得到这些发现之后，找到了新的设计机会，从而帮助澳大利亚联邦银行推出了新的零售业务服务平台Pi和便携式支付设备Albert。
Pi平台是一个十分灵活的服务平台，灵活性、功能性和服务定制水平，可以使其更好地服务不同的商户，可以使各种规模的商户或者企业都能从中受益。
规模较大的商户可以将Pi支付平台作为其现有服务网络的一部分，进一步提升自己的服务质量和运营效率。而规模较小的商户则可以使用该平台内强大的商业工具来发展自己的业务，构建自己的商业版图。在这个平台内，所有的商户都可以轻松使用各种支付服务方式，也可以访问其各种有用的应用程序。
将该平台应用在酒店服务系统当中，该平台可以为用户在酒店内所有的消费都提供支持和帮助，无论是在餐厅的账单，还是房间内的消费，或者是洗衣等各种附加服务的消费，该平台都可以帮助客人在酒店享受更个性化的消费体验。Pi服务平台改善了收银员和客户之间的面对面互动，为他们的沟通互动提高了效率，从而提高了服务质量。
我们再来看一看便携式支付设备Albert。这是一个EFTPOS（Electronic funds transfer at point of sale）设备，我们可以将其理解为一个专门用于支付的平板电脑。它提供了一个直观的大触摸屏，配有打印机、8MP摄像头，可以作为商业终端使用。它PIN输入得到了加密，以及采用了多种访问数据连接的方式，使得支付服务的过程更加安全稳定。它的供电方式是使用一个大容量电池提供电力，而非直流电，这就意味着，商家可以随时移动这个支付设备来让客户支付，而不是仅仅将其固定在收款处，在多种复杂的支付交易环境下 Albert都可以正常工作。
如果商家不想购买这个专门的平板电脑也没问题，Albert还配套专门多设备，可以将现成的iPod touch、iPhone或iPad转化成为支付设备。为了面向未来的发展，澳大利亚联邦银行和Wincor Nixdorf密切合作，通过产品开发和实施，来管理Pi和Albert的设计，并在快速迭代周期中收集来自商家的反馈，从而提升服务质量。设计团队希望这套服务不仅可以应对当前支付方式，也可以适应未来各种支付方式。
04.华为mate Xs 智慧分屏
华为mate Xs作为Mate X的升级版本，在市面上仅有的几款折叠屏手机中，使用感是非常领先的。智慧分屏作为其重要功能，可以同时进行多任务处理，提升日常生活和工作效率。比如可以同时使用两个购物软件对比产品和价格。
一个细节在于，这个双app组合，在多任务切换中依然会被保留，不需要再次手动组合。
华为mate Xs推出的平行视界概念，是将不同层级的内容并列展现，能够大幅减少用户来回重复的点按操作，比如在微信上，就可以直接在左边切换聊天对象而不用来回退出聊天窗口再进入。
这些交互设计充分利用了现有的折叠屏手机的硬件优势，给用户带来了与普通手机不同的使用体验。相信在不远的未来，基于折叠屏的交互规范不断完善，硬件和软件持续升级，会有更丰富、更方便的交互设计出现并被应用。
05.有趣的交互式产品设计
交互设计的思维方法建构于工业设计以用户为中心的方法，同时加以发展，更多地面向行为和过程，强调过程性思考的能力。目前国内交互设计语义下，主流定义是关于互联网产品界面，但交互设计还有一个重要方式就是行为。
好的交互行为能拉近产品和用户的关系，给用户更好的体验。
Sound Tool是一款音响，在触摸屏饱和产品时代，Sound Tool致力于探索切实的交互作用。目的是创建音乐的物理表示，以便人们可以与之互动。
RA是一种形式简单的台灯，你在切换角度时可调整其亮度。在水平位置上，灯亮度是0，当你开始按顺时针方向旋转灯管时，灯逐渐亮起来，直到灯管垂直时达到最亮。
ROCKER是一款针对年轻群消费群体设计的家用蓝牙音响。它的亮点在于顶部的类游戏机摇杆式设计，它不仅给消费者带来全新的交互体验还唤醒了部分消费群体对童年摇杆游戏机的回忆。
Bigger Louder，Smaller Queiter是一个音响，它是从放大声音的纸盆中抽取的形状。用户可以通过滑动，使锥体更大或更小来简单地控制音响的音量。
通过增加或减少托盘上鹅卵石的数量，就可以控制灯光的高度。用户可根据需要进行自我调节高度。
尽管一直以来，都有所谓“互联网寒冬” “交互设计行业已饱和”的说法存在。
但是随着技术的进步，产品更新迭代，人类与计算机的沟通互动慢慢不再受限于屏幕，许多全新的交互设计规范亟待构建。4g带来了微信、支付宝支付。带来了短视频的全新社交方式以及诸多飞速发展的c端应用。
5g的发展绝对不仅限于更快的网速。万物互联、AR体感，脑机接口，这些都只是目前对5g未来构想的冰山一角，如何运用技术，设计行为，提升体验，正是当代设计师需要思考的。所以，相信在5g发展的当下，交互设计也必定大有可为。真正交互的时代才刚刚来临。
交互设计师会需要更多元的技能，需要懂产品，懂技术，需要了解心理学，精神学，数据科学，机器人领域的交叉知识等等，还要时刻观察互联网流行趋势，并且对未来的科技与生活时刻保持前瞻性，不断学习才不会被时代淘汰。
内容参考于网络侵删 |
