首页

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

用户体验设计必备知识之支持可用性的交互设计原则

涛涛

本文主要结合常见的移动端产品分享支持可用性的交互设计基本原则。文章图片较多请耐心等待加载清晰后查看。

打动用户的关键:用户体验地图实战攻略

鹤鹤

目录
一、  什么是用户体验地图?
二、  为什么使用用户体验地图?
三、  什么情况使用用户体验地图?
四、  用户体验地图的组成?
五、  用户体验地图的制作流程
六、  用户体验地图案例展示
七、  用户体验地图总结
一、  什么是用户体验地图?
打动用户的关键:用户体验地图实战攻略
 
 
用户体验地图(User Experience Map)是一种用于可视化展示用户在与产品或服务互动过程中所经历的各个接触点和体验的工具。它帮助团队深入了解用户的行为、情感和痛点,从而优化用户体验。
用户体验地图(User Experience Map)是产品设计前期——用户研究中很重要的一部分,视角化和图表的方式,从用户的角度来表现其和产品/组织/服务交互的过程,是连续的视觉时间和完整故事的多个互动点。
简单来说,在用户定义角色,搭配行为研究、表格调查和竞品分析等数据下,构思出这个角色在某个角色故事下要完成特定目标,以反应用户使用某个特定产品的真实特性,有助于我们评估现状、找出用户真正的痛点,与优化整体的体验流程(创造和谐的互动)。
二、  为什么使用用户体验地图?
打动用户的关键:用户体验地图实战攻略
 
 
使用用户体验地图(User Experience Map)在项目中有很多重要的原因,能够给团队带来显著的价值,例如:
1、全面理解用户旅程
可视化用户体验:用户体验地图通过图形化的方式展示用户在使用产品或服务过程中的所有步骤和接触点,使团队能够直观地看到用户的整个旅程。
识别关键时刻:帮助团队识别用户旅程中的关键触点和情感波动,理解用户在不同阶段的需求和行为。
2、发现用户痛点和改进机会
识别痛点:用户体验地图能够揭示用户在使用过程中的痛点和挑战,使团队可以针对这些问题制定解决方案。
挖掘改进机会:通过分析用户行为和情感波动,团队可以找到提升用户体验的机会,从而优化产品或服务。
3. 增强团队协作和沟通
统一理解:用户体验地图作为一种直观的沟通工具,使跨职能团队(如产品经理、设计师、开发人员和市场团队)能够共享对用户体验的统一理解。
促进协作:通过共同创建和讨论用户体验地图,团队成员可以更好地协作,提出建设性的意见和建议。
4. 驱动以用户为中心的设计
以用户为中心:用户体验地图强调从用户的角度出发,关注用户的需求、情感和行为,推动以用户为中心的设计和开发。
提升用户满意度:通过优化用户旅程中的各个触点和体验,团队可以提升用户满意度和忠诚度。
5. 支持决策制定
数据驱动决策:用户体验地图基于用户研究和数据分析,为决策提供可靠的依据,减少主观判断和猜测。
优先级管理:通过识别用户体验中的关键问题和机会,团队可以更好地确定优先级,集中资源解决最重要的问题。
6. 提高用户体验设计的效率和效果
明确目标和方向:用户体验地图帮助团队明确设计目标和方向,减少反复修改和沟通成本,提高设计效率。
验证设计假设:通过用户体验地图,团队可以验证设计假设和概念,确保设计方案符合用户需求和期望。
三、什么情况使用用户体验地图?
打动用户的关键:用户体验地图实战攻略
 
 
用户体验地图(User Experience Map)在多种情况下都可以使用,能够帮助团队更好地理解和优化用户体验。例如:
1.产品或服务的初期开发阶段
定义产品概念:在开发新产品或服务时,用户体验地图帮助团队理解用户需求和期望,确保产品设计符合用户需求。
设计用户旅程:通过用户体验地图,团队可以详细规划用户与产品互动的每个步骤和触点,确保用户旅程流畅且无障碍。
示例:
一家创业公司在开发一款新的移动应用时,通过用户体验地图了解目标用户的需求和使用习惯,从而设计出更符合用户期望的产品。
2.现有产品或服务的优化
识别和解决问题:当现有产品或服务存在用户体验问题时,用户体验地图帮助团队识别痛点并制定改进措施。
提升用户满意度:通过分析用户在不同接触点的情感和行为,团队可以找到提升用户满意度和忠诚度的机会。
示例:
一家电商平台通过用户体验地图发现用户在结账环节遇到的困难,优化了结账流程,显著提高了用户满意度和转化率。
3.跨职能团队的协作和沟通
建立共同理解:在涉及多个部门的项目中,用户体验地图帮助不同团队(如产品、设计、开发、市场)建立对用户体验的共同理解。
促进协作:通过可视化的用户旅程,团队成员可以更有效地讨论和协作,提出有建设性的改进建议。
示例:
一家大型企业在推出一项新服务时,通过用户体验地图让产品经理、设计师和市场团队共同参与,确保各团队对用户体验的理解一致,从而提高协作效率。
4.用户研究和测试阶段
记录用户反馈:在用户研究和测试阶段,用户体验地图帮助记录和分析用户反馈,发现用户在使用产品过程中的实际体验。
验证设计假设:通过用户体验地图,团队可以验证设计假设,确保设计方案符合用户需求和期望。
示例:
一家金融科技公司在测试新功能时,通过用户体验地图记录用户的使用体验和反馈,优化了功能设计。
5.制定产品战略和路线图
战略规划:用户体验地图帮助团队从用户角度出发,制定产品战略和发展路线图,确保产品的发展方向符合用户需求。
优先级管理:通过识别用户体验中的关键问题和机会,团队可以更好地确定改进措施的优先级。
示例:
一家健康科技公司在制定未来两年的产品发展计划时,通过用户体验地图分析用户需求和市场趋势,确定了重点开发的功能和服务。
6.营销和客户支持
提升客户支持效率:用户体验地图帮助识别用户在寻求支持时的痛点,优化客户支持流程,提高用户满意度。
优化营销策略:通过了解用户在不同阶段的情感和行为,团队可以制定更有针对性的营销策略,提升用户转化率。
示例:
一家SaaS公司通过用户体验地图发现用户在使用过程中遇到的常见问题,优化了客户支持流程,并根据用户行为调整了营销策略,提高了客户留存率。
四、  用户体验地图的组成?
打动用户的关键:用户体验地图实战攻略
 
 
组成用户体验地图(User Experience Map)可以分为八个部分,分别是:用户角色(Persona)、场景(Scenario)、阶段(Stages)、触点(Touchpoints)、用户行为(Actions)、用户情感(Emotions)、痛点(Pain Points)、机会(Opportunities);组成部分整合到一张用户体验地图上,团队可以直观地看到用户旅程中的所有关键要素。帮助团队全面理解用户在整个体验过程中的行为、情感和痛点,从而制定更有效的优化策略,提升用户满意度。下面我们详细说明这八个部分:
1. 用户角色(Persona)
定义:用户角色是目标用户的详细描述,包括人口统计信息、行为模式、需求和痛点。
目的:帮助团队聚焦特定用户群体的需求和体验,使设计和决策更有针对性。
示例:
年龄:25-35岁
职业:城市白领
兴趣爱好:网上购物
需求和痛点:需要便捷快速的购物体验,不喜欢复杂的结账流程
2. 场景(Scenario)
定义:场景是用户在某一特定情境下与产品或服务互动的全过程描述。
目的:帮助团队了解用户的具体使用情境和目标,确保设计满足实际使用需求。
示例:用户在下班回家的路上,通过移动应用购买晚餐所需的食材。
3. 阶段(Stages)
定义:用户旅程的不同阶段,从开始到结束,包括用户在每个阶段的主要活动和目标。
目的:展示用户旅程的整体结构,帮助团队识别每个阶段的关键活动和目标。
示例:
发现(Discovery)、考虑(Consideration)、决策(Decision)、使用(Usage)、回访(Return)
4. 触点(Touchpoints)
定义:用户在每个阶段与产品或服务的具体接触点,如网站、客服、实体店等。
目的:识别用户与品牌互动的关键时刻,确保每个接触点的体验都得到优化。
示例:网站首页、产品页面、购物车、结账页面、客服
5. 用户行为(Actions)
定义:用户在每个触点上的具体行为,如浏览网页、咨询客服、购买产品等。
目的:展示用户的具体操作过程,帮助团队理解用户的实际使用方式。
示例:浏览产品、加入购物车、填写订单信息、支付、联系客服
6. 用户情感(Emotions)
定义:用户在每个触点上的情感体验,包括积极和消极的情感波动。
目的:帮助团队理解用户的满意度和痛点,确保在关键时刻提供积极的体验。
示例:
兴奋(浏览产品时)、犹豫(选择支付方式时)、沮丧(遇到支付问题时)、满意(收到产品时)
7. 痛点(Pain Points)
定义:用户在整个体验过程中遇到的困难和挑战。
目的:识别和解决用户体验中的问题,提升用户满意度。
示例:
结账页面加载慢、支付方式选择不便、客服响应慢
8. 机会(Opportunities)
定义:基于用户行为、情感和痛点,识别出改善用户体验的潜在机会。
目的:为团队提供改进用户体验的方向和具体措施,推动持续优化。
示例:
优化结账页面性能、增加支付方式、提升客服响应速度
五、  用户体验地图的制作流程
打动用户的关键:用户体验地图实战攻略
 
 
制作一份完整的用户体验地图(User Experience Map)需要多个步骤,使用的方法也有很多,不用担心,下面我们进行详细步骤拆解:
1.定义目标
目的:明确制作用户体验地图的目标和用途,比如改善特定功能的用户体验、优化整体用户旅程等。
示例:
一家电商平台希望通过用户体验地图识别用户在结账过程中的痛点,并制定改进措施。
2.收集用户数据
方法:
用户访谈:直接与用户对话,了解他们的需求、行为和情感。
问卷调查:通过问卷收集大规模用户数据。
用户观察:观察用户在实际使用产品或服务时的行为和反应。
可用性测试:测试用户在特定任务中的表现,发现使用障碍和痛点。
数据分析:分析网站或应用的使用数据,了解用户行为模式。
示例:
电商平台通过用户访谈和问卷调查收集用户在结账过程中的体验和反馈。
3.定义用户角色(Persona)
步骤:
基于收集的数据,定义主要的用户角色,描述其特征、需求和痛点。
示例:
用户角色A:25-35岁,城市白领,喜欢网上购物,重视便捷和快速的购物体验。
4.描绘用户旅程
步骤:
划分用户旅程的不同阶段,从开始到结束,包括用户在每个阶段的主要活动和目标。
示例:
发现阶段:用户在网上搜索和浏览商品。
考虑阶段:用户比较不同商品的特点和价格。
决策阶段:用户决定购买某件商品。
使用阶段:用户完成购买并等待商品送达。
回访阶段:用户收到商品后可能会再次访问网站。
5.识别触点和用户行为
步骤:列出用户在每个阶段的具体触点和行为,展示用户的操作过程。
示例:
触点:网站首页、产品页面、购物车、结账页面、客服。
用户行为:浏览产品、加入购物车、填写订单信息、支付、联系客服。
6.记录用户情感
步骤:描述用户在每个触点上的情感体验,包括积极和消极的情感波动。
示例:
用户在浏览产品时感到兴奋,但在结账时因页面加载慢而感到沮丧。
7.识别痛点和机会
步骤:基于用户行为和情感,识别用户在每个阶段的痛点,并找出改善用户体验的机会。
示例:
痛点:结账页面加载慢、支付方式选择不便、客服响应慢。
机会:优化结账页面性能、增加支付方式、提升客服响应速度。
8.创建可视化地图
步骤:将所有信息整合到一张可视化的用户体验地图上,使团队能够直观地了解用户的完整体验过程。
工具:
手绘草图:用纸和笔绘制用户体验地图。
数字工具:使用工具如Miro、Lucidchart、UXPressia等创建数字用户体验地图。
9.讨论和验证
步骤:
与团队成员共同讨论用户体验地图,验证其准确性和全面性。
基于讨论结果进行必要的修改和调整。
示例:
团队成员共同审查用户体验地图,确认所有触点和用户行为是否准确,讨论发现的痛点和改进机会。
10.制定改进措施
步骤:根据用户体验地图识别的痛点和机会,制定具体的改进措施和实施计划。
示例:
优化结账页面加载速度,增加多种支付方式,提升客服响应效率。
11.实施和跟踪改进
步骤:实施制定的改进措施,并持续跟踪用户反馈和数据,评估改进效果。
示例:
电商平台实施优化结账页面的改进措施,并通过用户反馈和数据分析评估效果,确保用户体验得到提升。
六、  用户体验地图案例展示
通过上面的介绍,相信你已经对用户体验地图(User Experience Map)有了一定了解,是不是已经想自己动手开始制作了,下面我们看几个案例:
案例 1:电商平台优化
背景:一家电商平台希望通过用户体验地图识别用户在结账过程中的痛点,并制定改进措施,以提升用户满意度和转化率。
 
