首页

交互设计的核心:用户体验与创新思维的融合

天宇

在数字化时代,交互设计(Interaction Design)已成为产品成功的关键因素之一。无论是移动应用、网站还是智能设备,优秀的交互设计都能为用户带来流畅、直观的体验。今天,我想和大家探讨交互设计的核心要素,以及如何通过创新思维提升用户体验。

1. 以用户为中心的设计理念

交互设计的核心是“以用户为中心”。设计师需要深入理解用户的需求、行为和痛点,通过用户研究、原型测试等方法,确保设计能够真正解决用户问题。例如,简洁的导航、清晰的反馈和一致的操作逻辑,都是提升用户体验的基础。

2. 创新与功能的平衡

在追求创新的同时,设计师需要确保功能的实用性和易用性。过度复杂的设计可能会让用户感到困惑,而过于保守的设计则可能缺乏吸引力。如何在创新与功能之间找到平衡,是每个交互设计师面临的挑战。

3. 情感化设计的力量

交互设计不仅仅是功能的实现,更是情感的传递。通过色彩、动画、音效等元素,设计师可以创造更具吸引力和情感共鸣的体验。例如,微交互(Micro-interactions)的巧妙运用,能够增强用户的参与感和满意度。

4. 跨平台与多设备的一致性

随着用户使用设备的多样化,跨平台设计变得越来越重要。设计师需要确保在不同设备和平台上,用户都能获得一致且无缝的体验。这不仅需要技术上的支持,更需要设计思维的全局观。

5. 数据驱动的设计优化

通过数据分析,设计师可以了解用户行为,发现设计中的不足,并持续优化产品。A/B测试、热图分析等工具,能够帮助设计师做出更科学的决策,提升产品的整体表现。

31.png

结语

交互设计是一门融合艺术与科学的学科,它需要设计师不断学习、实践和创新。无论是新手还是资深设计师,我们都应保持对用户需求的敏感,以及对技术趋势的关注。期待大家在评论区分享自己的见解和经验,一起探讨交互设计的未来!


希望能激发大家的讨论和思考!如果你有更多想法或案例,欢迎留言交流

 

 

如何设计让人一看就明白的说明书?

资深UI设计者

你有一些东西需要向别人说明或解释?不要说出来,而是展现出来!

ui设计公司教你从0认识交互设计

蓝蓝设计的小编

交互设计是很多设设计师心向往之的领域,很多设计师在进入职场一两年后,会开始思考如何转型交互设计师?除了这个学科本身的魅力之外,它还赋予设计师的很多其他价值。那如何去学习交互设计呢?作为一名交互设计师,我想整理一套交互设计体系知识,结合自己的学习和项目经验写到文章中分享给大家看,希望能对大伙转行交互设计有一些些帮助!全文多达10000+字,阅读时间会比较久,感谢你的细心阅读,如你有建议可反馈留言!

 

 

 

 

 

 

 

 

1、关于设计名词

 

在全面走进交互领域之前,我们可以先了解一些基础设计名词,行业有很多与设计相关的术语名词,例如UI、GUI、UE/UX、HMI、HCI、HF、IXD、ID、VD等等。行业招聘信息里也经常会有很多名词术语,如下图。由于设计的关联性很强,很多时候我们被这些名词弄得头晕,对自己的职业规划和定位也变得模糊。

 

 

 

 

 

1.1、设计名词的分类

 

1.1.1、按照设计学科

 

从学科角度,我查阅了大量的资料,分类如下:人因工程,工业设计,交互设计,用户体验设计,视觉传达设计等学科。涵盖了国内外高校开设的学科专业。用户体验设计在行业里已经被普及,但目前在高校中还是比较少的。不过用户体验设计已然是大势所趋,越来越被重视。

 

 

人因工程:简称HF(Human Factors Engineering),是研究人、机、环境三者之间关系的学科;(美国称人类工程学,西欧称人类工效学,日本称人间工学,国内命名更多如:人机工程学,人体工程学、工程心理学等),关于这类知识大家可以看看华为设计师的课程《基于人因的用户体验设计课程》

 

 

定义1:根据国际人类工效学学会于2000年的定义:“人类工效学(Ergonomics)是研究人在某种工作环境中的解剖学、生理学和心理学等方面的各种因素;研究人和机器及环境的相互作用;研究在工作中、生活中和休息时怎样统一考虑工作效率、人的健康、安全和舒适等问题的学科。

 

 

定义2:中国企业管理百科学全书:研究人和机器、环境的相互作用及其合理结合,使设计的机器和环境系统适合人的生理心理等特征,达到在生产中提高效率、安全、健康和舒适的目的。

 

 

工业设计:简称ID(Industrial Design),指以工学、美学、经济学为基础对工业产品进行设计;工业设计又称工业产品设计学,工业设计分为产品设计、环境设计、传播设计、设计管理4类。工业设计涉及到心理学,社会学,美学,人机工程学,机械构造,摄影,色彩学等。

 

交互设计:简称IXD(Interaction Design),关于交互设计部分的详细内容,在后文再讲解,包括交互设计的发展、概念、重要性、核心要素、入门要求等;

 

人机交互:简称HCI(Human–computer interaction)或HMI(Human–machine interaction),是一门研究系统与用户之间的互动关系的学问。系统可以是各种各样的机器,也可以是计算机化的系统和软件——摘自维基百科。

 

用户体验设计:简称UED/UXD(User experience Design),是以用户为中心的一种设计手段,以用户需求为目标而进行的设计;用户体验:简称UE/UX(User experience)

 

视觉传达设计:简称VD(Visual design),是为传播特定事物通过可视形式的主动行为。大部分或者部分依赖视觉,并且以标识、排版、绘画、平面设计、插画、色彩及电子设备等二度空间的影像表现;

 

1.1.2、按照载体媒介

 

用户界面:简称UI(User Interface),是指对软件的人机交互、操作逻辑、界面美观的整体设计;是系统和用户之间进行交互和信息交换的媒介,它实现信息的内部形式与人类可以接受形式之间的转换

 

图形用户界面:简称GUI(Graphical User Interface),是指采用图形方式显示的计算机操作用户界面;是一种人与计算机通信的界面显示格式,允许用户使用鼠标等输入设备操纵屏幕上的图标或菜单选项,以选择命令、调用文件、启动程序或执行其它一些日常任务。

 

人机界面:简称HMI(Human–machine interaction),人机界面(又称用户界面或使用者界面)是系统和用户之间进行交互和信息交换的媒介, 它实现信息的内部形式与人类可以接受形式之间的转换。凡参与人机信息交流的领域都存在着人机界面。ps:HMI这个概念在上文也提到,在学科领域可用来代表人机交互。

 

Ui和GUI、HMI差别是什么,UI (用户界面)是一个广泛的概念,包括硬件和软件设计,包括GUI,HMI;GUI是用户图形界面,仅指软件视觉界面,HMI是人机界面,与人信息交流的界面。

 

1.1.3、按照设计模式

 

以用户为核心的设计:UCD(User Centered Design)是指以用户为中心的设计。是在设计过程中以用户体验为设计决策的中心,强调用户优先的设计模式;在进行产品设计、开发、维护时从用户的需求和用户的感受出发,围绕用户为中心进行产品设计、开发及维护,而不是让用户去适应产品。无论产品的使用流程、产品的信息架构、人机交互方式等,以UCD为核心的设计都时刻高度关注并考虑用户的使用习惯、预期的交互方式、视觉感受等方面。

 

以技术为核心的设计:TCD(TechnologyCentered Design)是指以技术手段为中心的设计。

 

以商业为核心的设计:BCD(Business Centered Design)是指以商业价值为中心的设计。

 

 

设计名词整理的大致就介绍这么多了,那么本文重点的交互设计和这些学科之间的关系又是怎么样的呢?用下图这个图表展示他们之间的关系。——摘自 丹•塞弗《交互设计基础》

 

 

 

 

 

 

 

 

2、了解交互设计

 

2.1、交互设计的故事

 

