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

#交互原型##预判设计#主要有两类目的:一是在用户初次体验某种功能时引导用户,避免用户陷入困惑;二是提前判断#用户行为#,缩短行为路径。
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

相关推荐

  • 6种转化率分析模型,提高产品转化率、用户体验

    在微观层面(实战方法论)通过6种转化率分析模型提高产品转化率、用户体验; 大家如果能掌握好增长方法论和提升转化的秘诀,就一定可以通过实现业务快速增长。以下为数极客CEO @谢荣生 在【起点学院公开课】演讲实录,编辑有修改:1. 为什么转化率越来越重要?1.1 流量红利渐失,竞争日益激烈目前新平台、新应用发展起来的难度比十年前要难数十倍,主要有三方面的原因:增长率下降;流量集中于BAT等少数大平台;同行竞争激烈。根据CNNIC统计报告显示...

    2018-03-28
  • 看世界之Google对话式交互设计规范

    目录序言1.对话式用户界面及其重要性2.建立友好用户界面的关键-理解对话如何进行设计实践3.设计原则与方法论4.设计走查5.设计检查表6.用户界面工具包最佳实践7.像你的用户一样...有合作精神(待翻译)8.解锁口语的力量(待翻译)9.通过确认逐渐给用户信心(待翻译)10.对话中是没有错误的(待翻译)1.对话式用户界面及其重要性我们已经进入全新并且充满希望的计算机时代,机器学习和人工智能的进步使得对话式界面和自然语言处理得以兴起,通过技...

    2018-02-24
  • 产品设计之行为学研究,四步打造影响力超高的产品!

    我们每天都感叹“改变”有多难——落空的新年计划、从未使用的健身卡、东西少吃点、存款留多点,可惜都止步在了yy。

    2016-08-29
  • 从产品需求角度,看设计的5层需求金字塔

    举例来说:人们在满足基本的温饱后,才会追求身体健康、安全的住所,接着要求社会地位等等,文艺一点来讲,人如果连追求高尚的权利都没有又何谈高尚呢?举例来说:我刚加入团队的时候,由于需要做大量整改设计,有一些小需求设计到产品设计,会立马询问程序员的开发难易度,并且选择最简单快速的方案,但事后却发现功能点没有想全,更重要的是频繁的打扰降低了开发组程序员的工作的节奏。

    2017-05-16
  • 【干货】Axure产品原型在手机上运行的完整教程

      图1 模拟丁香园的高保真原型   在一般的开发工作之前,我们通常会设计产品原型,大部分为axure绘制的线框图作为产品的PRD文档,供UI和开发进行前期工作,但是有的时候客户、领导想在开发之前,看到产品的概貌…

    2014-11-26
  • Axure产品原型在手机上运行的完整教程

    图1 模拟丁香园的高保真原型在一般的开发工作之前,我们通常会设计产品原型,大部分为axure绘制的线框图作为产品的PRD文档,供UI和开发进行前期工作,但是有的时候客户、领导想在开发之前,看到产品的概貌,就必须做产品的高保真原型进行模拟,这时如果做出来的原型能运行在手机端,那再好不过,如图1(注:上图是仿照丁香园的家庭用药,做的一个高保真原型,算是免费给丁香园打广告,是不是考虑给我点广告费?哈哈)。原型制作软件有挺多,不过个人使用之后,...

    2018-03-06
  • 人工智能对用户体验的影响

    最近两年人工智能技术在金融、安全、交通、医疗、公共服务和制造业等领域逐渐落地,随着技术的成熟,人工智能将会在更多领域影响人类的生活。以人为本的人工智能设计会变得更加重要,本文会从安全性、效率、易用性、场景化、个性化五个方面阐述人工智能如何改善现有的产品和用户体验,这五个方面存在着各种联系并相互影响。安全性越接近系统底层的技术越影响用户体验,例如手机中毒或者信息被盗都会对用户产生巨大影响;如果关系到国家安全,整个社会的秩序都会被扰乱,所以...

    2018-03-26
  • 内容展示页,是选择瀑布流还是分页呈现?

    每个设计师在工作中都会纠结于是使用瀑布流还是分页列表去展示内容。到底如何选择,让我们先分析下两种交互方式的优缺点。

    2017-05-02
  • 在现代网页设计中,动效常见的几种用法

    在逐步的探索和发展过程中,动效在网页和APP中的运用方法与技巧已经逐步成熟,形成了一套相对系统的模式。今天的文章我们通过一系列实例,来展示一下动效是如何改善整个用户体验的。如果你无法将等待的时长缩短,那么尽量令这个过程有趣。动效让滚动式的交互充满了趣味。

    2017-05-08
  • FaceUi招交互设计师-UE网免费发布交互设计师招聘信息

    职位:交互设计师   岗位职责: 1、熟悉了解移动智能产品的UED流程; 2、设计不同的产品原型方案;独立负责并完成单个项目; 3、参与团队设计交流与创新尝试与研究; 4、跟进视觉设计师和开发工程师,负责对接客户…

    交互设计 2015-05-12