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

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

相关推荐

  • 帮UX新人摸清用户体验设计各岗位的典型特征【UXRen译#172】

      作者:Christian Beck  |  翻译:小蟹,校审:Duke   当我面试刚从学校毕业的准设计师时,我总是问他们:“当你被指派到一个新的项目时,你希望做哪一部分的工作,哪一部分的工作又是你心里祈祷别人会做的?” 众所…

    交互专题 2017-08-07
  • 帮你梳理微交互的五个基本要素

    微交互应该火热了相当一段时间了。它成为话题中心很大程度是因为微交互所带来的令人动容的体验。如果说要界定微交互,那么它应该是围绕着用户完成单个任务前后而存在的微妙的交互和效果。小贴士:奖励机制是驱动用户的核心,奖励越强,产生的习惯效果也就越明显。小贴士:动效应当具有足够持久的生命力,所以设计的时候,应当思考它是否会在看过100次之后让人觉得厌烦?它是否清晰可见,或者完全无法引人注意?小贴士:用充满情感和人的姿态来同用户交流,这是让你的UI和交互变得更加温暖的最快的方式。小贴士:应当在你的设计中保持KISS原则(KISS 原则是用户体验的高层境界,简单地理解这句话,就是要把一个产品做得连白痴都会用,因而也被称为“懒人原则”),不要让那个你的微交互成为一个宏交互。

    2017-05-14
  • 科幻场景中的交互设计

    那么多的电影,里面那些UI场景你留意过么?在不少涉及未来题材的电影中,许多高科技设备与人交互时候的UI界面设计也是非常值得学习的。这次小编大家搜罗了各种电影中出现的UI场景,一起来学习科幻场景中的交互设计…

    2015-01-26
  • 交互设计不是你以为的那样,思考过这些才能入门

    作者:UI中国会员 呆呆丶, 交互设计师转载请务必注明。原文链接:http://www.ui.cn/detail/138186.html封面题图 by 设计师 Ken Lo1  新手对交互设计的几个误区  交互设计是做动效的(如果你是这么认为的…

    2017-07-31
  • 【笔记】北美大公司里做UX Designer是啥体验?(附视频)

      UXRen北美社区成立至今,旨在聚集华人UX设计师群体,为提供大家一个交流的平台。此外,我们希望大家也能够能线下碰面、聊天、互相认识,分享彼此的UX设计宝贵经验。   本期撰文/Leecy 会议记录/陈若涵 整理/Leecy…

    交互专题 2017-08-07
  • 提升用户体验 抢占用户心智

    马云提出的新营销是连接线上线下的全新核心载体,超越单纯线上或者线下的全网营销概念。但华帝李洋认为,线上和线下只是连接用户的媒介,核心仍然是用户体验。抢占用户的心智,提升用户认知,是“新零售”的前提。打造新型厂商关系 构建全新服务体系在产品端,最初的模式是线上采用完全与线下独立的产品线,无论价格、卖点、功能配置都与线下产品区隔,线上和线下营销团队完全独立,各说各话。但随着时间的推移和互联网的蓬勃发展,这种割裂式的操作手法已经成为过去式。企...

    2018-03-29
  • 为什么重视用户体验的公司最后死掉了?

    今日头条候选:易到完成股权变更,乐视仍未完全退出;“ofo小黄车”被诉商标侵权;今天,给大家推荐的头条是「黑马高管营」导师刘爽从管理决策角度分享如何做决策、决策的依据以及避免陷入的误区,值得每一位管理者仔细阅读。【黑马高调头条】第185期文 | 创业黑马学院什么是管理决策论?管理决策论就是在管理中做各种决策的相应依据。很多创业公司的折腾闹剧现象,就是管理层管理决策弱的结果,如果具备基本的make sense,有些“学费”不是一定要交的,...

    2018-01-30
  • 不为动而动!动态效果在体验设计中的应用

    现在在网页和H5中使用动效已经成为一个大的趋势,随便打开一个H5都会看到一大堆跳动的元素在那里向你招手:看这里!看这里!但在这样的滚滚大潮当中我们是否应该思考一下:真的需要这么多的动效么?为什么需要?需…

    2016-07-06
  • 产品经理黑魔法 | 自启动与后台

    最近写黑魔法上瘾了,每天稍微有点空闲,Glen都在思考互联网行业都有哪些黑魔法。有机会大家还可以探讨一下魔咒课、魔药课、占卜课等哈利波特魔法课程。

    2017-06-03
  • 不会Sketch的设计师将要被淘汰!

    这  是 一 本 让 我 废 寝 忘 食 的 书前几天小花闲来无事逛知乎被一篇名为《写一本书出版是怎样一种体验?》的问答吸引了目光,里面有一位作者黄方闻详细的介绍了他的第一本书《动静之美——Sketch移动UI与交互动效设计详解》筹备历程。Sketch这款软件在UI设计上确实有着无可比拟的优势,很多大公司都在用sketch工作,再不会Sketch会被淘汰掉。目前用sketch跟ps的人数比越来越接近了。Sketch因其强大的功能以及极低...

    2018-03-02