打动用户的关键:用户体验地图实战攻略
 
 
用户角色(Persona)
姓名:张女士
年龄:30岁
职业:城市白领
兴趣:喜欢网上购物
需求:需要便捷快速的购物体验
痛点:不喜欢复杂的结账流程
触点和用户行为
 
1.  发现(Discovery):通过搜索引擎和社交媒体广告发现平台
2.  考虑(Consideration):浏览产品详情,查看用户评论
3.  决策(Decision):将商品加入购物车
4.  购买(Purchase):填写订单信息并支付
5.  回访(Return):查看订单状态,联系客户服务
用户情感
发现:兴奋和好奇
考虑:谨慎和比较
决策:确定和期待
购买:焦虑和满足
回访:满意和信任
痛点和机会
痛点:结账页面加载慢,支付方式选择不便,客服响应慢
机会:优化结账页面性能,增加支付方式,提升客服响应速度
案例 2:健身App优化
背景:一家健身App希望提高用户的使用频率和忠诚度。
 
打动用户的关键:用户体验地图实战攻略
 
 
用户角色(Persona)
姓名:李先生
年龄:25岁
职业:程序员
兴趣:健身
需求:需要个性化的健身计划
痛点:课程选择不够个性化,计划制定过程复杂
触点和用户行为
 