1959年,第一篇关于人机页面的文章问世,交互设计首以人机交的形式,作为填补缺乏适用于设计数字产品的可用技术和工具出现;1960年,Liklider通过分析人与电子计算机之间合作互动的一种预期发展,提出“人机共栖”概念;20世纪80年代初:两位工业设计师比尔·莫格里奇和比尔·韦普朗克着手设计第一台笔记本电脑GRiD Compass,他们为自己的工作创造了“交互设计”一词;这个词在10年后才开始被设计师重新发现并进入主流;1999年,国际标准化组织(ISO)发布了“以人为中心”的交互式产品设计原则和程序规范;2005年交互设计协会(IxDA)成立;2012年IxDA正式推出首次年度“交互设计奖”,交互设计才算是正式起飞。

 

 

 

 

 

 

 

 

2.2、交互设计的定义

 

关于交互设计的概念,国内外组织或学者有不同的定义,如下图:

 

 

 

 


交互设计,又称互动设计(Interaction Design, 缩写 IxD 或者 IaD),是定义、设计人造系统的行为的设计领域。在于定义人造物的行为方式(the “interaction”,即人工制品在特定场景下的反应方式)相关的界面。——来自IxDC

 

交互设计是设计交互式数字产品的、环境、系统和服务的实践,交互设计的焦点是如何设计行为,交互设计的首要目标是满足人的需求和欲望。——艾尔库伯(交互设计精髓的作者)

 

定义、设计人造系统的行为的设计领域,它定义了两个或多个互动的个体之间交流的内容和结构,使之互相配合,共同达成某种目的。交互设计努力去创造和建立的是人与产品及服务之间有意义的关系,以“在充满社会复杂性的物质世界中嵌入信息技术”为中心。交互系统设计的目标可以从“可用性”和“用户体验”两个层面上进行分析,关注以人为本的用户需求。——来自 李世国 顾振宇.《普通高等教育工业设计专业“十二五”规划教材——交互设计》2012年

 

 

 

2.3、交互设计的对象

 

最早期的设计,我们可以追溯到工业设计时期,作为设计领域​的鼻祖,它是以“产品“为设计对象,而交互设计对象是“行为”,交互设计师会关注与“行为”相关因素作为设计的考量。而不仅限于产品的物理属性(外观、结构、功能、材料);

 

以小米的“小爱音箱”为例。小米通过它将家庭中的电子设备实现了互联,它新奇的用户体验被很多用户追捧。我们可以在小米现有的音箱产品中,找到和传统音箱的一些区别;

 

 

 

 

小爱音箱系列产品已经陆续发布了5款,从初代的蓝牙音箱到触屏、语音音箱,我们可以从产品的迭代中感受到音箱交互行为(语音交互到屏幕手势操控)变化的一些特点。

 

 

 

 

 

 

当用户在使用小爱音箱的时候,已经不局限于听音乐,它作为小米Alot产品生态的连接中枢,用户更享受通过页面操控和语音交互来控制其他lot产品的快感。当用户回家,向小爱音箱发出语音指令“小爱同学,我回来了”,和音箱连接的所有lot 设备都能同步打开,当用户在回家后,还可以通过操作小爱音箱界面设置热水器的水温。

 

 

 

 

 

 

传统音箱最原始的需求是音乐播放,随着音箱使用要求的升级,人们对于声音的品质追求也变得更高了,厂商想尽方法制造出新的产品提升声音的播放质量,例如丹拿音箱的出现大大提升了声音播放的品质。

 

 

 

 

 

 

 

当用户在使用小爱音箱和家中的其他Alot产品交互的过程中,很少会在意小爱音箱本身的物理属性,他们更在乎这种创新式的交互如何改变的自己的家庭生活,譬如通过语音交互帮自己打开壁灯,打开电视、打开扫地机器人或通过触摸屏界面来设置调节其他Alot设备的运转状态等,应用到各种家庭使用场景。

 

2.4、交互设计的行为要素

 

关于交互设计的行为要素我们通过下面两个例子来解析:

 

1:理想L9后排电视手势交互操作:

之前号称对飙500万库里南的新能源汽车理想L9已经发布很长一段时间了,这辆车最大的特色就是智能座舱的全新体验升级,针对家庭使用场景的设计有很多。其中手势交互是一个比较新颖的设计点,手势交互的行为有悬停获取焦点,平移切换,两次抓握确认。

 

 

 

 

 

 

使用场景举例:一家四口去外地郊游,家里的成员哥哥想打开后排的电视机看电视打发无聊的旅途,他使用了手势交互去操作选择影视进行播放。

 

 

2:OPPO手机ColorOS系统的手势交互:

在ColorOS系统12.0版本中,新增了这个手势交互的方式,它结合智能传感器,进行无触控式的手势操作,根据系统提示通过控制手腕挥动去切换内容、完成对应的任务。

 

 

 

 

 

 

 

使用场景举例:小A使用手机看电影,突然收到一个好朋友的来电显示,他通过隔空手势操作,向上滑动手腕,完成接听了朋友的电话流程。

 

 

通过上述两个设计案例,我们可以总结交互设计的五大行为要素为:

 

 

 

 

 

 

 

2.5、交互设计的衡量指标

 

在关于交互设计定义的内容里面,提到了交互设计的指标是从可用性和用户体验两方面去分析,也就是从理性和感性的两个角度去衡量。

 

2.5.1、可用性

 

根据雅各布尼尔森《可用性101:可用性简介》文章定义:可用性是一种质量属性,用于评估用户界面的易用性。“可用性”一词也指在设计过程中提高易用性的方法。可用性由以下五个质量组件定义:

 

 

 

 

 

 

 

 

易学性:用户在第一次遇到设计时完成基本任务的难易程度如何?

如下图美团外卖:用户第一次在线上点餐时,如何快速的用最便宜的价格吃上一顿饭。用户是否能高效获取店铺满减优惠活动信息,是否快速填写地址,是否能快速选择挑选优惠券,最后进行付款。

 

效率一旦用户学会了设计,他们执行任务的速度有多快?

如下图美团外卖:当用户完成第一次点餐后,以后每次完成点餐的速度会不会更快,例如商品页有商家的满家活动提示,上一次点餐记录,可以点击“再来一单”按钮,完成选餐,选择优惠红包前,有文案提示需要先填写地址,同时有常用地址弹窗提示,可点击使用。

 

记忆性:当用户在一段时间不使用设计后重新使用它时,他们恢复熟练度的难易程度如何?

如下图美团外卖:当用户隔了很久之后再使用美团外卖来点餐,用户重新使用产品的熟练度是否有下降。

 

 

 

 

 

错误:用户犯了多少错误,这些错误有多严重,以及他们从错误中恢复的难易程度?

例如下图顺丰快递:在寄快递时,填写完所有的详细信息后,提交了订单,但发现地址和电话填错了,在运单详情页有“修改信息”按钮,点击进入寄件页面进行信息修改。

 

 

 

 

 

满意度:使用该设计的愉快程度如何?

例如在闲鱼平台购买闲置物品时,卖家的商品描述和实物有很大的差距,然后要求退货,卖家不肯,最后需要闲鱼法庭介入审理,但审理也没有足够公平和透明,最后只给了一个判决结果。这样的情形我遇到了两次。所以平台对于买家卖家的一些管理机制特别不完善,还有商品的描述是否准确也没有审查标准,完全把责任抛给买家和卖家。所以总的来说,使用起来愉悦感很低,平台信任感也很差。

 

2.5.2、用户体验

 

用户体验是用户在使用产品过程中建立起来的一种纯主观感受。我查阅了很多相关资料,这种定义还是具有普适性的。再简单的解就是:用户在使用产品去完成某项目标的过程中,使用感受是怎么样的。很多知名国内外公司为了量化用户体验指标而设计了很多数据模型,其中出现最早且具有指导意义的是国外的谷歌的量化模型:以用户为中心衡量的 HEART、以目标为导向衡量的 GSM;国内的最近几年也有很多类似量化的数据模式,具有代表性的是阿里的"PTECH"、UES、五度模型;其中谷歌的数据模型更加系统和通用,而阿里的是针对不同项目而衍生出很多量化模型。下面以谷歌公司模型为例浅谈下它们是如何去衡量用户体验指标的;

 

HEART模型出发点是做以用户为中心的,能够用于大范围的用户体验度量方法。它包含5个维度:Happiness 愉悦度:用户主观体验,用户觉得产品对其有帮助,容易操作,使用产品或者功能时总感到愉悦。Engagement 参与度:用户对产品内容感兴趣并愿意经常使用。Adoption接受度:用户看到新产品或新功能愿意进行使用。Rentention留存率:在一个时间内用户愿意回来继续使用产品或者功能。Task Success任务完成率:用户能够高效,准确地完成任务。

 

