交互设计创新之改变用户行为的设计

这是百度MUX在IXDC2016北京前瞻活动『移动产品的交互设计创新』中的一次分享。

这个课程属于团队内部一个培训课程的一部分,是关于HCI用户认知结合交互设计项目管理的内容方向。该文章阐述了讲说Keynote的核心内容。

正文:

你会发现,“创新”这个词,特别是设计师、从事设计工作的人,很喜欢挂在嘴边的口头禅。
创新是什么?工作中,我们会有好多理解。
作为面向消费市场的设计师,我对创新的理解是十分务实的。
这个定义我认为是对的——创新是契合、发掘用户需求,创造性解决问题的方法。
那很关键的一点是,创新不是目的,是手段、是方法。

创新是设计师最喜欢提的概念。

这是不同于工程师。工程设计采用计算、类比法,工作的性质主要是改进、完善而非创新;设计通常意义上,非常讲究原创和独创性,需要丰富的想象、创新能力和前瞻性,而不是严谨、繁琐的逻辑。
我们需要通过创新来体现设计价值,但天然的,创新的结果很难测量。

为什么创新:不同于工程师的创造性职业属性,通过创新体现世界价值

但这里就有引申出一个误区,因为创新很重要,会有出现为了创新的设计的情况。

而面向市场的项目,为了创新而设计,容易产生过度设计(over-design),是做不到有效的、无益的。
过度设计这个概念,是我刚工作时候,便被反复提醒的事情。

有一些过往很有代表性的例子。
Clear有丰富的手势,完成一个todo,删除一个todo,创建一个todo都是使用各种手势完成。
某个浏览器的手势自定义,大量的手势,甚至还原一个tab需要画一个U型。
某个浏览器,你会发现菜单项,是大量没有文字说明的图形标识。
这几个产品是把设计技术进行了过度使用,手势触发行为的过度使用、图形符号的过度使用。

通常造成这样的直接原因,主要有三个。缺乏专业理论支持、缺乏体验商业价值、缺乏落地可实现性(典型的dribbble们)。

误区要素  为了创新而设计  ,过渡设计   缺乏专业理论支持   缺乏体验商业价值  缺乏落地可实现

如何避免这些误区,做有效的交互设计创新。在我的理解中,最需要有意识的做过程管理。这又会细分为4个方向。

  • 聚焦改变用户行为的设计。
  • 匹配项目商业诉求。
  • 控制实现成本。
  • 测量创新结果。

因为我们的主题是做交互设计创新,所以接下来看下如何做来改变用户行为的设计。
第一点,其实有个小问题——为什么是关心改变用户行为的设计?
背后一个在工作中反复界定的问题,就是交互设计与视觉设计的区别。
有一个基本原则是,一同对设计体验负责,但交互设计解决行为,视觉设计解决感受。
如果是视觉设计,这里就可以换个词,比如情感化设计。

这里我主要会来引申一个TTM模型,这是美国心理学教授普罗察斯卡(prochaska)提出的,它整合了若干个行为干预模型的基本原则和方法,故又称为行为分阶段转变交叉理论模型。

这个模型的核心观点是,人的行为变化不是一次性的事件,而是一个渐进的和连续的过程。

  • 前意向阶段,人们有了改变行为的意向,处于这个阶段人对结果是不可知、死心。混沌状态。
  • 意向阶段,打算改变、意识到改变成本,但没有实际行动,非常矛盾。典型的拖延症喔- -。
  • 准备阶段,付诸了一些行动步骤。制定计划。
  • 行动阶段,做出了行为改变。但这与最后的行为改变终止不一样termination。
  • 复发阶段,因为各方面的问题,回到了之前的某个阶段。
  • 维持阶段,保持行为并形成习惯。完成行为转变。

我们可以通过刚刚手势自定义的案例来理解这个模型。

这个交互设计的创新初衷是,会带来便利,显然相对于做键盘输入,一个手势的步长很短。
那我们看下,最后这类设计没有普遍使用,究竟出了什么问题。以『Restore Tab』为例。
作为个体用户的你可以反思一下是哪些步骤什么阻止了你使用这些手势。

  • 前意向阶段,我看到这个界面之前,并不知道还可以这样Restore Tab。
  • 意向阶段,因为完成Restore Tab只有一步,也愿意尝试。
  • 准备阶段,准备使用,于是会进行准备记下来,U代表Restore Tab。
  • 行动阶段,我会从设置回去,尝试使用。
  • 复发阶段,误操作的成本回到意向阶段,忘了是U回到了准备阶段。
  • 维持阶段,难以进入维持阶段。

    行为改变的过程:案例分析,前意向阶段,意向阶段,准备阶段。行动阶段,复发阶段,维持阶段

那我们稍微延伸,为什么手势的行为改变容易复发阶段。

