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

这是百度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

相关推荐

  • 测试文章

    测试内容

    微信热点 2018-01-29
  • Principle:交互动画实例

    Principle是一款交互原型设计软件,轻松让你的想法变成现实,支持将交互动画转换成视频或者GIF,分享给别人。 你的动画交互想法,比如设计更好的移动APP交互效果成为现实,用Principle轻松帮你实现。Principle的原…

    2016-01-28
  • 用户体验之道谈凡客

    凡客这个曾经有着一万三千多员工的互联网企业,如今为何剩下300多人。本文从用户体验的角度浅析凡客为何没落,渐渐离开我们的视野。 在B2C的产品中,如今越来越多的消费形式由出传统PC端转向移动端,比如啊里的手机…

    2015-01-21
  • 交互设计丛书分享:《瞬间之美:Web界面设计如何让用户心动》

    作者简介: (美国)Robert Hoekman.Jr Robert Hoekman,Jr.著名的交互设计师。Miskeeto公司创始人,曾任职于Adobe、美联航等知名公司。除本书外。他还著有Desiging the Obvious以及FlashUser Experience Best Practi…

    2015-07-26
  • 设计原则:视觉重量和方向

      web页面上的每个元素产生一种视觉力量,吸引了观众的眼睛。 力就越大,眼睛是吸引了。 这些力量似乎也作用于其他元素,传授他们潜在的运动和视觉方向建议,你应该下一个。 我们把这个力称为视觉重量和视觉感知方…

    2014-12-16
  • 超全面的APP数据图表展现方式深度总结

    之前研究过一段数据图 表的最佳表达方式,随着手机端应用层出不穷地发展,这次将数据图 表的表现延用到手机端。相比 Web 端展示数据的空间优势,要兼顾手持设备的便捷、简明而重点的特质,手机端该如何取舍?是否有更加合适的表现方式?下面是翻阅或试用了各种有数据的 App 后,将手机端应用中值得借鉴的部分做了小小的总结,也让我自己对不同数据图表 的特性有更深的理解。

    2017-05-30
  • 为了更好的用户体验,谷歌拿出了“大棒”与“胡萝卜”

    点击关注36氪,置顶公众号专业的行业新闻及深度报道,不容错过━━━━━━这是著名分析师Ben Thompson对谷歌近期宣布的一组数据的评论,原标题为“THE AGGREGATOR PARADOX”以下为谷歌宣布的这组数据:现在共有3100万个网站加入了加速移动页面(AMP)计划,自去年10月以来增长了25%。在2月的第1周,谷歌向出版商发送了4.66亿个页面浏览量——比2017年1月增加了近40%。我们希望通过这样一篇文章,来带你了解...

    2018-02-27
  • 巧用9大服装穿搭技巧,助你轻松搞定专题页设计!

    到目前为止,我已经写了好几十篇关于Banner设计的文章了,目前应该还没有人把Banner设计讲出这么多门道出来吧(脸红ing……哈哈)。但是,我今天想升级一下,不讲Banner设计了,而是给大家讲一下Banner设计的进阶版——专题页设计(做好专题页的前提就是做好Banner设计,这也为什么我会在前面那么大篇幅讲Banner设计的原因咯)。

    2017-05-17
  • 移动端文字与排版设计的六个原则

    .space-betw {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    }

    - (NSDictionary *)demoTextAttributes {
    NSMutableParagraphStyle *ps = [NSMutableParagraphStyle new];
    ps.alignment = NSTextAlignmentJustified;
    // here, NSBaselineOffsetAttributeName must be set though the default value is 0 to make the justified work.
    return @{NSParagraphStyleAttributeName :ps, NSBaselineOffsetAttributeName : @0.0f};
    }

    2017-05-31
  • UI交互设计只需掌握这3点

    说到交互设计,就不能不提需求,因为所有的交互设计的工作都是基于需求,这也是交互设计的第一个着力点。因此,只有深刻理解需求以后,才有可能做出好的交互设计。举一个饱含血泪的例子:在做一个项目的过程中,有一个需求是要将一个应用的数据展示做一下调整,使之能够查看在三个月之内的该数据。当时,自以为已经很了解需求,只是将时间限制放开到三个月,同时,数据的展示限制在一个月内。也就是说,可以查看三个月内任意小于三十天的时间段。优点是:1)满足了需求;2...

    2018-02-27