GSM模型Google的UX团队为了让HEART模型度量标准应用于实践而提出的设计方法模型,G是Goal,S是Signal,M是Metric,是遵从「目标-信号-指标」的过程来定义数据指标的方法。

 

 

 

 

 

 

 

 

 

 

3、成为交互设计师

 

前面我们提到交互设计是一门十分复杂的学科,这个领域的研究广而深,可创新性很强,设计带来的意义很大,所以很多人都比较崇尚这个领域,可如果真想走上交互设计之路,就得有项目的历练,有熟练的设计技能,有扎实的知识基础,对事物和生活的细致观察力。

 

3.1、交互设计师项目篇

 

当设计回归到实际工作项目,首先我们要知道,一般交互设计的岗位在公司的组织架构里面,它是一个比较中间的位置,他的上游有产品、用研;下游有设计和研发,交互和这些岗位是交叉的,有联系的,强如“设计驱动”的苹果公司,交互设计师也需要掌握很多其他跨专业的知识,所以实际工作中,有很多东西需要交互设计师去学习。

 

3.1.1、交互设计的项目流程

 

互联网公司的设计团队都有自己的设计开发的一套流程,但项目的核心流程大体都会经历以下三个阶段:需求—设计开发—结果验证;

 

 

 

 

需求阶段需求是项目开发的源头,我们要进行需求搜集、分析、筛选、评估、版本排期。需求的搜集可以是来自产品数据、用户反馈、设计人员洞察探索、竞品分析,然后再做需求筛选讨论,确定需求的优先级;

 

设计开发阶段

 

环节1:产品经理的文档需要列出每个版本的详细信息,包括产品创新设计或改版的背景、解决什么问题、功能的设计背景,产品目标和指标、产品策略,产品范围层(功能规格、内容、信息、规则)等;

 

环节2:设计师需要针对产品功能结合产品目标进行设计策略上的思考,进行方案输出,包括交互文档(版本号、设计描述、流程图,页面跳转逻辑,交互细节阐述、异常状态处理)、交互动态(动效演示参数图、动态demo展示)、视觉界面设计(形、色、构、字、感)等,全流程保持和前后端技术人员进行设计评审和沟通,持续评审也是为了防止后期大家互相扯皮影响工作状态和效率,但最终目的是使项目开发降本增效,减少返工。

 

环节3:设计方案输出结束之后,就是技术人员的开发,设计师也需要全程持续跟进,保证设计效果的实现,了解前端的一些页面适配规则,前后端的之间数据架构和接口传输规则。

 

环节4:前后端开发完成第一版本成品后,项目组人员(测试人员权重较高)可以开始全局测试,交互设计师在走查时,可以内部梳理一套通用的《交互走查表》进行检查,可以通过设计走查,专家测试,用户内测,用户访谈等方式,整理收集影响产品稳定性的Bug和设计细节问题,再反馈给技术员人进行修改。有条件的会进行可用性测试,检验设计的用户体验和设计可行性。

 

结果验证阶段

 

产品上线后,我们可以通过数据和用户体验来检验优劣,数据层面可以使用灰度测试、A/Btest测试等方式验证设计方案的可行性,通过数据埋点的方式获取用户的行为数据,用户体验可以使用满意度调查、NPS等方式通过问卷调研的手段来了解用户的使用感受。

 

 

 

3.1.2、交互设计的5大项目思维

 

产品思维交互设计师要有培养产品思维的习惯,产品思维能够引导我们发现很多设计点,设计出创新性的产品。做产品最核心的问题就是:用户有什么样的需求?这个需求待解决程度(用户痛点、爽点、痒点)怎么样?例如支付宝这个产品,就是改变了用户日常的付费交易方式,从现金到线上数字货币支付的转变,大大的解决了用户不用携带大量现金的需求,当然了他的功能不仅限于此,更客观的说,支付宝的出现改变了人们的生活,创造了极大的社会的价值。

 

 

 

 

 

 

 

 

用户思维产品主要作用对象是用户,通过用户获取功能需求,我们需要学习如何了解用户,了解我们的产品典型目标人群是哪一类人,了解用户的真实诉求是什么?了解用户场景是什么样的?具备用户思维,设计师可以更精准高效的输出设计方案,达到解决用户问题的目的。

 

视觉思维交互原型稿和文档是交互设计师接触最多的工作任务,它们需要定义很多内容信息,这不仅仅靠逻辑,还需要有视觉思维,将黑白交互界面的视觉重点和信息层级展示清楚。如下图所示为苏宁智慧屏项目部分功能的交互设计稿样式:

 

 

 

 

 

 

交互设计的视觉思维上关注的几个点如下:第一点要有场景的概念,比如要熟悉产品在什么样的设备上呈现,设备具有什么样的特性和要求,用户的使用产品的操作方式;第二点要有原子和模块化的概念,比如一个组件和模块主要是由哪些原子化的元素构建,如何去定义这样内容,第三点要有设计理论应用的概念,比如在界面布局时,可以通过设计的四大基本原则(对比、重复、对齐、亲密性)、格式塔原理(接近原则、相似原则、共同命运)、设计规律(黄金分割法、网格系统、系统规范)这些点去切入。

 

开发思维产品外在靠界面,内在靠代码,好用好看的设计依靠技术作为底层支撑才能最终开发上线,我们经常做设计方案评审时,会遇到被技术人员否定的情况。我们就会拿有相同设计的产品去和他理论。最终的结果就是还是做不了。但是做不了的情况大体分为两种,第一种情况是实现这个设计的背后,确实需要投入很多人力、资源去完成这项工作;第二种就是技术人员单纯的不愿意做,可如果你有开发思维,能想到这个设计背后的技术难点,能清晰的和技术人员进行讨论和协商,他们也不能或不好意思去拒绝。所以开发思维可以让我们和技术人员成为好朋友,又可以学习一些技术原理,属实不亏。

 

数据思维交互设计师对于数据要有一定的敏感度,业务数据可以帮助我们了解产品的经营状况,关注产品的总体流量,转化、营收,用户的行为数据可以帮助我们在设计迭代时提供依据,另外通过各类数据的跟踪、对比、分析能帮助我们评估设计方案的好坏以及后期设计修改的方向。

 

 

 

3.2、交互设计师技能篇

 

技能已经是交互设计师的入门要求,也是初级交互设计师进阶的基础,那这部分主要讲解交互设计师的技能兵器库,主要由设计手段、平台规范、理论知识这三部分组成。

 

 

3.2.1、交互设计的兵器库1-设计手段

 

设计软件交互原型设计:包括静态界面和动态demo设计,可以使用纸质原型、Axure RP、Fireworks、MockingBot、Flinto、Origami、ProtoPie、Hype、Principle、Proto.io、Frama等;界面设计:主流的软件有Figma、Sketch、ps,网页和客户端通用的有即时设计、Figma、Pixso等;

 

动效和三维设计:目前动效应用广泛的如AE,三维软件有C4D,blender,Rhino、更高级的如游戏引擎unity3d;

 

编程软件:网页端如标记语言HTML+CSS,脚本语言JS,移动端如iOS的Swift和Xcode,Android的studio;

 

文档工具:如常用的X-mind(思维导图)、汇报用的ppt、keynote等

 

 

设计方法设计方式这里指向用户研究部分的内容:主要有定量研究、定性研究、用户画像的构建,定量研究的可使用问卷调研、数据分析、眼动测试,定性研究可使用用户访谈、焦点小组、可用性测试、卡片分类法,用户观察法等

 

 

3.2.2、交互设计的兵器库2-设计规范

 

说到设计规范,这可能是很多设计师在交互入门的时候,比较忽略的基础知识点,首先各类平台的系统规范经过很多版本的迭代,内容特别精且多,新手设计师经常在阅读学习的过程中失去耐心。只是碰到相应的点才会想起来去看一下。目前处在设计领域最前沿的平台规范如苹果系统的《人机界面指南》,安卓系统的《材料设计》,鸿蒙系统的《设计指南》,微软系统的《设计原则》,这些平台的系统规范非常通用,覆盖的设备也很多,例如苹果系统的人机界面指南覆盖了电脑、手机、平板、手表、电视。在国内也涌现了很多平台规范,例如阿里的antdesign,腾讯的tdcdesign,字节的acrodesign等。

 

 

