• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 强化用户体验!3个方法有效提升用户的控制感

强化用户体验!3个方法有效提升用户的控制感

作者: 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含用户体验,用户体验设计,经验分享等相关知识,希望在学习及工作中可以帮助到您

网易UEDC – 魏永振:用户体验的概念一路成长壮大,系统性概述的书籍和理念层出不穷,可执行落地的方法技巧随着技术的进步在不断变换。然而无论概念、环境如何变换,都是让产品通过媒介与人建立关系。所以其研究人性、塑造人类行为的目的却一直未变。本文从人对控制感的喜好出发,通过一些方法来保护用户的控制感或利用控制错觉给用户一些虚拟的控制感,----来保护用户体验或强化用户体验。

1. 以塑造行为为目的的交互设计

无论商业产品以什么形态呈现在我们面前,其核心的一个目的就是:“希望潜在用户,作出有利于其本身的行为”。举个通俗的例子:“超市”。

  • 促销商品,特别是以某种主题促销(如中秋,圣诞,洗护,婴童等)的商品都放在超市进门最醒目的位置。其目的是让你一下子感知到:“来对了”。
  • 生鲜区,蔬菜、水果都是利用较大的容器、平台展示,以通过大面积的、鲜翠欲滴、高饱和的色彩来愉悦心情并吸引你将它们放入你的购物车。
  • 货架上你最方便伸手可得的商品是利润率最大的商品。是因为在品牌识别率不高、商品功能相同、价格相差无几时,顾客往往会为了省一点事将最容易拿到的商品放入购物车。
  • 结账区往往放置一些小体积的儿童玩具、零食什么的,以等待着成为家长安抚孩子的工具。
  • 当然还有烘培区的一系列故意的设计。

如果将超市定义为一个产品形态的话,其以上的各种方法都是为了(方便)让顾客做出有利于超市的行为,即“购买”。如今做为互联网行业的从业者,互联网技术将我们所服务的产品形态从真实存在的物理空间挪移到了一方电子屏幕中。做为交互设计师,我们的工作内容就非常类似于商超空间规划师、商品布置设计师、购物路线规划员等。我们的核心目的就是让用户在我们的设计(建议)下做出那些有利于产品的行为,并且在情感上自愿的、高兴的、被尊重的。这也正是我们所追求的用户体验。

既然核心目的是塑造行为,那么首先要知道行为从何而来,又去往何处?答案会有很多,“控制感”就是其中之一。

2. 我们需要控制感,即使是控制错觉

什么是控制感呢?通俗的说:当你使用某一个工具(产品)时,通过自己的操作达成了你期望的目的而产生的掌控感和胜任感以及操作过程中的安全感就是控制感。

控制感的对立面就是挫败感,如:“当你使用打印机时,由于不熟悉其操作方法,经常会出错、失败,无法达成自己打印的目的,这个过程所带来的就是挫败感。挫败感伴随的是使用产品前的恐惧,以及使用产品时的低效和不准确性,多次的挫败感还会来带习得性无助,最终导致放弃使用产品。

目前关于控制感的研究分为两个方面,分别为:

2.1. 首要控制和次要控制

首要控制:个体努力改变环境来满足自身需要时所体验到的掌控感和胜任感,强调行为和结果。

次要控制:当个体处于一种低控制情境之中时, 自身的努力无法达到预想的结果和目标, 个体通过对自我的调节来努力接受现实状况并且适应环境,强调自我调节、理解和使用辅助工具。

2.2. 控制错觉

  • 控制错觉,由于控制感的存在,所以人类往往高估自己对事件的控制程度,而低估机运或不可控制因素在事件发展过程及其结果上所扮演的角色。且日常生活中无处不在,如:
  • 打游戏时,往往会粗暴或高频的按键,然并卵,但我们依然很卖力。
  • 在赌博游戏中(掷骰子),我们会很认真的做一些仪式性的动作(揉手、用力、吹气、大喊等),以此来期待自己可以控制这个结果,然并卵。

买彩票时我们往往会倾向于自选号码,即使我们知道中奖的概率一致。

无论是控制感还是控制错觉,控制感都可以帮助打破对陌生的恐惧和迷茫,激发用户主动调试自己以适应陌生事物,从而提升操作中的效率和准确性,将未知和不可控因素转化为熟知、可控、可胜任的工具。

3. 保护控制感,提升用户体验

任何概念、产品、信息从产生到产品化、再到用户接受都会存在三个阶段,分别是:

  • 原生模型:团队内部对根据资源、知识、经验、市场环境,定义产品的原生模型(产品诉求、聚焦侧重、目标),并因此决定产品呈现。
  • 产品呈现:产品创造过程就是将原生模型进行内容诠释、信息呈现、视觉包装等产品化后推到用户面前。即结构层、框架层、表现层的设计,是产品外显的过程,也决定了对象理解难度。
  • 对象理解:用户基于自己的心理认知(包括知识、经验,环境、学习)对产品进行理解、认知和使用。

三者的关系永远是:原生模型≈内容呈现≈对象理解,如图:

三者偏差越大,其使用过程中不确定性、预期&结果不一致的困惑和挫败感、以及由此带来的习得性无助就会越大,其控制感就越弱,反之则控制感越强。

由此可见,目前交互设计理论中的一致性、经验继承(借鉴)、建立预期、结果揭示、及时响应、上下文对应、容错等概念皆是为了缩小偏差或者修补偏差,以此来避免控制感的缺失。除了以上内容之外,我们还可以通过其他方式来保护用户的控制感。

3.1. 正确响应