1.  发现(Discovery):通过朋友推荐和广告发现App下载并安装App
2.  考虑(Consideration):浏览课程详情,查看评价
3.  决策(Decision):选择并购买课程
4.  使用(Usage):开始使用课程进行锻炼
5.  回访(Return):查看锻炼记录,调整计划
用户情感
发现:好奇和期待
考虑:审慎和比较
决策:确定和信心
使用:满足和成就
回访:满意和忠诚
痛点和机会
痛点:课程选择不够个性化,计划制定复杂
机会:增加个性化推荐功能,简化计划制定过程
案例 3:银行在线服务优化
打动用户的关键:用户体验地图实战攻略
 
 
背景:一家银行希望优化其在线服务平台,以提高用户的操作体验和满意度。
用户角色(Persona)
姓名:王女士
年龄:45岁
职业:教师
兴趣:理财
需求:需要简单易用的在线银行服务
痛点:在线服务平台操作复杂,转账流程繁琐
触点和用户行为
 
1.  发现(Discovery):访问银行官网,注册账户
2.  考虑(Consideration):浏览平台功能和用户评价
3.  决策(Decision):决定使用在线服务
4.  使用(Usage):进行账户管理和转账操作
5.  回访(Return):查看交易记录,继续使用服务
用户情感
发现:好奇和怀疑
考虑:审慎和信任
决策:确定和信心
使用:满足和便捷
回访:满意和忠诚
痛点和机会
痛点:操作复杂,转账流程繁琐
机会:简化操作流程,优化用户界面设计
 
