用户行为预判的交互设计研究

#交互原型##预判设计#主要有两类目的:一是在用户初次体验某种功能时引导用户,避免用户陷入困惑;二是提前判断#用户行为#,缩短行为路径。
1478137044-7595-E69D8EE88C81-E5A4B4E59BBE
作为“剁手党”,闲暇功夫刷淘宝已经是消磨时间的习惯行为。某天看中了一件商品,想要和朋友分享,使用“HOME+锁屏键”截取屏幕时,一个push吸引了我的注意:

1478137045-6223-E59BBE1       图1  淘宝APP截图提示

这是一个很好的预判式设计,分享流程通过改进变得更加友好。在购物类应用的截图操作的目的基本只存在两种:我想看看和我想给朋友看看。淘宝的设计团队在这里预判了用户的下一步操作,并为其提供了分享的入口,省去常规分享操作流程的中间环节,缩短了用户操作路径。

回顾一下,微信团队在很早就有关于用户行为的预判的亮点设计。还记得微信的图片分享吗?当分享的上一步操作为截屏或保存图片等新增照片库图像的操作时,进入微信的首次图片分享会弹出最新添加图片的预览,便于快速分享。

1478137045-2418-E59BBE2图2  微信发送图片提示

我们可以看到,在淘宝和微信的预判设计中,预判信息只在需要时出现,并且信息展示的方式也很吸引用户的注意。实际上,满足用户行为意识层面需求的设计,更容易引起用户共鸣。我们可以将此总结为用户的“隐性需求”,而我们要做的就是行为预判,将这种需求由暗化明。

例如,当用户有社交需求时,利用社交类APP产品的特性可以达成用户目标:用户可以通过分享照片、发状态、分享视频等许多种手段来实现。完成同一份目标可能有多种不同的任务,而每一任务中也包括了多个步骤。那么预判式设计通过对操作习惯和对事件认知水平做出判断,从而对用户的下一步具体操作进行引导并简化。

预判设计主要有两类目的:一是在用户初次体验某种功能时引导用户,避免用户陷入困惑;二是提前判断用户行为,缩短行为路径。

1478137044-7239-E59BBE3图3  预判设计引导用户的思路

那么作为交互设计师,在支撑用户实现目标的过程中可以做些什么呢?绘制页面布局、纠结button样式、push形式等细节都是工作必要,它确实能为用户带来更好的体验;但在操作流程上来考虑,这些对于用户来说只是一带而过的东西,在用户目标层面来考虑,其实对产品功能和结构的改善影响微乎其微。事实上,用户的行为中渗透了意识。从用户的行为推断用户意图,将用户的意图结果化,反推之我们可获得两种预判设计方法:顺应用户行为和结合使用情景。

顺应用户行为的预判设计

用户在处理和操作的流程中步骤越多,对理解力和决策的要求越高,耗时也会相应增加。因此在理解用户操作行为的层面上的交互设计能够减少冗余步骤,简化操作流程。因此顺应用户行为的预判设计也可总结为四个字:以简驭繁。抛开繁杂的操作过程,运用最少的任务和行为来达成用户目标。简约不仅仅是视觉的形容词,同样适合行为。

顺应用户行为的预判设计主要目的是提高任务的转化效率。举个栗子,chrome浏览器的地址栏中有一项是“paste and go”,优化了“粘贴—点击—跳转”流程,将步骤汇总,简化操作。

1478137045-5495-E59BBE4图4  chrome 浏览器地址栏

同样是粘贴,当剪贴板中包含网址数据,点击UC浏览器的网址输入框时,下方会自动带入剪贴板数据。

1478137045-5401-E59BBE5图5  UC浏览器地址栏

很多用户在使用电脑时都会遇到找不到鼠标指针的情况;这种情形在屏幕切换的情形下尤为可见。大多数用户的处理方法都是:频繁的晃动鼠标以便视觉能够捕捉到指针位置。那么苹果系统是如何解决这个问题的呢?OSX10.11系统将摇动鼠标作为用户“寻找鼠标指针”的行为预判,只要用户摇动鼠标,指针就会放大,便于用户快速定位。

1478137046-9341-E59BBE6-1图6-1  OSX11.0 鼠标指针

1478137046-3712-E59BBE6EFBC8D2图6-2  OSX11.0 鼠标指针