3.2.3、交互设计的兵器库3-理论知识

 

交互设计发展至今已经很长一段时间了,前辈们在无数的实践中总结了很多科学的设计理论。我们可以利用它们指导设计工作,例如:尼尔森设计十大原则(状态可见原则、环境贴切原则、用户可控原则、一致性原则、防错原则、易取原则、灵活高效原则、审美和简约设计原则、容错原则、人性化帮助),交互相关定律(菲茨定律、席克定律、格式塔原理、奥卡姆剃刀原则、峰终法则、帕雷托原理、米勒定律、邮编定律、序列位置效应、泰斯勒复杂性守恒定律、序列位置效应、多尔蒂阀值、雅各布定律、蔡格尼克记忆效应、冯·雷斯托夫效应等)。理论知识可以作为设计的参照标准,但用设计理论反对设计结果是很不合适的,具体问题还需要结合实际应用场景去分析解决。

3.3、交互设计师能力篇

最后一章我想和大家分享关于交互设计师的能力模型,主要分三大块,这也是实际工作中感触比较深的几个点,希望对大家能有帮助!

 

3.3.1、基础能力-学习

 

学习是一项比较基础的能力!它包括了你技法上的突破、阅读书籍获取知识、适应和熟悉工作流程;例如当你在工作中,需要设计一个页面动画效果,你学会了一个新的软件和新的实现方法;又或者当你阅读了一本书,学到了很多知识,打破了自己的认知,再或者入职新公司的时候,你需要适应新环境和工作流程。设计领域的要求更新换代特别快,就好比之前我们做设计基本都使用sketch,

还得和苹果系统捆绑,但现在像Figma等软件不光可以客户端下载使用,甚至都可以网页端协同使用。所以在任何时候都要保有一颗

做学徒的心,去学习,去适应、不断的突破自己!

 

3.3.2、通用能力-沟通、执行、总结

 

沟通、执行、总结三大能力无论是在生活还是在工作中都是比较通用的,我们在和别人交流时,需要用语言传达自己的想法,让别人或自己明白,然后去执行,根据执行的结果进行总结,变成自己宝贵的经验。例如有一次在做交互方案时,产品经理直接丢过来一个需求,然后没有说明具体的需求背景和设计方向,然后就把方案弄好了去评审,被技术人员一通乱怼,弄的大家情绪都上了头,就开始争吵起来,最后结果就是重新设计;这让我后来在做方案的时候,一直记得利用这套通用能力去处理问题;确实有效。但在培养这些能力的同时需要注意:把控情绪做有效沟通,拒绝盲目执行,反复思考总结经验,用总结能力反哺自己的沟通、执行能力。

 

 

 

 

 

 

 

3.3.3、进阶能力-洞察、思考

 

洞察和思考是交互设计师的最高级的能力,拥有这种能力的设计师往往已经能够探索到问题的本质,洞察和思考能力的培养来源对事物的探索欲,有好奇心,有细致的观察,这要求设计师要把解决问题当作是兴趣来看待;以生活中的用户使用的出行工具单车设计为例,单车上有很多设计点都体现了交互设计师的这两项能力;

 

 

 

 

 

1:单车的座位调节控制结构设计如上图是哈喽单车的不同版本的设计,第一个调节结构我们需要向逆时针向外推,才能进行座凳高低的调节,第二个调节结构我们仅需要上下方向推拉进行控制。我在使用的过程中,第二个结构操作的时候更加省力。

 

2:座凳支撑杆的身高标记设计第一个支撑杆我们可以看到是没有任何标记的,第二个支撑杆上面有对应身高相匹配的尺寸标记,相比较第一个设计,带标记的设计让用户更快的调到舒适的高度位置。

 

这个设计案例属于从结果倒推方案,因为在已有设计方案做推理分析,但是我相信项目人员在进行产品优化的时候,也肯定是洞察到“旧的坐凳设计”结构给用户带来的不便,不仅操作费力,而且这样的结构容易卡住废车;身高标记的设计肯定也是结合用户的不同身高这个需求,设计师观察用户在调节座凳高度的时候,坐上去再下来,反复的调试去选择舒适的高度,才思考出这样不错的设计方案。

总结

本文分享到这里就结束了,总的来说,想成为一名交互设计师,需要投入的成本是很大的,除了软件技能还需要有足够的知识储备,培养自己的各种思维和能力,那文章我也通过三个部分去说明了这些内容,首先我用设计领域的名词作为切入点,带大家去了解设计领域的现状和关联,对设计名词有大致的概念;其次着重的分析交互设计,介绍了交互设计的起源、定义、主要对象、五大行为要素、两大衡量标准;最后写了关于成为交互设计师一些入门要求,第一点是通过项目流程、项目思维角度,第二点是从设计技能角度,交互设计师需要有设计手段、平台规范、理论知识三大兵器库,第三点是从能力模型角度,交互设计师须具备学习、沟通、执行、总结、洞察、思考6大能力。在去往交互设计的路上,建议设计师们要保持一颗进取的心,认认真真的去学习、去实践、去进阶,提升自己的设计认知。

文章内容仅供学习参考。


作者:Q什伍
链接:https://www.zcool.com.cn/article/ZMTQzNTU1Mg==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

情绪价值在体验设计中的应用

蓝蓝设计的小编

近两年“情绪价值”这个词,相信每个人应该或多或少都有过接触,从商业空间的营销场景到后来渗透到每个领域、每个行业。 
 
先说下这个词的概念,它源于心理学和社会学, 本意为:“它指的是一个人或事物对他人情感状态所产生的积极影响和价值。这种价值不仅仅体现在短暂的愉悦感受上,更包括长期的情绪稳定、心理满足和精神支持。” 
无论是在网红还是在新型电商行业中,许多品牌强调的已经不是单一的产品功能价值,而是增加了强调在消费体验中为消费者带来的快乐、满足、归属感等等一些积极的情绪。这足以说明,无论是品牌、产品还是服务越来越注重为消费者提供情绪价值。 
 
而用户体验设计的本质其实就是让人在使用产品的过程中有非常愉悦的感觉,这一点与“情绪价值”这个词的核心也有点不谋而合。 
 
情绪价值在体验设计中的应用
 
 
相信我们都有这样的疑问:情绪价值在体验设计中重要吗,有什么具体的关系?在设计工作中的情绪价值到底重要吗?情绪价值对产品使用的提升有哪些,具体要怎么做?相信看完下面的内容,你应该会对上面的问题有答案的。 
 
一、情绪价值对用户体验的影响
首先我们可能需要了解情绪价值能给用户带来什么?申晨老师在一次分享会上有提到过情绪价值的三个方向:愉悦感、保障感、专享感。三者由浅入深影响着用户在使用产品时的情绪变化,对应到体验设计中是这样的: 
  •  
    愉悦感→影响用户的满意度
  •  
    保障感→影响用户的容忍度
  •  
    专享感→影响用户的忠诚度
 
提升用户满意度
积极情绪的诱导
 
当产品或服务能够提供情绪价值时,会引发用户的积极情绪。如下图,三种UI会给用户不同的情绪反馈,积极的情绪(右图)往往会让用户驻足停留的更长一些,即便没有需求,也会更愿意去花费一些时间去深入了解,进而带来一些拉新、浏览转化等等数据的提升 
情绪价值在体验设计中的应用
 
 
满足情感需求
 
许多产品和服务通过满足用户的情感需求来提供情绪价值。用户在使用这些产品时,会因为产品所承载的情感因素而感到满足,进而提升对产品体验的满意度。例如: 
  •  
    社交媒体的分享被赞,是一种被关注、被认可的情感需求;
  •  
    直播平台app的互动效果,也是一种渴望互动的情感需求,以此刺激观看者送出礼物。
改善用户对负面体验的容忍度
情绪缓冲作用
 
当产品或服务出现一些小问题时,之前积累的情绪价值可以起到缓冲作用。例如: 
  •  
    在使用某工具产品时,友好的客服系统会给用户比较积极的情绪积累,从而选择包容一些比较小的错误;
  •  
    还有很多错误页面的情感化设计,目的亦是如此。
引导解决问题的积极态度
 
