交互设计涉及到的领域包括:心理学、工业设计、人因、 用户界面设计、媒体装置、情境设计、交互环境等众多方面。所以交互设计是不同于传统设计专业的一门涉及到多个领域和学科的专业。作为一种无形的设计,交互设计是围绕ux展开的一门学科,也一直是ux(用户体验)中难的。以往用户会被简单的交互所吸引,例如一个出乎意料的动画。但现在,动画效果已经很普遍,包括那些以往觉得难以实现的微交互。
为了支持新技术,新的交互形态逐渐兴起,但交互的基本原则是基本不变的。现在来探索一下交互设计近年的一些发展,以及未来的发展趋势。
一、交互设计的本质
交互设计不仅是指那些有趣的案例。美国宾夕法尼亚州立培训中心的研究称,用户更容易被网站中带有交互特色的信息说服。
“modality interactivity对用户来说更有说服力。因为这使用户在浏览网站时感到更有趣,更吸引他们,并且帮助用户对网站信息产生更积极的态度。”一位来自罗伯特·莫里斯培训中心的通讯系助理教授jeeyunoh如是说,“交互通过让用户更深层次地理解网站信息,从而更具说服力。”
交互的本质就是参与(engagement),这一点是不会变的,唯 一不同的是用户参与时采取的方法。交互设计样式随着html5、css、java、jquerry等技术支持而逐渐演变。过去的网站常常被大量内部链接或图片集限定。虽然现在仍然流行,但今天的我们需要用更聪明、更具创造力的方式去处理网站的交互设计。
无论采用什么样的技术,以下5个核心的交互设计原则不会改变。受人类交际和情感的影响,这些原则可以通过技术来辅助,但不要轻易改变它们:
1.易学性(learn ability)。与网站已有设计及内部资源一致的界面更有预见性,这意味用户的学习成本很低。易学易懂的界面自然更具可用性,因为这样的界面认知成本就少了很多。
2.目标驱动设计(goal-driven design)。注重用户角色、用户场景剧本及用户体验地图,以保 证每一处交互细节都能让用户离欲完成的目标更近。
3.功能可见性和符号(affordances&signifiers)。视觉是主要的感官,形式必须反射功能。
4.可用性(usability)。网站功能在达到趣味性之前,应先符合用户直觉、易信赖。只为用户提供真正需要的内容,并努力减少所有的细节冲突及认知负担。
5.反馈与响应时间(feedback&response time)。界面必须从人性的角度迅速做出响应,才会有像真实的对话一样逼真的体验。交互设计应该像人与人之间的对话,而不是机器对用户所言所行的简单反应。
这5个原则始终决定着交互设计的演变趋势以及未来的发展方向。
二、现代交互设计技巧
出现新的功能就意味着产生新的交互方式,也算是娱乐用户的新方法。现在的用户已经习惯了通过响应式和自适应系统所实现的美好设计——响应式和自适应系统创造的永动循环,让更多设计师不断地运用这样的设计来满足用户,让用户更加习惯。
以下几个设计技巧并非独立的设计趋势,它们都是响应式和自适应设计潮流下推动交互发展的因素之一:
1.来自网站和app的推送通知及提醒;
2.需要某些身体动作(如滑动、点击等)来完成的设计元素;
3.interaction design best practices一书中所描述的视频与动画;
4.卡片式布局;
5.微交互,一种在使用web网站或app过程中出现的独特样式(例如闹钟响起,或删除邮件的微交互场景);
6.视差滚动及效果;
7.及本地工具,让用户感觉到每一款app或网站产品都是为他们定制的、创造让用户难忘的使用场景(比如,社交地图软件waze会根据用户的使用习惯自动询问用户是否于下午六点开车回家);
8.通过点击或滑动展开/隐藏内容;
9.元素与元素之间的过渡及循环功能;
10.通过悬停效果或动作呈现次要内容。
三、可用性的新视角
移动应用不仅是产品在不同设备上的呈现方式,还促使我们重新思考所有的网站体验。
不久前,设计界的关注点还在“above the scroll”上,即用户看到的网站第 一屏内容。但随着小屏时代的到来以及滚动重新成为重要的设计工具,设计师们的想法也随之改变。苹果手表的digital crown则进一步重塑了导航的交互样式(通过旋转表冠而不是捏合或滑动手势)。
认为屏幕滚动会抹杀用户参与度,这是用户体验中的一大谬见,而且这一谬见很难克服。但伟大的uxmyths网站提供的一些数据可以我们的顾虑。
数据分析师chart beat通过20亿访问数据的分析发现:“一个正常的网页中,用户66%的注意力都放在了折线之下(below the fold,即网页第 一屏以下的内容)。”
可用性jakob nielsen的眼动研究表明,当人们的注意力放在折线之上时,人们的确会向下滚动屏幕,尤其是网站的设计鼓励人们这样做。
在上面的响应式网站中,第 一屏只有“hello”一个信息,但屏幕底部的箭头鼓励用户对该网站进行更深一步的探索,即让屏幕滚动以查看第 一屏以下的内容。点击鼠标即可实现屏幕滚动,同时随着一系列简洁的动效、向用户展示网站的更多内容。
这个网站受mobile-first philosophy(优先考虑移动端的设计哲学)的影响,你可以发现它在台式电脑上的体验也是不错的。
说到滚动交互样式,可以发现:假设每一屏的内容都是吸引人的,长滚动便不会成为可用性的障碍。大量的单页网站设计案例证明,交互设计能以线性的形式展示网站内容,创造难忘的用户体验。
移动设计作为了不起的交互设计前沿之一,拥有着丰富的交互样式,重新定义了用户与技术之间的关系。
两年前,由于大多数的网站仍需要click模式的点击动作或使用滚动条这样的网站工具,用户对手机网站的使用还显得很笨拙。对比一下移动设备上的tap手指点击和网站上的click鼠标点击,可以发现,用户已经对滑动、点击、放大、缩小之类的手势操作驾轻就熟,可以轻松获取小屏设备上的信息。
考虑到响应式和自适应设计,每一个网站的交互设计不能局限于台式机的界面,还应该考虑app等小屏设备的交互体验。每一种设备都需要独特的交互设计,并影响着用户在访问过程中的体验。
值得注意的是,用户通会过多种设备入口访问所需网站。任意一端的恶劣体验随时都会造成用户的性流失。因此,交互设计要达到跨平台的一致性,减少用户在跨平台使用中的认知负担。
界面设计和交互设计是自适应和响应式体验的两个重要方面。当我们从mobile-first角度考虑屏幕中哪些内容该优先排列时,也要思索用户在实际过程中是如何与这些内容互动的。
四、交互设计的前景
随着科学技术的不断发展和改进,交互设计也越来越丰富。因为大部分设计都是由对不熟悉的设备迅速熟悉起来的需求所掌控的。
可穿戴设备的交互设计会成为下一个热门事件吗?无论接下来的设备是手表、项链,还是鞋子里的芯片,人机交互将越来越受到人们的重视,其每一个细节都十分重要。今后,设计界将更加关注如何让用户对皮肤上的设备感觉舒适。
交互设计的一个目标依然是。地理定位软件创造了很棒的场景体验,但是像blossom type这样的网站变得更加流行,因为它们允许用户自行输入信息来创建唯 一的、可分享的用户体验(blossom type通过用户输入的内容为用户创建有趣的电影)。
技术的发展和用户对新工具的使用,使交互设计几乎每天都在发展变化着。尽管下一个大事件无法预见,但可以通过持续敏锐地观察周围、掌握正在销售的设备和工具、了解用户喜欢以哪种方式获得数字信息等,为下一个大事件的来临做好准备。
另外,人类交互的主观性使交互设计更具想象力和趣味性。
交互设计的最终目的是,通过对产品的界面和行为进行交互设计,让产品和它的使用者之间建立一种有机关系,从而有效地达到使用者的目的。
温馨提示