七、  用户体验地图的总结
用户体验地图(User Experience Map)作为一种强大的工具,在理解和优化用户体验方面具有显著优势。然而,制作和维护用户体验地图也存在资源密集、复杂性和动态变化等挑战。团队在使用用户体验地图时,需要平衡其优劣势,合理分配资源,确保地图的准确性和实用性,从而真正提升用户体验和产品成功率。
优势
打动用户的关键:用户体验地图实战攻略
 
 
 
1.  全景视角
优点:用户体验地图提供了用户体验的全景视角,涵盖了用户与产品或服务互动的各个阶段。这种全景视角有助于团队全面了解用户旅程中的各个触点和行为。
案例:电商平台可以通过用户体验地图了解用户从浏览商品到完成购买的全过程,识别出所有关键的用户触点。
2.  用户共情
优点:通过记录用户在每个阶段的情感体验,团队可以更好地理解用户的需求和痛点,增强用户共情。
案例:健身App可以通过用户体验地图了解用户在制定和执行健身计划时的情感变化,从而设计出更具吸引力的个性化健身计划。
3.  识别痛点
优点:用户体验地图有助于识别用户在使用产品或服务过程中的痛点和障碍,帮助团队找到改进的机会。
案例:银行在线服务平台可以通过用户体验地图识别出用户在进行转账操作时遇到的困难,进而优化转账流程。
4.  跨团队协作
优点:用户体验地图作为一个可视化工具,可以促进跨团队协作,使不同部门(如产品、设计、开发和市场)能够共同参与讨论和改进用户体验。
案例:电商平台可以通过用户体验地图汇集市场、设计和技术团队的意见,共同制定优化措施。
5.  数据驱动决策
优点:用户体验地图基于用户研究和数据分析,使决策更加数据驱动,有助于制定科学合理的改进策略。
案例:健身App可以通过用户体验地图中的用户数据分析,调整课程推荐策略,提高用户满意度和使用频率。
劣势
打动用户的关键:用户体验地图实战攻略
 
 
1.  资源密集
缺点:制作用户体验地图需要大量的时间和资源,包括用户研究、数据分析和团队协作。
案例:中小型企业可能难以投入足够的资源来全面制作和维护用户体验地图。
2.  复杂性
缺点:用户体验地图可能变得非常复杂,特别是当用户旅程涉及多个触点和渠道时,可能难以全面和准确地记录所有细节。
案例:大型电商平台的用户旅程可能涉及网站、移动应用、社交媒体等多个渠道,制作一个全面的用户体验地图可能需要大量的精力。
3.  动态变化
缺点:用户行为和市场环境是动态变化的,用户体验地图需要不断更新和维护,以保持其有效性和准确性。
案例:健身App的用户需求和市场趋势可能随时变化,需要定期更新用户体验地图以保持相关性。
4.  主观偏差
缺点:尽管用户体验地图基于用户数据和研究,但在数据解读和情感记录上可能存在主观偏差,影响决策的准确性。
案例:银行在线服务平台在记录用户情感时,可能会受到研究者的主观影响,从而无法完全准确地反映用户真实感受。
5.  过于理想化
缺点:用户体验地图有时可能过于理想化,忽略了现实中存在的限制和障碍,导致制定的改进措施难以实施。
案例:电商平台在识别改进机会时,可能忽略了技术实现上的困难,导致优化方案无法落地。
参考文献:
https://medium.com/@michaeljiager/user-experience-maps-6184f4044e48
https://liviayang-ms.medium.com/%E4%B8%80%E5%88%86%E9%90%98%E8%AE%93%E4%BD%A0%E4%BA%86%E8%A7%A3%E7%94%A8%E6%88%B6%E9%AB%94%E9%A9%97%E6%AD%B7%E7%A8%8B%E5%9C%96-user-experience-map-e28a1b8817c0https://uxmastery.com/how-to-create-a-customer-journey-map/https://medium.com/art-marketing/incorporating-customer-and-user-experience-data-into-holistic-journey-maps-502ae12072ac
https://uxplanet.org/empathy-map-user-persona-and-user-flow-5299ada245c8https://medium.com/@myskill.id/persona-user-journey-map-ebd84c15ae2f​
U
 


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

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