良好的交互流程必然是尊重人的价值的。相对于建立新奇的操作体验,首先应满足用户固有的操作习惯,并分析影响和驱动这些行为的因素,再在此基础上进行设计。从用户的角度和立场来考虑,同时注重交互的效率与体验,才能设计出优雅而接地气的产品。

符合使用情景的预判

做设计时,往往需要考虑在特定情景下,用户行为背后的思考与需求。因此符合情景的预判,我们也可称其为“符合用户感知的预判”。思考用户使用产品的情景,还原常态,可以及时而高效的迎合特殊条件下的用户需求。

情景下的预判设计可以在某些特殊条件下触发。比如IOS的锁屏界面,会根据用户的地理位置推送相应APP的快捷入口。比如移动到银行附近,左下角就会出现招行的icon。

1478137046-8983-E59BBE7图7  IOS锁屏界面

其实在很多产品设计中都有涉及,举一个最常见的例子:联想功能。不得不说这是个让大脑退化的功能,但自从这个功能产生,我们便再也离不开它了。试想下没有联想功能的搜索框和输入法,简直是一场灾难。虽然联想功能背后更多的是算法的支持,但是他背后的思想依旧是用户目标的实时预测与反馈。

在Google翻译中,第二次点击发音按钮,语句的播放速度会比第一次缓慢。这是便基于使用情景的设计。为什么要播放第二遍发音?其实只要考虑了这个问题,答案很容易得到,无非是没有听清或者想要进一步学习,从这个角度来说,用户真正需要的是“更清晰易懂(学)的发音”,那么这个设计也就因此而诞生了。

1478137047-7538-E59BBE8图8  Google翻译

结语

其实预判用户行为的交互设计是建立在整个产品的框架上和对用户深刻理解上的细节迭代。用户花费着时间和精力使用我们的产品,我们理应为他们提供良好体验,让他们觉得这个设计简洁有效,并能感觉到自己在使用的过程中是被尊重的,而不是居高临下的告诉他们:“Hey,you are foolish,这么简单的功能都不会用吗!”

正如《一目了然》中所说,“当一个软件设计得很糟的时候,我们往往能立刻指出哪里做的很差;但一个优秀的软件,你却往往难以解释优秀从何而来”,因为沉浸式的流畅体验为你减轻了很多思考的路径与时间。在产品快速迭代的时代,作为设计师,理应避免仅仅只是停留在绞尽脑汁地做一些美妙新奇的设计来取悦用户、意图提供更多的附加价值,而忘记在设计中推敲细节元素、坚持以用户的角度看问题的初心。不要忽略预判设计给用户带来的感动,这是委婉表达尊敬和专业的最好方式。

原文:http://uxd.58.com/blog/66.html

作者:

文章参考文献

[1]poluoluo.com. 交互设计最重要的是态度:通过交互来引导用户[EB/OL]. http://www.poluoluo.com/jzxy/201109/143218.html

[2]xker.com. APP用户引导设计秘籍[EB/OL]. http://www.xker.com/page/e2014/0816/133304.html

案例参考网站

[1]https://www.zhihu.com/question/30361827

[2]http://littlebigdetails.com/

配图:来自pexels.com

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

(0)
iouedioued
上一篇 2016-11-02 15:28
下一篇 2016-11-03 09:53

