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

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

相关推荐

  • 设计思考模式(一):删除、组织、隐藏、附加

    “删除每个页面上一半的文字,然后把剩下的文字再去掉一半。”(《Don’t make me think》中Krug可用性第三定律)“先假定所有内容都是视觉噪音,除非你证明它们不是。”(《Don’t make me think》)“点击多少次都没关系,只要每次点击都是无须思考,明确无误的选择。”(《Don’t make me think》中Krug可用性第二定律》)

    2017-06-03
  • 用好的交互设计来管理复杂-“筛选器”

    我们必须按照人们的行为方式来设计,而不是按照我们希望他们应有的行为来设计。

    2017-05-19
  • 移动视觉与交互设计10项法则自查表

    转自:设计夹(ID:sezign)英文:medium译者:孙怡娜Photo by Medium近年来,移动手机风靡全球。用户们也已经习惯依照一定的法则在移动端获取信息。在这个微渺的事物就可以定胜负的世里,开发者们需要去了解并迎合…

    2017-08-01
  • [译]UX设计之商品详情页

    现如今,30%的在线购物行为发生在手机端上。 对于在线购物一事,所有用户都期望能够得到快速、流畅的体验。因此,在购物过程的每一个阶段,即使付之最小的努力都有可能利于用户的整个体验过程(我们也应该以利于用…

    2016-06-30
  • 从“注意力”的角度谈体验设计如何避免入坑

    作者:挪小辣(用户体验设计师 @UIMax公司)   前段时间UIMAX团队在做“新浪新闻客户端用户画像项目”时,用研人员访谈用户的过程中,发现一个这样的问题:多数用户完全没注意到过页面上的“长按可排序或删除”这段文字…

    交互专题 2023-03-03
  • 如何建立真诚的用户界面

    给用户控制权并展现产品界面的“诚意”,才能维持和用户之前的信任感。

    2017-04-28
  • 13毫米:触屏按钮的完美尺寸【UXRen译#170】

    作者:Scott Hurff   |  翻译:taitai,校审:天蛙   有种感觉你无以言表但却了然于心——当你在触屏上不能正确操作时,当你不得不小心翼翼地点屏幕上的一个小按钮来触发某个指令时,那种挫败混杂着气恼的滋味。 但假…

    交互专题 2017-08-07
  • 与潘通CEO对话:合理的色彩运用,才能设计吸引人的产品包装

    年度流行色从何而来?潘通如何决定每年的流行色?你知道小黄人的颜色是潘通挑选的吗?以上问题在这篇对话中一一为你揭秘。“基于 Pantone 公司的核心业务,色卡销售,色彩咨询,以及色彩授权,中国目前是 Pantone 继美国后的全球第二大市场。按照中国的国际化趋势,不久后就有可能超越美国成为 Pantone 在全球的第一大市场。尤其,中国市场目前愈发突显了对设计的追求和重视。”Color defines our world. ——  Laurie Pressman  Vice-President of the Pantone Color Institute“For me it has always been such a calm color. Grey is like your favorite T- Shirt.” —— Jason Wu

    2017-05-11
  • Axure官方教程中文版第6课:条件、值及变量-木卫艾欧网原译

    https://www.iamue.com/wp-content/uploads/video/Axure.com-learn(6).MP4 新建文件 1、添加一张图片和按钮 2、添加条件保证文本框不为空 3、文本框的变量值 4、添加打开“Page1”的动作 5、添加文本字段为空的第二个…

    2015-01-26
  • 蓝鸽集团2018校园招聘,多岗位,提供食宿,年薪8-20万!

    蓝鸽集团是一家专业从事语言教育技术的高科技. 集团化企业。目前拥有5个子公司. 1个研究院. 3个科技园。在全国30多个省. 市. 自治区设立了200多个分支机构,现有员工1000余名,是我国语言教育技术行业的龙头企业和第一品牌。蓝鸽在2006年与广东省电视台合作承办了国家级“英语辅导”电视台。2008年被认定为国家级高新技术企业。2013年经国务院批准设立博士后工作站。2015年第一个研制成功了具有物联网功能的智能化多媒体教室。201...

    2018-04-08