WechatIMG27.jpg

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发

用户体验设计必备知识之支持可用性的交互设计原则

涛涛

本文主要结合常见的移动端产品分享支持可用性的交互设计基本原则。文章图片较多请耐心等待加载清晰后查看。

UI设计师该有的排行榜

涛涛

在互联网中,许多产品都有排行榜,但是排行榜应该怎么设计,如何根据具体产品思考交互框架、信息?这篇文章会告诉你。

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

鹤鹤

本文从产品角度出发,深入探讨了如何发起交互设计。通过明确产品目标与用户需求、进行用户研究、构建信息架构、设计流程与界面、进行原型测试以及持续优化等关键步骤,阐述了如何打造出满足用户期望、提升用户体验并实现产品目标的交互设计。
 
一、引言
 
在当今数字化的时代,产品的成功不仅仅取决于其功能的强大,更在于能否为用户提供流畅、愉悦且富有价值的交互体验。从产品角度发起交互设计,意味着将用户置于核心,以实现产品的商业目标和用户需求的完美融合。
如何从产品角度发起交互设计?
 
 
 
二、明确产品目标与用户需求
 
(一)定义产品目标
产品目标是交互设计的起点,它决定了设计的方向和重点。产品经理需要与团队共同明确产品的定位、市场需求以及预期的商业成果。例如,是旨在提高用户活跃度,还是增加用户转化率,或者是提升品牌形象。
如何从产品角度发起交互设计?
 
 
 
(二)挖掘用户需求
通过市场调研、用户反馈、竞品分析等手段,深入了解目标用户的行为习惯、痛点和期望。这不仅包括对用户显性需求的捕捉,还包括对潜在需求的挖掘。
如何从产品角度发起交互设计?
 
 
 
三、进行用户研究
 
(一)用户画像创建
基于收集到的数据,构建详细的用户画像,包括用户的年龄、性别、职业、教育背景、使用场景等特征,以便更精准地理解用户的行为和需求。
如何从产品角度发起交互设计?
 
 
 
(二)用户场景分析
模拟用户在不同场景下与产品的交互过程,发现可能存在的问题和优化点。
举例说明:
我们要知道,地铁周边美食,这是一个解决方案。真正的需求是什么?一个字一个字地找需求,地铁=快速方便出行,美食=和朋友一起吃饭/自己一人吃饭。这是一个和线下场景很相关的项目,我们要把不同目的核心用户的主要使用场景写出来。经过分析,我们得出了用户会选择我们产品,且产品未来可能存在的各种场景A、B、C、D、E。如下图所示:
如何从产品角度发起交互设计?
 
 
如果按照目标人群所在场景分类,进行细分,则为下图:
如何从产品角度发起交互设计?
 
 
乘地铁去地铁站和附近地铁站区别:前为用户会乘坐地铁去目的地寻找美食;后为用户不用地铁/吃完后使用地铁,地铁边美食没有其他美食团购产品有竞争力。
上班族和普通大众区别:上班族工作日使用固定地铁站上下班,时间可能紧急,快速获取食物;普通找美食吃的大众不使用固定地铁站,目的是通过地铁快速到达某目的地,就近享受目的地美食。
朋友们和个人区别:朋友们一起吃饭,容易出现喝多、吃过点等异常行为,并且在选择地铁旁吃饭地点时需要考虑朋友们家的位置就近选目的地。个人均不需要考虑以上,较为自由。
 