这里有一个比较广泛的手势可用性定性测试,显示:
基于首要任务的精准复杂任务,人们愿意使用简单、原始的手势。
比近距离基于手指的手势,人们更愿意使用肢体、基于手的手势。(83%)

行为改变的过程:案例分析 基于首要任务的精准复杂任务,重用简单与原始的手势,,比近距离的人们更愿意使用

Finger-based gesture手势设计还有一些特性,类比桌面与手机的手势行为,你会使用手指点击,替代鼠标点击。手指滑动,替代鼠标滚轮。手指拖拽,鼠标这些行为模型对于你已经建立了很久,本质上也只是一种隐喻。
总而言之,在手机中尝试创建新的手势越来越难。

1462722499-8832-4diaQ0uVDgb4szz6KibMRvMYXY1Q也可以看到一些成功的手势教育的case。Twitter的下拉刷新。

1462722499-6545-yk7yxG45JpNpUxe9baGbOKc7fPQA 在我们的产品百度浏览器里,也有类似的创新设计。

需求:大屏幕的点击关闭按钮,精准点击成本高。
解决:选择手势,能够提供更好的便利性。
历程:开始将双指滑动手势,作用于全局的新建、关闭、切换行为。收敛为主功能视图中主要任务的补充关闭行为。始终提供教育(For新用户)。
通过用户行为数据跟踪,与用户访谈,很容易形成用户行为习惯。明确这个目前就是一种有效的创新设计。
创新真的不是一蹴而就,改变用户行为,是渐进与连续的过程。

1462722503-2377-fK8G1aicX3L68t3dsfMvAc21yorQ行为改变在每个阶段,也都有一些特有的方法。

1462722502-3375-ibEuTC7juJ268CibhWnP0to3cbVA 我结合例子来讲3个方法的使用。这个是百度浏览器的K12主题项目。
业务诉求:引导页·提升主题的使用量。
问题:因为内容产量不满足,用户会在没有可用主题的情况下自然跳过。
我们希望改变用户行为,减少内容不满足引起的流失。

这里有一个模型演变对应用户行为改变的过程。

这就是一个引导页,包含已有的主题,以及一个跳过按钮。我们不希望他跳过,用户的跳过的潜台词也是这儿没我需要的主题。

那我们如何改变这个行为,先来分析下这个行为过程。

  • 前意向阶段:可以不跳过,告知可以解决问题。
  • 意向阶段,用户的问题是获取麻烦?使用称为“痛苦减轻”的方法,只要点击那个按钮就可以了!因为完成一件事情只有一步,也愿意尝试。
  • 准备阶段:用户将准备进行点击。用户的问题是点击定位成本高?使用称为“自我决意”的方法,许诺参与互动就会获得想要的主题。
  • 行动阶段:大量的铺垫后,点击一下!
  • 复发阶段:再进来好像也没有变化?使用称为“权变处理”的方法,建立契约,这个也是关联了一个许愿单功能。许愿的主题将被实现!
  • 维持阶段:愿意进来并参与许愿单,改变用户的跳过行为,形成习惯!

最后给留个大家一个小故事,这是我前几天去湾区的飞机上,发生的事情。

Adams是那架飞机的执飞机长,这是他退休前最后一次执飞。在他三万多的飞行历史中,从未折弯过一块金属部件,也未曾使一位乘客受伤,更没有收到过一张飞行罚单。在他四十六年上千万英里的飞行里程中,规避过上千次雷暴,挫败了发动机故障、爆胎、电子设备失效等事故,也因此没有出现在6点的突发报道中。共计运送50万人次的乘客安全达到目的地。他以坚韧和细心保持安全可靠的飞行记录。

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/14495/

(0)
iouedioued
上一篇 2016-05-08
下一篇 2016-05-08