相关推荐

  • 成也排版败也排版:一个选择的过程

    作为设计师有一个重要的技能:如何选择文字。这是因为文字是设计师和客户沟通的主要方式之一。那么排版就是决定你设计好坏的重要因素。GoldenRatio (1:1.618)
    1.000x 1.618 = 1.618
    1.618x 1.618 = 2.618
    2.618x 1.618 = 4.236
    4.236x 1.618 = 6.854
    6.854x 1.618 = 11.089GoldenRatio (1:1.618)

    11.089x 1.618 = 17.942
    17.942x 1.618 = 29.03
    29.030x 1.618 = 46.971
    46.971x 1.618 = 75.999
    75.999x 1.618 = 122.966MinorSecond 15:16
    MajorSecond 8:9
    MinorThird 5:6
    Major Third 4:5
    …PerfectFourth (3:4)

    9.969x 1.333 = 13.288
    13.288x 1.333 = 17.713
    17.713x 1.333 = 23.612
    23.612x 1.333 = 31.475
    31.475x 1.333 = 41.956
    41.956x 1.333 = 55.927FontSizes
    Header1: 55px
    Header2: 42px
    Header3: 31px
    Header4: 24px
    Header5: 14px
    Body:17px
    Caption:14px

    2017-05-01
  • 【交互面试】阿里巴巴交互设计实习生笔试题汇总

    阿里巴巴交互设计实习生笔试题 1 在线测试,测试时间 180 分钟 【自我介绍-20 分】简要的自我介绍(学校、学历、专业、个性、独特亮点等),并上传你的简历和作品。(将附件上传到无密码的网盘中,建议使用酷盘,并…

    2015-07-30
  • 用户体验才是王道

    出生在委内瑞拉的亚历山德拉(ALEXANDRA VASQUEZ),在美国的波士顿大学毕业后不久就结婚了,婚后的她与德国籍的先生定居在柏林。和许多年轻女孩一样,对于新成立的家,亚历山德拉有许多憧憬,急着想布置有个人风格的家居特色。〝我去了大卖场,买了所有成家的基本家具,从床、沙发到餐桌。当这些东西送到我家时,我意识到我的家一点也不温暖,看起来像是一个商场的陈列间。它缺乏属于我和先生的个性以及属于自己生活的种种细节。〞〝意识到了这点后,对于...

    2018-02-03
  • 交互设计与用户体验分析实例——外卖产品

    题外话:作为一名交互设计师,平时闲下来特别喜欢分析市场上的一些具有代表性产品的交互设计。同样,作为一名资深的吃货,毋庸置疑,当然先给大家分析几款“外卖”的交互设计。

    2016-10-26
  • 手机“携号转网”磕绊多,用户体验太遭罪,手机跳槽为何这么难?

    轻点下图  纵横带您“听新闻”携号转网来自新闻纵横00:0005:59工业和信息化部在2010年和2013年,分两批在天津、海南和江西、湖北、云南五个省市,试点手机号码“携号转网”业务。但是到今年初,仍然有试点省份的用户反映,办理过程不如预期的顺利,质疑运营商故意设置障碍。记者调查发现,“携号转网”业务在不同的省份试点效果存在差异,主管部门坦承,有运营商为了挽留用户“搞小动作”,但试点工作整体向前推进,一些技术问题逐步解决。湖北武汉的白...

    2018-04-10
  • Microsoft将向合作伙伴开放 Windows Holographic,官方放出的宣传片

    Microsoft将向合作伙伴开放 Windows Holographic,以下为官方放出的宣传片,巨硬爸爸一出手果然不同凡响。 【微软向合作伙伴开放 Windows Holographic,打造混合现实新时代】魔术师妙手生花,孙悟空腾云日行万里,…

    2016-06-03
  • 独家UED手机端 保险投注

    活动时间:2018年3月1日中午12:00至2018年3月31日上午11:59 (北京时间)针对于优惠期间内第一次使用头头移动平台的会员50%本金返还,高达RMB 88手机保险投注!活动详情:1.头头移动平台包括手机网版版平(m.toutou.com),UED手机端安卓版和iOS版;2.没有下载头头手机端安卓版和iOS版的会员可以进入官网www.toutou158.com下载;3.头头会员需在优惠期间通过头头手移动平台投注第一笔手机注单...

    2018-03-15
  • Web用户体验设计总结

    最近一直在做APM报表的重构,记录和分享一些看法。希望可以坚持,今天先做Web用户体验设计的总结。因为重点再重构上,所以可能所说的内容有局限性。

    交互设计 2017-06-03
  • 交互设计流程的“闭环”问题

    交互设计师有一项很重要的工作就是定义任务流程。在接到需求之后,设计师需要把抽象的需求设计成具象的流程,然后再把流程分配到不同的界面,最终形成成品。设计流程不难,但是设计好的流程非常难。举个简单的例子,注册这个流程可以这么定义:

    2017-05-27
  • 用户体验再度升级,共享租车现里程碑式进步

    近日,国内共享租车领导品牌凹凸租车发布最新APP 4.0版本,该版本通过优化匹配算法和系统功能,在业内首度实现共享租车平台零拒单,免除了用户交易后租不到车的后顾之忧。同时,新版凹凸租车上线了“精选优车”频道,全面提升用户的租车体验。零拒单,用户所租即所得在共享租车行业,用户租车后遭遇车主临时拒单或取消的现象成为一大痛点。在凹凸租车4.0新版本中,平台通过车源端优化、车辆接单标准化、智能推荐匹配算法和系统功能升级,实现了工作时段的无拒单、...

    2018-02-01