市场定位
经过领域场景的分析,我们知道了真场景都是用户有目的乘坐地铁去到某地铁站出站口寻找美食的。那么我们对这么一群大众进行用户人口统计学类的细分:
如何从产品角度发起交互设计?
 
 
  •  
    上图为前期定位的目标大众用户群,依靠地铁的工具属性,我们得出了具体的两个影响因素:时间+美食热爱程度。同时我们把直接竞品和间接竞品一同进行用户群比较。可以看到和大美团有相同和不同维度,这就是产品最初冷启动时期的差异化!也就是我们的前、中期场景的主要目标用户类型。
  •  
    红色部分即种子用户群,以这些群体为冷启动阶段,可以更快的向四周扩张。因为他们有使用地铁的时间属性,同时有较高的美食热爱程度,有利于带动其他时间+热爱程度的用户加入产品,实现快速并有质量的拉新、活跃的目标。
  •  
    低端直接竞品即用户群工具属性明显,只是搜地铁站,选择美食的用户,无明显其他行为;高端竞品即注重社交、ugc为起点,逼格高的搜寻美食工具。这部分开始很难,工作量巨大,且较脱离大众主流群体。
 
结合上图和要做的场景,我们得出了产品具体目标用户:乘坐地铁快速到达并寻找目的地美食的大众用户(上班族休息日,大学生,个人或一起),要求在地铁站附近便能方便享受目的地美食。且对美食有一定热爱程度。
 
(三)用户测试
邀请真实用户进行产品试用,观察他们的操作行为,收集反馈意见,为后续的设计提供依据。
1、需求接受
需求很有可能是在线上接到的,并不是面对面交流传递的,并且还会遇到很多坑,例如需求本身不具体,或者自己理解有偏差,因此在接到需求后,最好和交互、产品等同事进行面对面的交流和沟通。
详细了解测试目的和关键点,确定用户配比。
最好是让交互带着跑一下整个程序(半成品demo也好,交互稿也行),这样能在头脑中快速形成操作流程的认知,并把相应关键点对应上去。同时把大致的用户配比情况敲定一下,后续就可以直接招募用户了。
了解demo的完成进度,相应确定具体测试时间。
交互、视觉等完成demo的时间具有太多不确定因素,因此我们需要及时了解整个demo的完成进度,在尽可能快的情况下保险安排测试时间,如果邀请的是外部用户,结果用户到了而demo还没出来,那也是够了。
2、方案撰写和确定
让交互稿帮助自己
。在完成测试方案撰写的过程中demo还未诞生,具体程序细节记忆又很模糊,不好写测试方案,怎么办?不要慌,去看交互稿吧。
及时沟通
。在方案撰写过程中,如果有一些疑问,例如在看交互稿的时候还不是很理解某个具体操作过程,或者自己对产品有疑问的也可以跟交互等沟通,因为自己会遇到的问题,很有可能在测试用用户也会遇到,这样子用户如果问到了,就可以相应作出解释。
核实确定方案
。完成方案后,可以在公司沟通交流工具上和交互及产品等同事再确认一下,是否有什么地方遗漏或有不妥之处。
3、用户招募
这是一个大多数人都头疼的一个过程,希望看完了以下几点,可以稍微缓解一下大家的症状。
 
再次确定测试时间
方案定下来后,再跟交互确认测试时间,了解是否有变动和调整,尽量避免用户来了demo或者测试环境还不ok的情况。
 
撰写招募文案
需要把用户要求、测试日期和地点、报酬、大致的测试时长、用户需要在测试中做什么,以及报名方式等表达清楚。有以下几点可以注意一下,方便我们自己招募:
  •  
    详细列出测试安排的时间段
    。例如10:30-11:15、13:30-14:15,让用户自己挑选合适的时间段,这样就不用事后再协调不同用户测试时间了;
  •  
    优先人力、信息管理、行政等岗位同事
    。尽量避免相关产品人员、设计岗等同事。
  •  
    制作简单的招募海报,并检查。
    可以事先将“海报”用word或者ppt做好,然后保存成图片格式,记得检查核实一下是否有错。因为在公司IM群上直接黏贴确实方便,但是其排版往往不利于阅读,导致用户会遗漏重要信息。而制作成图片格式,可以更好地去避免这个问题,同时还可以显得整个招募过程比较正式,突出了对用户的尊重,也能在一定程度上体现我们用研工作的规范性。
 
多渠道投放招募海报
内部用户可以尝试先在公司IM群组上招募,之前招募样本量比较小,因此很快可以招到,其他途径暂时未尝试,公司论坛应该也可以,不过隐约感觉效率会比较低。外部用户可以在朋友圈试试,效果还不错,大家都很热情帮忙转发,群众的力量大无穷。也可以相应去搜索一些QQ群,加入并发布招募信息。另外还有一些社交论坛什么的,都可以尝试一下。方法很多,针对具体招募情况,大家就尽情发挥吧~
 