相关推荐

  • Sketch常用插件介绍

    sketch大家应该都不陌生,在互联网设计尤其是UI设计相对于老牌PS,sketch提升了工作效率,改变了以往的工作模式,sketch的强大除了软件本身,另一个不可磨灭的功劳就是丰富的插件。今天给大家介绍几款常用的插件:一、Sketch Measure一键自动生成 HTML 页面,离线下检查所有设计细节,包括 CSS 样式。在线演示: http://utom.design/news/二、Craft帮你提高效率的自动填充神器a.文本自动填...

    2018-04-12
  • 从单线走向双线,第三代用户体验即将到来?

    双十一在即,加之今年的新零售狂潮,零售业从线上到线下可以说纷纷摩拳擦掌。京东天猫剑指双十一已是老生常谈,值得注意的是,今年的双十一迎来了更多样化的全民购物盛事,比如飞凡推出的“2017飞凡狂逛节”。据了解,与京东天猫等电商大促有所区别的是,“2017飞凡狂逛节”重点是线下逛,与众多剁手党网上拼杀对比,着实令人耳目一新。新零售改革加速,用户体验核心发生质变可喜的是,我们看到零售业巨头和创业者们都在深挖线下。比如今年爆红的无人便利店和无人货...

    2018-02-03
  • EVA「Flow」Living in the Future | Flow 正式上线

    吕骋说:“智能语音助手解决的是人机交互,但并没有解决人人交互,我认为,把人机交互和人人交互打通才是最重要的。” 为了保证最佳的视觉体验,我们特意制作了搜狗输入法的对应皮肤 大家在搜狗输入法的皮肤商店里,…

    交互设计 2015-09-11
  • 阿里UED:优秀阿里设计师如何养成

    编者按:一个优秀的专业交互设计师该具备哪9个素质?一个完整的交互设计流程该经历哪12个阶段?今天阿里的交互设计师从零开始一一帮你解答这两个问题,非常适合新人入门哟。一直以来,交互设计师都是一个受到广泛质疑的岗位,很多人不了解交互设计师的价值,更直接的说,我们大多数的交互设计师没有表现出足够的、令人信服的专业度。大约五年前选择了这个职业,一路走来,质疑过、探讨过,也争辩过。和很多交互设计师一样,我也有过盲目自信和茫然失措,历经时间的鞭挞后...

    2018-03-09
  • 手机系统苹果、安卓交互设计的通用原则总结!

    :请点上面免费订阅系统的设计从用户角度来说,交互设计是一种如何让产品更容易用,让用户更愉悦地使用产品。它致力于了解目标用户和他们的期望,了解用户在同产品交互时彼此的行为,了解用户心理和行为特点,并用通用的交互能满足用户操作的预期。下面介绍一下在交互设计中一些比较通用的设计原则,大家可以参考一下。交互1、就近原则:将同一类的功能都组织放在页面相同模块中。2、容错原则:必须允许用户有犯错的操作,给予用户后悔的操作机会。3、帮助原则:为用户提...

    2018-02-16
  • 百度金融用户体验中心负责人 曲佳:设计师求职七宗罪

    继上个周五 19:00 腾讯互娱游戏平台部设计总监陈维的第一节课《如何通关 UI 设计师的游戏副本》后,昨晚百度金融用户体验中心负责人曲佳联合团队的设计经理孔敏,给知群的用户们带来了「七大公司设计师面试官授课合集」的第二节课《设计师求职七宗罪》,在分享的最后环节,也给出了目前百度金融尚未对外大规模公开的招聘信息(最近有跳槽意向的设计师们抓紧时间上车)。曲佳:百度金融设计架构师,百度金融用户体验中心-百度 FDC ( Baidu Fina...

    2018-04-04
  • 清华社1月诚意书单 | 什么是交互设计?

    什么是交互设计?一、交互是个筐,啥都往里装交互(inter-action),从字面上理解,就是 A 和 B 之间的一系列动作和行为。比如,早上你出门时碰到邻居,冲 ta 喊一声“早”,ta 对你点头、微笑,说“早” —— 这就是一个完整的互动过程。当然,互动不仅限于人与人之间,还可以发生在系统和系统之间,比如人和机器,人和环境,机器和环境,等等。这可是个要命的问题:几乎在同一个次元的人和 “物”,都可能发生互动。当然,我们主要关注发生在...

    2018-01-31
  • Sketchfab可在引擎内直接搜索3D模型,太方便了!

    点击上方蓝字CG世界关注CG我们“ 感知CG · 感触创意 · 感受艺术 · 感悟心灵 ”中国最具影响力CG领域自媒体Sketchfab为其在线模型共享平台发布了新的下载API,使开发人员能够将Sketchfab内容直接导入其他应用程序或游戏引擎中。Sketchfab是一个集发布,分享,发现,购买和销售为一体的3D,VR和AR内容的平台。 提供基于WebGL和WebVR技术的查看器,允许在网络上显示3D模型,以便可以在任何移动浏览器,桌...

    2018-03-31
  • Axure制作响应式原型文件,响应式RP

    随大屏幕分辨率普及,网页设计在交互阶段就必须考虑响应式方案,Axure7作为我偏爱的交互设计工具果然也没让大家失望的新增了Adaptive View功能,基于RP(Rapid Prototype)的思想可以以最小工作量制作出直观且基本上…

    2014-12-26
  • 我们招人啦:高级UX/UI设计师

    For EN version, clickhere生活在笔驰!想不想为前卫的客户创造出杰出的作品?加入我们紧密团结,具有才华,能吃苦耐劳的大家庭,你将会为不同行业构建最具深刻印象的品牌形象。你将迎接带有刺激和创造性的挑战。你会和一个带有创新思维的团队一起工作,不断地推动自己,让自己继续迈向未知的步伐。有时混乱,但永远是具有想象力的一个过程,我们能够专注于做出一个非凡的设计并将它和乐趣结合到一起。我们需要的高级UX/UI设计师!我们正在寻...

    微信热点 2018-04-05