如果用户对产品或服务有情感上的依赖,当遇到问题时,他们会更积极地寻找解决办法,而不是抱怨和放弃。例如: 
  •  
    当产品或服务偶尔出现卡顿现象时,其用户社区氛围很好,用户之间可以互相交流使用经验和解决方案,并且软件开发者也会积极回应用户的问题。这种情绪价值会让用户愿意配合开发者解决软件卡顿问题,而不是直接卸载软件。
 
情绪价值在体验设计中的应用
 
 
增强用户的忠诚度
能够在用户和产品 / 服务之间建立起情感纽带
 
  •  
    以苹果产品为例,苹果公司通过简洁、易用的设计,以及高效的客户服务,为用户提供了良好的情绪体验。用户在使用苹果产品的过程中,会逐渐对品牌产生信任和喜爱。这种情感纽带使得用户在下次购买电子产品时,更有可能继续选择苹果产品,忠诚度较高。
  •  
    一些会员制度也注重通过情绪价值来增强用户忠诚度。例如,酒店的会员计划会为会员提供优先入住、免费升级房间、生日惊喜等服务。这些措施让会员感受到特殊待遇,产生一种被重视的情绪,从而增强了用户对酒店品牌的忠诚度。
推动口碑传播
 
当用户从产品或服务中获得了高情绪价值,他们更愿意向他人推荐。例如: 
  •  
    用户在一家餐厅用餐,餐厅的服务人员热情周到,菜品的呈现方式也很有创意,让用户在享受美食的同时获得了愉悦的情绪体验。这种用户很可能会将这家餐厅推荐给朋友、家人,通过口碑传播为餐厅带来新的顾客。
  •  
    在线游戏如果能为玩家提供丰富的社交互动功能,让玩家在游戏中结交朋友、组队作战,获得团队合作的快乐和成就感等情绪价值,玩家就会积极向周围的人宣传这款游戏,扩大游戏的用户群体。
 
 
二、什么产品适合通过创造情绪价值提升使用体验
 
C端产品:在创造情绪价值的应用策略下,更容易获得显著成果
情绪价值在体验设计中的应用
 
 
 
创造情绪价值这种有效的策略,尤其在面向个人用户产品时,可以更显著提升其使用体验。例如: 
  •  
    社交类产品
    如微信、微博等,通过提供社交互动和情感连接,增强用户的归属感和幸福感 
  •  
    内容类产品
    如视频平台、音乐应用等,通过提供丰富多样的内容,满足用户的情感和娱乐需求 
  •  
    娱乐类产品
    如游戏、盲盒等,通过游戏性和不确定性,激发用户的兴趣和情感投入 
  •  
    交易类产品
    如电商平台、在线购物等,通过营造购物氛围和提供个性化推荐,增加用户的购物愉悦感 
  •  
    工具类产品
    如效率工具、健康管理应用等,通过提供情感化的设计和反馈,提升用户的使用体验和满意度 
 
那么 B 端产品是否同样适用呢?答案无疑是肯定的。随着企业数字化转型的迅速推进,B 端产品在各个行业领域当中得到了广泛的应用,用户体验的重要性越发显著。 
 
 
B端产品:创造情绪价值更有利于提高忠诚度
 
情绪价值在体验设计中的应用
 
 
创造情绪价值的方式
 
  •  
    情感设计:通过设计元素和交互方式激发用户的情感共鸣,增强用户对产品的认同感和忠诚度。例如,通过微动画、个性化推荐和人性化提示,设计师可以为用户创造愉悦的使用体验
  •  
    个性化服务与定制化解决方案:了解客户的独特需求和痛点,提供个性化的建议和支持,帮助客户解决实际问题,带来更多情感上的满足感
  •  
    优化用户体验:注重产品设计和交互体验优化,提供良好的客户服务和多种使用方式,不断优化产品功能,以提升用户的整体使用体验
 
 
创造情绪价值的重要性
 
  •  
    提升用户满意度和忠诚度:通过创造情绪价值,产品可以显著提升用户的满意度和忠诚度,从而促进续费和口碑传播
  •  
    增强产品的市场竞争力:在功能相似的产品中,提供卓越的用户体验可以成为SaaS产品的核心竞争力,帮助企业在市场中脱颖而出
 
 
三、体验设计师如何提升产品的“情绪价值”
我们可以从设计核心的三大阶段(用户研究阶段、设计阶段、测试与优化阶段)入手,来创造与提升产品的情绪价值 
 
用户研究阶段
情绪价值在体验设计中的应用
 
 
 
深入了解用户情感需求
开展定性研究
:通过用户访谈、焦点小组等方式,挖掘用户在使用产品时的情感期望。例如,在设计一款健身APP时,与健身爱好者进行深入访谈,了解他们在健身过程中的情绪变化。可能会发现,用户在完成一次具有挑战性的训练后,希望得到即时的鼓励和成就感,这就为产品设计提供了情感方向。
 
进行定量研究
:利用问卷调查等手段,收集用户对现有产品情绪体验的数据。比如,询问用户在使用某电商平台时,购物流程是否让他们感到焦虑或愉悦,以及在哪些环节有这种情绪。通过数据分析,找出用户情绪的痛点和兴奋点。
 
构建用户画像与情绪场景
 
创建用户画像
根据用户研究的结果,构建详细的用户画像,包括用户的性格、生活方式、价值观等因素,并且添加情绪维度。以一款旅行APP为例,其中一个用户画像可能是“年轻的探险爱好者,性格乐观,追求刺激,在旅行前会充满期待和兴奋”。这样的画像有助于设计师站在用户的角度思考情绪体验。
描绘情绪场景
:针对不同的用户画像,描绘他们使用产品的情绪场景。比如,对于上述旅行APP的用户,在规划行程时,他可能会在APP上查找小众景点,此时的情绪是好奇和兴奋;在旅途中使用导航功能时,希望得到精准的指引,情绪是焦虑或安心,取决于导航的准确性。这些情绪场景为后续设计提供了具体的目标。
 
 
设计阶段
情绪价值在体验设计中的应用
 
 
视觉设计方面
色彩运用
:色彩对情绪有着强烈的影响。例如,暖色调如红色和橙色通常传达活力、热情的情绪,适合用于激发用户兴趣的界面元素,如促销活动页面;冷色调如蓝色和绿色则给人冷静、可靠的感觉,可用于数据展示或需要用户集中注意力的区域。在设计金融产品界面时,使用蓝色为主色调可以让用户感到安全和信任。
图形设计
:简洁、易懂的图形能够快速传达信息并引发积极情绪。在图标设计上,要符合用户的认知习惯。例如,在社交产品中,使用微笑的表情图标表示点赞或喜欢,用户很容易理解并产生愉悦的情绪。同时,利用有趣的插画或动画可以增加产品的趣味性。如在儿童教育产品中,用生动的动画来讲解知识,能够吸引孩子的注意力并让他们感到快乐。
排版布局
:合理的排版可以提升用户的阅读体验和情绪。清晰的标题和正文层次,适当的文字间距和行高,能让用户感到舒适。在新闻类产品中,采用模块化的排版,将不同的新闻内容清晰划分,使用户在浏览时不会感到混乱,从而减少烦躁情绪。
 
交互设计方面
反馈机制设计
:为用户的操作提供及时、明确的反馈可以提升情绪价值。例如,当用户点击一个按钮时,按钮会有短暂的变色或动画效果,让用户知道操作已被接收。在加载页面时,使用有趣的加载动画代替单调的进度条,如旋转的小图标或者跳动的小球,能够缓解用户等待的焦虑情绪。
操作流程优化
:简化复杂的操作流程,减少用户的认知负担和操作失误。在移动支付产品中,尽量减少支付步骤,让用户能够快速完成支付,避免因流程繁琐而产生烦躁情绪。同时,可以增加一些引导性的交互,如新手引导教程,帮助用户轻松上手产品,提升用户的自信心和满意度。
个性化与定制化设计
:根据用户的喜好和行为习惯,提供个性化的交互体验。例如,音乐产品可以根据用户的收听历史推荐相似风格的歌曲,用户会因为产品的贴心而感到愉悦。并且允许用户对界面布局、主题等进行定制,让用户有更多的掌控感,满足他们的自我表达需求。
 