用户对系统操作,系统作出响应是控制感的基本体现之一。但从响应速度上来讲,响应可以分为两种:及时响应和过渡响应。

及时响应,如:竞技类游戏CS,DOTA,对于角色的控制、技能的使用等,这个自不必说。

何为过渡响应?在一些对数据进行操作的过程中,由于数据增加,删除,导致内容重新排序。由于内容相似性过高,瞬间响应未打破用户的感知阀限,导致用户无法识别操作后内容的变化。

正如最近做的一个项目:首页是内容单位list,单位内容相近,排列方式是以更新时间排列,一旦内容变化(包括删除、发布、更新等)都会重新排序,正是由于内容单位相近、瞬间相应导致用户无法识别到操作反馈,也因此损失掌控感,增加不确定性导致错误操作,乃至演化为习得性无助。

所以,面对此类情况,往往需要增加过渡响应效果,如增加线性移动来进行结果告知,来保护控制感。 类似的操作还有很多,如Tmall的将商品加入购物车的动画,除了增加趣味性之外还通过过渡效果来保护用户的控制感。

3.2. 解释性控制,传递意义帮助用户掌控产品

解释性控制属于次要控制范畴,强调个体从情境和事件中寻求意义可以使其获得控制感。

互联网产品中有一些针对企业类的应用服务(SaaS)、检测工具(手机安全助手)、量化自我工具(智能手环)等,产品的首页往往是dashboard,通过一些或一组精准细分的数据指标来反应产品运行情况。这些数据中有些是与业务紧密相关需要立即处理的,有些仅仅是统计记录,有些本来就无意义,仅仅是反应一些情况数据而已。

然而正是这些数据在进行意义传递,告知你可以全局掌控产品、包括:“有哪些指标、各指标的情况分别如何、哪些指标需要关注、哪些指标是正常的”。如:智能手环将各个身体指标数据进行记录展示,然而数据本身细微的变化对你意味着什么?你会根据这些数据指导下一步的作息计划吗?其实非也。这些数据只是给我们一种控制感,让我们感觉自己的身体仅在掌握而已。

3.3. 替代性控制,通过权力他人获得控制感

替代性控制也属于次要控制的范畴,是指个体在某些不可控情境中通过权力他人(通俗的理解为发号施令,指挥别人)的联系来获得自身控制感,同样互联网产品中也存在很多类似的替代性控制操作:

a. 提醒卖家发货

淘宝产品中的 “提醒卖家发货”功能,提醒卖家发货本身是一个业务本身的功能,商家可以根据提醒优先发货或者置之不理,但对于买家来讲其背后也是权力他人的体现。

如果卖家长时间没有发货,买家心理肯定不是很愉快,有可能会投诉、撤单等,如果增加提醒卖家发货的功能,会将买家一部分的不愉快引向此功能,卖家如果收到提醒及时安排了发货,对买家来说获得了一种可以权利他人感受,这本身也是一种控制感。

假设卖家对提醒置之不理,但如果发货时间和买家的提醒时间接近,还可以营造一种控制错觉。

b. 投诉卡顿

在一些视频网站,观看视频中由于各种原因会出现视频卡顿的情况,所以“投诉卡顿”除了给用户一个宣泄的通道,还给了用户一个权利他人通道,以此来保护控制感。同时,还可以因为投诉卡顿的时间换来了网络加载时间,使原来的卡顿变得不卡顿,产生控制错觉。

3.4 利用控制错觉打破恐惧和疑惑

电梯制造商为了提高电梯的安全性,需要把人的可控性降到最低。因为当电梯出现问题的时候,频繁

您可能想查找下面的文章:

  • 用户体验的76个体验点小结
  • 好的网站文案 良好的用户体验
  • B2C 网站用户体验细节设计参考
  • 该有的视觉元素全都有,设计不好到底差在哪里?
  • 对于「以人为中心」的设计,你的理解可能太浅显了
  • 为什么大家都想学服务设计?来看CEO 的亲身经历!
  • 在做产品设计的时候,预期和现实到底有多大的差别?
  • 设计出了错?很有可能是你没有问对问题
  • 为什么不要再问用户「你们到底想要什么」?
  • 设计好看但没人用?6个技巧告诉你到底该如何影响用户!

相关文章

  • 2018-08-23这四个动效小趋势,让你可以把网页设计得更加圆融
  • 2018-08-23总监经验!视觉设计师必须知道的交互设计模式
  • 2017-08-06网页css优先级为您详细解读
  • 2018-08-23还在堆图片?来看看这11位UX设计师教科书级的作品集
  • 2017-08-06网页设计师职位应聘面试的常见试题及参考答案
  • 2018-08-23用一个小案例,教你面对那些无聊细碎的设计需求
  • 2017-08-0610个优秀的 Web UI库/框架
  • 2018-08-23这3个趋势,在接下来的9月会影响更多设计作品
  • 2018-08-23为什么设计师需要理解产品业务?聊聊结构化思维的应用
  • 2017-08-06网站维护页面的列表制作技巧

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • CSS 连接地址后面加上问号(?)表示什么意思?
    • 为什么39%的设计工作可能被人工智能取代?
    • 对背景图定位中background-position属性的自我理解
    • 帮你搞清楚用户在瞅啥的眼动追踪是怎么回事?
    • 从了解用户的注意力开始,创造更优秀的用户体验
    • AI教程!教你绘制超萌的小火龙和皮卡丘
    • 10分钟看懂谷歌语音交互设计规范都讲了些什么
    • css样式优先级及层叠的顺序排序探讨
    • 还有这种操作?这10个导航栏设计技巧别错过了
    • 饿了么高级设计师:界面视觉设计 5 要素

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有