用户多了留到下次用
海报发出去后,有时也会出乎意料用户数量超过预期了,这是好事,不要担心,也不要急着拒绝,平和的跟对方说明情况,强调下次还会有测试,把用户相应信息了解一下做个记录,下次招募的时候可以直接先联系这几名用户。当然前提是你真的有下次测试需求,如果没有那还是老老实实说明情况。
 
确保自己和用户能彼此联系上
跟用户强调测试时间和地点,尤其是外部用户,如果招募和正式测试隔了几天,最好在测试前一天再通知一下。给出自己的联系电话,同时询问用户的联系电话。
 
第一个用户尽量安排公司内部同事
很多时候demo的完成情况会出现意外,到了测试时间demo还不能用,内部用户可以方便取消或者更换。另外,在第一次测试前谁都不确定用户会有什么反应,第一个测试是可以起到试水效果,而外部用户成本高,用来试水太奢侈。
4、测试准备
 
材料准备
需要准备的内容有:量表、报酬签收表、记录笔记本、录音笔、会议室借用,以及记录表格,如果是外部用户过来,相应准备一杯水,人家大老远过来也不容易。
 
测试内容准备
其实每次访谈用户自己都会挺紧张的,不知道用户是不是也很紧张(PS:好想当一回用户,体验一下被访的感觉)。为了消除这种紧张,同时也是为了更好的完成访谈,可以有尝试以下几点:
  •  
    尽可能多的去了解所需测试的产品
    。有时候demo出来的晚,下午要测试,demo中午才出来,自己都没玩过,测试还怎么搞?之前也说了,那就使劲去看交互稿吧,虽然比不上实际操作来的真实,但是也能有不小帮助,但也要给自己留足熟悉demo的时间。
  •  
    按照模块来列提纲
    。其实相当于组块策略,把同一个模块的问题放到一起更方便记忆,并且也在访谈中也方便自己和其他同事发现遗漏点。但模块不要太大,如果太大了就相应拆分一下。例如,在考拉新版测试的时候,有“首页”、“活动”、“购物车”等测试,但是光是首页内容也很多,作为一个模块还是太大了,可以拆分成“首页整体感知”、“商品详情”等几个方面来整理提纲。
  •  
    根据任务演练提纲
    。有了提纲后,按照任务大致过一下所有列出来的问题,这个过程会打乱按照模块列好的提纲,有一次这样的排练,在测试的时候更不容易漏掉题目,而且也相当于模拟了一下测试,自己心里会更踏实一点,在实际测试过程中也能有更好的应对。
 
相关人员通知
通知交互和产品的同事具体测试时间和地点,邀请他们一起参与。不建议交互和产品只是后期测试查阅报告,如果他们参与到测试中,能更近距离和用户接触,并能更加深刻感受到产品存在的问题,也能更好的推动产品的改进。
5、正式测试
主持人需要注意的点:
  •  
    划分我们和产品的关系。在测试之前跟用户说明清楚,我们并不是产品的设计者和开发者,我们只是受产品方委托来进行测试,以免用户不好意思当面如实评价产品。
  •  
    强调测试的是产品,而不是用户。要跟用户说明产品尚处于不完善阶段,因此邀请用户过来进行测试,帮助发现问题和改进产品设计,但请注意不是为了评价产品。
  •  
    注意访谈技巧。这个就不用多说了。
  •  
    尽可能深入的去挖掘用户的需求。不要停留在用户话述表面,更进一步去追问,用户为什么会这么说或这么问,例如,很多时候在测试中会碰到用户说“哦,原来这个按钮是xx功能,我还以为是xx功能“,这个时候可以再推进一步,了解用户为什么会这么认为。
  •  
    给其他在场的同时发言的机会。主持人如果觉得自己访谈的差不多了,可以询问一下记录者以及交互、产品等同事,了解他们是否还有问题需要补充。
  •  
    记得量表评分和报酬签收。长时间的测试和访谈后容易忘记量表评分和报酬签收,可以把这两份东西放在显眼的地方,另外可以让记录的同事打个招呼,帮忙提醒自己。
 
记录人员需要注意的点:
  •  
    仔细观察用户行为并记录。记录不仅仅是用户的观点、想法等,更重要的是记录用户的实际行为。
  •  
    按照模块记录。记录者可以按照测试方案中的模块来相应记录用户的行为和言语表述。
  •  
    查漏补缺。主持人可能会遗漏一些点,记录者作为旁观者需要提醒主持人遗漏了什么,或者自己有什么新的内容需要补充。
 