内容设计方面
文案撰写
:使用友好、易懂的文案可以拉近与用户的距离。在产品提示信息中,避免使用生硬的专业术语,而采用亲切的语气。例如,在一款智能家居产品中,当设备连接成功时,显示“哇,您已经成功连接啦,现在就可以享受智能生活啦”,这样的文案会让用户感到轻松和愉快。同时,文案的风格要与产品的定位和目标用户相匹配。
内容策略
:提供有价值、有趣的内容可以提升情绪价值。在知识付费产品中,确保课程内容不仅有深度,而且讲解方式生动有趣。对于内容社区产品,鼓励用户分享积极向上的内容,如生活中的小美好、励志故事等,营造一个充满正能量的社区氛围,让用户在浏览内容时感到愉悦和鼓舞。
 
 
测试与优化阶段
情绪价值在体验设计中的应用
 
 
可用性测试与情绪评估
进行可用性测试
:在产品原型阶段,邀请用户进行可用性测试,观察用户的操作行为和情绪反应。例如,在测试一款办公软件的新功能时,注意用户是否能够顺利使用,以及在使用过程中是否出现困惑、烦躁等情绪。可以通过用户的面部表情、言语反馈等方式收集情绪信息。
情绪评估工具
:利用情绪评估工具,如情感化可用性量表(UEQ)等,对用户的情绪体验进行量化评估。UEQ可以测量用户对产品的吸引力、易用性、可靠性等维度的情绪感受,通过数据分析,找出需要优化的情绪体验点。
 
根据反馈优化设计
迭代设计
:根据用户测试的反馈,对产品的视觉、交互和内容设计进行迭代优化。例如,如果用户在测试中表示某个界面元素的颜色让人感到刺眼,设计师可以调整颜色方案。如果用户对某个操作流程不理解,就优化操作引导。
持续关注情绪反馈
:产品上线后,持续收集用户反馈,关注用户情绪价值的变化。随着用户需求的变化和市场环境的改变,不断调整产品设计,以保持和提升产品的情绪价值。例如,在节日期间,对产品界面进行节日主题的装饰,为用户提供新鲜感和节日氛围带来的愉悦情绪。
 
四、情绪价值是否具备量化条件
可以通过以下方法对其进行量化计算
 
情感化可用性量表
情绪价值在体验设计中的应用
 
 
原理:UEQ是一种广泛用于量化用户对产品情绪体验的工具。它通过一系列的问卷题目来测量用户对于产品的吸引力、易用性、效率、可靠性和刺激度等多个维度的感受。例如,在吸引力维度上,会询问用户对于产品外观、风格是否感到喜欢;在易用性维度,会涉及用户操作产品时是否感到轻松、方便等问题。 
 
应用:在一款产品/功能的用户体验测试中,使用UEQ可以收集用户对该应用在不同维度的情绪评价。通过对大量用户反馈的数据统计,得出该应用在各个维度的量化得分,比如吸引力维度得分较高,说明产品在视觉等方面能引发用户积极情绪,而如果易用性维度得分较低,则可能表示产品的操作流程等会让用户产生负面情绪。 
 
 
净推荐值(NPS)与情绪关联量化
 
情绪价值在体验设计中的应用
 
 
 
原理:净推荐值是通过询问用户“您是否愿意将这个产品推荐给其他人”来衡量用户忠诚度。虽然NPS本身不是直接对情绪价值的量化,但它与用户的情绪体验密切相关。当用户体验到较高的情绪价值,如愉悦、满足等,他们更有可能成为推荐者,NPS得分就会升高。 
 
应用:通过定期收集用户的NPS数据,并且结合用户对功能使用体验的详细反馈(包括对产品、服务、售后等环节的情绪感受),可以间接量化情绪价值对用户忠诚度的影响。例如,如果发现NPS得分高的用户在评价中经常提及购物过程中的快乐情绪和优质服务体验,就可以推断出情绪价值在提升用户忠诚度方面起到了积极作用。 
 
 
 
  1.  
    生理指标测量
 
情绪价值在体验设计中的应用
 
 
原理:情绪会引发身体的生理反应,如心率、皮肤电导率、瞳孔大小等变化。通过专业的设备可以测量这些生理指标,以此来推断用户的情绪状态。例如,当用户感到兴奋或紧张时,心率会加快;当他们感到好奇或专注时,瞳孔可能会放大。 
应用:在用户体验实验室中,测试用户在使用虚拟现实(VR)游戏的情绪体验。通过佩戴可以监测心率和皮肤电导率的设备,观察用户在游戏不同场景下的生理指标变化。如果在某个刺激的战斗场景中,用户的心率明显上升,皮肤电导率也增加,就可以推断用户处于兴奋或者紧张的情绪状态,从而量化游戏场景对用户情绪的激发程度。 
 
虽然有量化方法,但也只有部分可被量化,完全精准量化还存在一定的挑战 
 
 
难以完全量化的原因
情绪的复杂性和主观性
个体差异:不同用户对同一产品或体验的情绪反应存在很大差异。例如,对于一款具有挑战性的游戏关卡,一些玩家可能会因为克服困难而感到兴奋和满足,而另一些玩家可能会因为觉得太难而产生沮丧情绪。这种个体差异使得很难用统一的标准来量化情绪价值。
文化背景影响:文化因素也会对情绪价值的感受产生影响。在某些文化中,含蓄的情感表达是常态,而在另一些文化中,人们可能更倾向于直接的情感反应。比如,在日本文化中,用户可能对产品的精致、细腻的设计有更深刻的情感共鸣,而西方文化中的用户可能更看重产品的创新性和个性化带来的情绪体验。
 
情绪与情境的动态变化
使用场景的多样性:用户在不同的使用场景下对产品的情绪价值感受不同。例如,一个音乐播放软件,用户在运动场景下可能更关注节奏强烈的音乐带来的激励情绪,而在睡前场景下则更看重舒缓音乐营造的放松情绪。这种随场景变化的情绪体验难以用固定的量化指标来衡量。
 
时间因素:用户对产品的情绪体验也会随着时间而变化。最初接触产品时的新鲜感可能会带来积极情绪,但随着时间推移,如果产品缺乏更新或出现问题,情绪可能会转变为消极。而且情绪的产生和消退过程很难精确量化,例如很难确定用户从感到满意到产生厌烦的具体时间节点。
虽然难以量化,但情绪价值在实际应用中发挥的作用还是很大的。 
 
 
结束语
在体验设计的广阔领域中,情绪价值犹如一股无形的力量,悄然影响着用户与产品之间的每一次互动。它不仅仅是愉悦感、保障感和专享感的简单叠加,更是用户在深层情感层面与品牌建立起的稳固纽带。通过精心设计的用户体验,我们能够触动用户的情感,激发他们的共鸣,从而在用户心中留下深刻而持久的印记。 
 
作者:木茶


作者:群核科技MCUX
链接:https://www.zcool.com.cn/article/ZMTY0OTIxNg==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

交互设计 2025:未来趋势与用户体验新变革

蓝蓝设计的小编

交互设计在 2025 年将迎来一场深刻的革命,这些未来趋势将共同塑造全新的用户体验,使人们与技术的交互更加自然、智能、个性化和环保。交互设计师们需要紧跟时代步伐,不断探索创新,以应对这些变革带来的机遇和挑战,为用户创造出更加美好的数字未来。

UI设计公司分享:交互设计基础深度解析

蓝蓝设计的小编

当我们谈论交互设计(Interaction Design)时,可能有人会疑惑:在体验设计(User Experience Design 简称UX Design)为主流的今天,为什么还要关注交互设计?
 
其实,交互有广义和狭义之分,
广义的交互不仅仅是指互联网企业中的交互设计岗位,也包含从人机交互、人因工程等发展而来的大交互学科
(各大院校的交互设计专业)。而用户体验设计和UI设计只是互联网发展中形成的职业类别:
万字长文:交互设计基础深度解析(一)
 
 
所以说,无论是体验设计、UI设计甚至是服务设计,它们都建立在交互设计的基础之上。交互设计具备的学术背景和理论深度,是连接理论与实践的桥梁,它帮助我们从执行任务的“匠人”,变成能够深入理解背后的逻辑和目的的“设计师”。
 
很多同学虽然非常熟悉信息架构、任务流程和页面搭建等工作,但他们仍然感到困惑,无法将这些内容串联起来,也不清楚底层逻辑,就是因为他们缺乏对交互设计学科背景的深入理解。只有掌握了交互设计的学科知识,设计师才能在职业道路上走得更远,更好地理解和应用设计原则。
 