6、测试结束
欢送用户。对用户表示感谢,并开门送一下用户,对于外部用户,最好能送到大楼外面可以看见出口的地方。
测试后及时讨论。这个是重点!
在每一名用户测试后及时和交互、产品等同事快速过一下主要发现的问题点,这样做有以下优点:
  •  
    有效达成共识,确定解决方案。刚访谈结束印象最深刻,因此能快速有效达成对主要问题的共识,并讨论确定相应的解决方案。
  •  
    体现敏捷优势。确定了一些比较严重的问题后,交互和产品的同事就可以相应去改进产品设计,做到了边测边改,加快迭代速度。
  •  
    帮助优化访谈提纲,和测试用户安排。有些问题在事先撰写方案的时候可能没涉及到,在讨论后可以补充进去,而有些问题确定后则不需要再测。另外,也可以通过讨论对事先安排的测试用户进行相应调整,例如增删用户,或者调整新老用户测试顺序等。
  •  
    事后帮助我们自己快速撰写方案。通过讨论确定了关键问题,并且,交互和产品的同事也相应清楚了,因此在最后可以快速形成报告。
再次感谢用户。所有用户测试结束后,可以花几分钟时间简单感谢一下用户。
 
7、报告撰写
针对不同大小项目的用户测试,在完成报告撰写过程中有两种具体方式:
  •  
    小测试项目简单快速撰写报告。对于那些1-2天的小测试项目,由于在每次测试后都有讨论,已对主要问题达成共识,因此在报告撰写的时候就可以快速地将主要的问题和风险点呈现出来。
  •  
    大测试项目每天总结并反馈主要问题。大的测试项目持续时间比较久,针对每天的测试及讨论,简单总结一下主要发现的问题,并反馈给相关人员,如果到了最后再总结,容易遗忘掉一些内容,并且这样子也方便自己最后撰写报告。
 
四、构建信息架构
思考信息架构有三个核心关键词:用户角色、产品价值、使用场景。
1、明确用户角色
用户角色清晰揭示用户目标,帮助我们把握关键需求、关键任务、关键流程,看到产品哪些是主要的事,哪些是次要的事。我们应该尽可能丰富、形象化我们的用户角色,让它在设计决策过程中发挥作用,设计出更符合用户场景的产品。
2、了解产品的目标价值
作为产品的设计师一定要理解产品的价值,知道用户想要什么,把最重要的优先级提到最高,尽量移除无关紧要的信息,或降低其他优先级的权重,以免对用户造成干扰。
3、提炼产品的使用场景
要了解产品的业务流程,比如目标用户是谁、什么场景、如何使用,要把产品业务流程上的节点一个一个梳理出来,还要考虑这个产品对用户的价值是什么,不要仅仅考虑界面的元素规范、设计细节等等,要知道产品的目标价值体系。
4、信息架构优先级
基于三个核心点(用户角色、产品价值、使用场景)分析,把目标用户人群核心价值的功能点业务流程梳理出来,分清主次关系,切忌功能堆砌,具体方法可以把所有功能业务逻辑的主线列出来,然后根据业务的优先级做评级,分清楚这些功能哪些是主要的,哪些是次要的,然后通过数字做排序,这样我们就知道哪些功能设计需要明显,哪些功能设计需要低调。
5、信息归类及整合
从整体上思考信息类产品的分类及整合,比如用户资料相关的产品会有用户信息、资料、等逻辑,这样就要把所有跟用户相关的信息都归在同一个分类菜单下,不要让他们分散在各个页面中。也就是所谓的一级菜单、二级产品的处理逻辑。
6、要定期审视与迭代
随着产品规模与复杂度的提升,要随时关注信息架构是否满足当前的产品框架,不要等需要时候再去孤注一掷的全盘优化,这样会让项目陷入被动的局面,可以逐渐增强,循序渐进的优化,从小的细节对信息架构进行调整,提升产品的易用性。
 
六、进行原型测试
1、制作原型
使用快速原型工具制作可交互的原型,以便更直观地展示设计方案。
 
(二)内部测试
团队内部进行初步测试,检查功能的完整性和流程的合理性。
 
(三)用户测试
邀请外部用户进行测试,收集他们的意见和建议,发现潜在的问题和改进空间。
 
七、持续优化
 
(一)数据分析
通过收集和分析用户的使用数据,了解用户的行为路径和偏好,为优化提供数据支持。
 
(二)用户反馈处理
及时响应用户的反馈,将有价值的建议融入到后续的优化工作中。
 
(三)迭代更新
根据数据分析和用户反馈,不断对交互设计进行迭代更新,以适应市场和用户需求的变化。
 
八、结论
 
从产品角度发起交互设计是一个综合性的过程,需要充分考虑产品目标、用户需求、信息架构、流程界面、测试优化等多个方面。只有以用户为中心,不断追求卓越的用户体验,才能打造出具有竞争力的产品,在激烈的市场竞争中脱颖而出。
 
在未来的产品开发中,随着技术的不断进步和用户需求的不断变化,交互设计也将面临新的挑战和机遇。产品团队应保持敏锐的洞察力和创新精神,持续探索和优化交互设计,为用户创造更多的价值。
 


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

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

WechatIMG27.jpg

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发

日历

链接

个人资料

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

存档