今天我们就以“学科+职业”的方式,真正系统地介绍一下广义交互设计的基础知识。主要包括以下几部分:
 
第一章  交互设计概述
什么是交互设计,为什么会有交互设计;
第二章  交互设计依托的学科理论基础
这门学科的背景是什么,理论依据在哪里;
第三章  交互设计的基本流程与方法
介绍最通用的交互设计过程与方法;
第四章  交互设计基本原则
介绍设计中必须遵循的几大原则;
第五章  交互设计常用的方法论
成套的装备,可直接使用的成体系方法。
 
第一章 交互设计概述
1.1 什么是交互?
“交互”这个词是从Interaction意译的,词义为“相互作用”,从中文来说,即交流、互动。在人与人之间,相互的打招呼、交流,就算是最简单的交互。那么人和机器之间的交流互动是什么样的呢?举个例子,如果你想给朋友发一条信息,交互过程可能是:
 
打开微信 → 打开对话框 → 输入文字 → 点击发送
 
在这个过程中,每一步的操作,手机都有所反馈,比如点击微信icon,就会进入主界面,点击“发送”,信息就会发到对方微信,一系列的操作和反馈就构成了交互。
 
所以简而言之,当人和一件事物(无论是人,机器,系统、环境等等)发生
双向的信息交流和互动
,就是一种交互行为。这种交流和互动必须是双向的,如果只有一方的信息输出,而没有第二方的参与,就只是信息展示而不是交流互动。来而不往非交互。比如我们平时看到的平面广告,只是信息呈现,没有交互性,而下面的广告设计,就具备了交互的属性:
有人抽烟就“咳嗽”的广告牌
有人抽烟就“咳嗽”的广告牌
 
上图是一个戒烟产品广告,一般状态下,画面中的男士神态正常,当有人在附近吸烟时,画面中的男士就开始咳嗽。这个广告牌会根据外界的变化而呈现不同的反馈。
 
1.2 什么是交互设计?
既然“交互”是交流、互动,那么“交互设计”简单来说,就是设计如何交流如何互动,让交流和互动更加自然更加顺畅。
 
交互设计有广义和狭义之分。从广义上说,人与外物的所有交互都是交互设计的范畴,比如一个人要开门,是用门把手还是直接推,需要钥匙还是指纹,这属于广义的交互设计。而狭义的交互设计,就是特指人与互联网产品或智能产品的交互,在这里主要讨论后者。所以我们之后所说的“产品”主要就是指运行在各种联网终端(手机、电脑、Pad、电视等)上的网站、应用等产品,或者是可联网并具有交互性的智能设备,如智能汽车,智能机器人,智能音响等。
 
另外从职位角度来看,交互设计专门指在互联网产品设计过程中确定了产品功能之后、视觉设计之前这一段,主要包括功能架构的搭建、用户流程的设计和界面元素的排布等方面,众多的交互设计培训班就是在做这部分的培训。比如一个APP的登录注册,打开登录页是开始,登录成功是结束,这个过程如何进行,期间遇到各种问题如何解决,就是职业交互设计的范畴。
万字长文:交互设计基础深度解析(一)
 
 
而从学科角度来看,交互设计是
定义、设计人与人造系统如何关联的设计领域
。学术角度,对于交互会有更多偏研究的内容,而不仅仅像职业交互设计师一样去解决用户需求,还要考虑很多基础性的问题,比如人与环境的关系、人与人造物的关系等。
 
1.3 交互设计的发展历程和价值
交互设计是由IDEO的一位创始人比尔·摩格理吉(Bill Moggridge)在1984年一次设计会议上提出的。后来它逐渐综合了人机交互,人因工程,认知心理学等领域的知识,形成了专门用于解决产品在使用和体验方面问题的学科领域。
 
那么到底为什么会出现交互设计这个领域呢?
 
以前的产品,其实并不需要交互设计,比如较早的洗衣机(下图左),只需要一个开关就足够了,但是后来,有了双桶、半自动、全自动洗衣机,操作越来越复杂,这时就需要交互设计师去研究用户的使用流程与操作方式,
让用户能够与复杂功能和平相处
万字长文:交互设计基础深度解析(一)
 
 
这是实体产品的例子,计算机方面,比如以前的DOS系统(下图左),一个命令对应一种结果,只需要记住就行,也不需要交互设计,后来有了
图形界面(下图右),有了鼠标,操作就变得复杂,就需要交互设计师和界面设计师来定义软件系统。
万字长文:交互设计基础深度解析(一)
 
 
所以说,
交互设计是顺应时代需求而产生的
,当工程师无暇处理人与机器的交流互动问题时,交互设计师便应运而生了。
交互设计的发展历程
交互设计的发展历程
 
在短短30多年的发展中,交互设计已经涉及方方面面,从最初的网页设计,app设计,到智能设备、自然界面设计,甚至是服务体验,都可以通过交互设计的方法找到解决方案。当前交互设计的研究重点已经放在了多模态(多通道)、多媒体交互,虚拟交互以及人机协同等方面。
万字长文:交互设计基础深度解析(一)
 
 
第二章 交互设计学科理论基础
新学科基本不会凭空诞生,一般都是从已有学科发展过渡而来,
往往是当已有学科无法解决新出现的问题时,就会在他们的基础上诞生新的学科
。而交互设计就是在工业设计、人机交互等学科的基础上,借鉴人因工程,认知心理学等领域研究结果,逐渐融合而成的一门交叉学科。下面这幅图基本展示了交互设计的学科结构,但并不全面:
万字长文:交互设计基础深度解析(一)
 
 
这里由于篇幅原因,只简单介绍与交互相关性较大的几个领域:工业设计、人因工程、人机交互与认知心理学。
 
2.1 工业设计
对于工业设计(Industrial Design)大家应该相对比较熟悉,很多大学都开设了工业设计专业。它与交互相关性很高,所以大量的工设毕业的学生都从事了交互设计职位(主要是薪资差别太大哈哈)。
 
从设计对象上来看,交互设计的对象比较偏网站、APP之类的虚拟产品,而工业设计主要针对实体产品,比如电脑、吸尘器、交通工具之类的,所以会更多的考虑产品的外观、材质、内部结构设计等。当然对于电视、音响等操作较为复杂的产品,工业设计师也会考虑很多人与产品交互的问题,比如电视遥控器的设计就是一个经典题目。不过交互设计的对象会更加的集约化、系统化和精细化,所以对于设计分析和方案实现方面,有了更高的要求。
工业设计与交互设计的融合
工业设计与交互设计的融合
 
另外,工业设计与交互设计在很多方面都是相通的。特别是当前市面上很多智能设备,都需要工业设计师和交互设计师紧密配合才能做出即好用又好看的产品。在漫长的工业设计发展史中,涌现的很多设计思考和方法,都可以为交互设计带来养分,比如一直以来都在讨论的“形式与功能”的问题,是形式追随功能还是功能追随形式或是功能形式各自独立,其实跟交互与UI的关系很像,历史总是在不断的重复。
 
2.2 人因工程
人因工程(Ergonomics)又称为人机工程、人体工学等,主要是探讨和应用人类行为、能力本能极限和其它的特性等相关信息来设计器具、机器、设备、系统、任务、工作及其相关所属的周遭环境,以增加生产力、安全性、舒适感和效率,进而提升人类的生活品质。
人因工程对交互设计较大的贡献主要有两个方面:
一是人体测量。
首先是下图所示的各种人体尺寸、活动范围的测量,这些在实体产品中运用很广泛。除了这些测量以外,还有对于记忆极限、注意力极限等的测量,对于交互中的可用性易用性提高都有很高的参考价值。
人因工程中的人体测量
人因工程中的人体测量
 
二是以人为中心的设计观念。
现在各个设计领域都在提倡以人为中心,其实这个理念最早是由人因工程提出的,这种理念使设计师开始关注人的操作过程、人的感受,使得各种产品都有了巨大的进步。
 
2.3 人机交互
很多人把交互设计和人机交互混为一谈,其实这是不同的两个领域。
 
简单说来,
人机交互主要是为交互设计提供技术支持
,比如多点触控、手势交互等,都是人机交互的学科范畴。它研究人与机器之间进行信息传递的理论、技术和设备,既包括技术研究(包括算法、硬件技术等),也包括心理学研究;而
交互设计相对来说,是属于设计中的一个领域,是一种实践方法,
通常为了解决特定使用场景下特定人群的使用过程中,人与机器(或软件、网站)如何更方便简单地「对话」的问题。
 
当然两者也有比较大的交汇,比如人机交互研究中发现的一般规律可以指导交互设计或提供参照,人机交互研究中还包括对交互设计方法论的研究,而交互设计实践中遇到的挑战和难题也能够促发新的人机交互研究。
 
2.4 认知心理学
在介绍交互设计的定义时,我们提到它是“定义、设计人与人造系统如何关联的设计领域”,如何关联当然很重要,但在让他们更好的关联之前,我们需要深入的了解自身。而在交互设计领域,我们不可能专门研究人,所以就可以直接运用相关的研究结果了。在大量的研究人的领域中,认知心理学是跟我们的设计息息相关的学科,因为人与人造系统要很好的关联,必须综合运用人的感知系统。下面从几个最基础的方面进行简单的介绍:
 
2.2.1 感知融合
感知融合是指人对外界的感知与反馈是系统性的过程,这个系统由视觉、听觉、触觉、前厅感觉(运动和重力觉)、整体位置及躯体感觉等等一起组成,它们在反馈机制的作用下互相制约,互相协调,从而使人可以在日常生活中能够感知事物和适应环境变化。所以
在设计过程中,对于视觉、听觉、触觉等感知系统进行综合考虑,不能孤立的看待
人的信息处理工作系统(感知融合)
人的信息处理工作系统(感知融合)
 
 
2.2.2 视觉
人类接收信息80%是通过视觉,而交互设计产品,整个交互过程基本都要紧密依赖于人的视觉系统,所以了解视觉系统就非常有必要了。视觉系统具有主动性、动态建构等特点。视觉认知分为色彩认知、运动认知、形状认知、控件认知等方面。这些认知特点与界面设计都有很大的相关性,比如其中的形状认知包括相似性、接近性、连续性、简洁性和完整性等特点。而且很多设计原则都是从人类视觉特点中来的,在这里不做展开,以后有机会专门做介绍。
 
举个简单的例子:
某平台购物车改版前后对比
某平台购物车改版前后对比
 
上图左边是某购物平台的旧版购物车,右边是新版,他们为什么要做这样的改进呢?我们可以看到左图中元素与元素之间间距都差不多,我们无法较快的区分信息的归属,比如满赠的商品是属于上面的商品还是下面的;而右图中间距进行了调整,可以一眼就能分辨出赠品是属于上面的产品。
 
可能有的同学这时会说:“这不是很基础的UI原则嘛,跟人的视觉有啥关系?”,其实主要就是因为人的视觉有之前提到的接近性的特点,所以才会有这样的原则。什么是接近性呢?请看下面这张图:
视觉接近性原则
视觉接近性原则
 
左边的九个菱形,横向间距小,竖向间距大,所以人眼会认为每一排是一个整体;右边图里,横向间距大,竖向间距小,所以人眼会认为每一列是一个整体。这就是人眼睛看事物做判断的特点,各种设计都需要遵循这些特点。所以去学习那些别人总结出来的设计原则,不如直达根本,了解认知学理论,你也可以创造出自己的设计原则!
 
2.2.3 注意
除了视觉之外,认知学里还有一块非常重要,就是注意。有句话说,
现代互联网之战基本上就是注意力之战
,那打好这场仗,必然得了解人的注意是怎么回事。
 
简单说来,人的注意有三个特点:
一是选择性:
注意是主动选择的过程,也就是说,人要是把注意力集中在某个地方,需要主动做出选择,不像听觉和嗅觉,可以被动接受。所以,在设计过程中,需要通过一些方法,让重点内容成为被注意对象。比如在新消息到达时,通过弹窗、小红点等形式提示用户,就是典型的影响用户注意选择的方法。
二是集中性:
正在集中精力所在的最多只能有一个实体,无论它是一个对象、一个特征、一个记忆还是一个概念。因为这个特点,在设计中就应该避免过多干扰注意的内容,尽量让用户集中注意在重点内容、重点任务上。
三是注意分配:
虽然集中精力所在只能有一个,但整体的注意资源还是可以得到有限度的分配。但也取决于并行活动的性质、复杂程度以及熟练程度。比如左手画圆右手画方,是很难做到的,但是同时走路并看手机,就没有问题,主要就是因为走路这个动作我们非常熟练,只需要分配很少的注意力资源。所以在设计过程中,需要关注用户同时进行的任务,是不是会对注意造成压力,合理进行注意管理。
万字长文:交互设计基础深度解析(一)
 
 
上图是Evernote从2008年到2020年的UI设计变化史,这里我们可以很明显的看出一个趋势,就是简单化和扁平化,那为什么会有这种趋势呢,只是因为人们的审美发生了变化吗,肯定不是这么简单。
 
早年间,苹果手机将屏幕分辨率一下子提升了不少,这让众多手痒的设计师们终于有了发挥余地(以前那种可以看到一个个像素的屏幕实在没啥可做的),所以他们对于图标和界面无所不用其极,描绘的美轮美奂。当然,一开始之所以这样,另外一个原因也是为了沿用现实中的心智模式,让用户可以在屏幕上迅速理解,但是这两者之间的成分,我觉得还是前者更多。然后到了一定的阶段,人们发现这些精美的图标和控件很大程度上吸引了用户的注意力,真正重要的东西反而不容易看到,当然也是物极必反吧,终于在iOS7当中,苹果彻底做了大革新,全部扁平化,提出内容至上的原则,其实就是对于注意力资源的重新考虑。
 
 
2.2.4 记忆
在人的认知系统中,记忆也是一个神奇的东西。
 
人的记忆分为短期记忆和长期记忆。短期记忆也称工作记忆,是为了完成任务而临时储存的信息。工作记忆的容量有限,大约是7±2,即我们能够同时记住的互不相关的东西的数量在5~9之间。此外,工作记忆还非常不稳定,如果我们将注意转移到新事物上,之前工作记忆中的内容就可能遗失。所以在设计中,需要考虑用户的记忆压力,尽量避免过多过长的记忆。
 
 
2.2.5 习惯
《上瘾》中关于习惯是这么说的:“所谓习惯,就是’在情境暗示下产生的无意识行为’,使我们几乎不假思索就做出的举动。如今,我们习以为常的那些产品和服务正在改变我们的一举一动,而这,真是产品设计者的初衷。”
 
产品设计者的初衷一定是要改变用户的习惯吗?到底应该引导用户习惯还是顺从用户习惯呢?其实都不一定,要视情况而定。比如手机设计从物理键盘到触摸屏,大势所趋,需要引导习惯;而触摸屏上键盘的字母排布,就需要顺从用户习惯了。
万字长文:交互设计基础深度解析(一)
 
 
 
 
小结:
第一部分和第二部分介绍了什么是交互设计,以及这门学科出现的原因和发展历程,然后介绍了它的一些学科理论基础,因为篇幅原因,这里只是点到为止。要是想深入了解,还是需要自己深入到相关学科中,不但可以拓宽视野,也能够对交互有更加深入的理解。


作者:觉之设计
链接:https://www.zcool.com.cn/article/ZMTY0MTU0OA==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan。

UI 设计和交互设计的区别是什么?

蓝蓝设计的小编

在当今数字化产品蓬勃发展的时代,UI 设计(用户界面设计)和交互设计在打造优质用户体验方面都扮演着极为关键的角色,但它们却有着明显的区别。

如何从产品角度发起交互设计?

蓝蓝小助手

在当今数字化的时代,产品的成功不仅仅取决于其功能的强大,更在于能否为用户提供流畅、愉悦且富有价值的交互体验。从产品角度发起交互设计,意味着将用户置于核心,以实现产品的商业目标和用户需求的完美融合。

10大交互设计原则,优秀的产品软件都在遵循

资深UI设计者

UI设计不仅仅需要把功能需求可视化,还需要注重用户体验。所谓用户体验,其实就是用户与页面的交互。而在交互设计中有很多的方法和理论,如格式塔心理学、尼尔森可用性原则、7+2法制、3次点击法制、功能可见性原则、菲茨定律等。他们大多的方法也是共同的。

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档