交互设计的闭环体验

交互闭环体验的定义交互设计的闭环体验体现在产品的每个功能的细节上,产品可以看作是一整套交互的集合。一般只涉及一种使用场景的交互,只体现为一种功能,且只完成一件事。比如:修改设置、上传文件、设定闹钟、更改密码、打开家用电器、登录、设置状态消息、收藏等。交互设计的闭环体验主要由4方面构成:触发控件:交互闭环的起始点设计规则:交互闭环所遵循的交互方式信息反馈:用户与产品的互动过程关闭(循环)模式:交互闭环过程的结束(循环)模式交互闭环体验的定...

交互设计的闭环体验
交互闭环体验的定义


交互设计的闭环体验体现在产品的每个功能的细节上,产品可以看作是一整套交互的集合。一般只涉及一种使用场景的交互,只体现为一种功能,且只完成一件事。比如:修改设置、上传文件、设定闹钟、更改密码、打开家用电器、登录、设置状态消息、收藏等。

交互设计的闭环体验主要由4方面构成:

触发控件:交互闭环的起始点

设计规则:交互闭环所遵循的交互方式

信息反馈:用户与产品的互动过程

关闭(循环)模式:交互闭环过程的结束(循环)模式


交互设计的闭环体验

交互闭环体验的定义


触发控件


触发控件是一系列用户交互过程的最初步骤,设计触发控件时应遵循的准则是:

必须让用户在使用情境下认出来它是可交互的控件。例如,按钮看上去是可点击的、滑块看上去是可以拖动的等。

保证触发控件每次都触发相同的动作。这样可以保证用户形成准确的心智模型。

有必要提前展示数据。比如,消息通知图标在收到消息时红点提示用户、邮件收件箱展示未读邮件数量等。


交互过程中至少要有一个触发控件,至于选择什么样的控件,取决于你想给出多少个控件:

对于单一动作的交互,一个按钮或简单手势足矣。这里的“按钮”可以是图标或菜单项,而手势可以是轻击、滑动或摇动。

对于有两个状态动作的交互(例如“开”或“关”),一个开关足矣。或者是使用常规按钮,按一下改变状态。如果要使用这种方法,那应该保证按钮状态绝对清楚。

对于有多个状态动作的交互,可以使用一组按钮,每个按钮代表一个选项。

对于在一定范围内连续进行动作的交互(例如调整音量),使用滑动条最佳选择。另外,特别是在没有一定范围的情况下,可以使用两个按钮来改变值的大小或高低,例如switch控件。

有些交互过程由多个控件或表单字段(单选按钮、复选框、文本输入字段)组成。 比如,登录的交互过程就需要文本框输入字段来填写用户名和密码信息。

交互设计的闭环体验

当前的触摸屏用户界面隐藏着很多的不可见控件, 没有可见的使用情境表明各种多点触摸手势的存在,可以通过自定义的操作来触发,比如:APP中截屏后出现选择“分享”“反馈”的弹窗提示。

在选择好了触发控件后,在设计过程中就要考虑一下控件的全部交互状态。

PC端:

1.正常状态:可以点击且没有进行任何动作的状态

2.鼠标悬停时状态:鼠标停留在按钮时的状态

3.鼠标按下时状态:鼠标按下的时候

4.鼠标按下后弹起状态:鼠标按下去后会松开鼠标时状态(此效果可以不做,因为松开后还是鼠标停留按钮时的效果,已经区分开了)

5.不可点击状态:一般为灰色,鼠标停留时鼠标是禁止状态,不可点击

移动端:

1.正常状态:可以点击且没有进行任何动作的状态

2.焦点状态:获取焦点的状态

3.按下状态:手指按下后的状态

4.选中状态:选中后的状态

5.不可点击状态:一般灰色,点击无反应

设计规则


设计规则是交互闭环体验的核心,设计规则决定了一个交互过程到底如何去用。 设计规则前,需要确定一个最简单、最明确的说法,即交互过程到底是怎样的。最好的目标应该是容易理解(用户知道为什么要做这件事),而且能够完成的(用户知道他可以做到这件事)。

设计交互规则时,我们要考虑到:

如何响应被激活的控件。比如,用户单击图标时会发生什么?

交互过程中用户可以进行什么操作。比如,用户可以取消此次交互过程吗、用户可以在本次交互过程中接听电话吗?等。

确定动作发生的顺序。比如,只有在输入文本信息后,“搜索”按钮才会被激活。

确定数据以及数据源。此次交互过程是否依赖数据?数据的来源是哪里?

什么时候提供什么反馈。 在本次交互过程中,反馈出现在什么时候。

确定交互过程的模式。此次交互过程是否需要循环或重复?

确定交互结束时会发生什么

设计交互过程的规则,包括以下内容:

1.记录交互流程的主要动作,梳理逻辑关系,生成初步规则。

2.定义触发控件的特征和状态。 以一个简单的下拉菜单为例,它有两个状态:打开和关闭。打开时,菜单选项会显示出来,这些选项就是菜单的特征。除了选项,菜单还可以有其他特征,比如最多显示的选项个数和每个选项标签的最大长度。菜单还可以有其他状态,比如悬停打开和悬停于选项上时显示工具提示条。

3.为规则中的每一步都设计出相应的UI。交互过程中的每一步都会有相应的控件的状态,且每一步都会有不同的页面元素。

4.设计出约束条件。包括: 可用的输入和输出方法。 输入内容的类型和范围。用户需要付出何种代价。可用的数据有哪些以及相关数据源。

5.合理设计复杂性。要找出最核心的复杂性在什么地方,确定用户掌握着哪一部分以及何时需要介入。如果用户介入绝对必要,则适时将控制权交给用户。

6.制定防错原则。 在设计交互流程时,就要考虑根本不让用户出错。

信息反馈


在交互过程中设计信息反馈目的是帮助用户理解交互的规则。 如果用户按下一个按钮,至少会有两件事发生:按钮被按下了以及按钮被按下后导致什么结果。

交互过程信息反馈的第一条原则是:别让反馈给用户造成压力。反馈应该由需求驱动:用户需要知道什么,什么时候知道(多长时间一次)?至于反馈的形式,则取决于我们的想法,视觉、听觉、触觉或它们的组合。

交互过程中的反馈一般出现在以下情况:

启动触发控件之后/期间。 所有用户发起的运作都应该伴随有一个系统的确认。按下按钮时必须表明确实有事发生。

交互的状态由于启动触发控件而发生显著变化时。比如, 邮件客户端检查新邮件,不一定每次检查新邮件都需要通知用户,但检查到新邮件时一定要通知用户。

用户突破了规则时。 比如用户输入了错误的值(比如密码不对),或者已经滚动到了列表底部,再没有什么可以显示了。

产品不能执行命令时。比如,多次连接网络连接不上。

在需要花较长时间的操作中显示进度

在设计信息反馈时,通常需要提供给用户的反馈包括:

1.什么事情已经开始

2.用户刚刚做了什么事

3.哪些过程已经开始了

4.哪些过程已经结束了

5.哪些过程正在进行中

6.用户不能干什么

关闭(循环)模式


模式是交互过程规则的一个分支。每一个交互过程都会有一个关闭(循环)模式表示完成此次过程的结束(再次触发)。

我们通常在制定交互过程的规则时就会把整个交互过程的关闭模式制定好。比如,登录功能交互流程的关闭模式是登录成功或登录失败、在商城购买商品交互流程的关闭模式就是成功生成订单等。

循环模式则是对于一个交互流程的持续时间的设定,比如,在网络信号不佳的前提下,页面不肯能一直持续加载,经过一个时长最终会显示出页面内容或加载失败的提示(或者给出重新加载的按钮,用户再一次进入到该交互流程中)。

总结


交互闭环体验的设计流程:

触发控件(用户通过控件开启交互过程)——设计规则(规则决定了交互过程中的方式)——信息反馈(用户与产品互动后得到的及时反馈)——关闭(循环)模式(完成交互过程的明确标识)

交互过程中的闭环体验绝对会是让产品受用户欢迎的重要设计要素之一,它能增进用户的参与度与愉悦感。虽然设计与开发优秀的交互闭环体验也许会增加许多时间,但却能让你的产品成为用户生活中的一部分。


(如有版权侵犯请联系小编微信删除:cc199419a)

交互设计的闭环体验

原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/35251/

(0)
交互精选交互精选
上一篇 2018-02-14
下一篇 2018-02-14

相关推荐

  • 移动端图片阅读—交互设计分析

    ↑点击上方蓝字,加个关注吧~↑今天老冰给大家分享一个移动端图片浏览的交互方式这个APP的阅读教程中,一共介绍了四种交互方式,左右滑动翻页浏览,上下滑动阅读更多,下拉放大图片,侧划查看时间线以往资讯。在这里并没有介绍左滑,有人问,左右滑动不就是左滑吗?其实,并不是,当你位于第一张图片时,也就是现在左滑已经没有内容了,此时你的左滑便有了刷新的作用,不同于其他(很多app刷新都是下拉刷新),这也是值得称赞的地方,它通过自己的交互思维,产生了自...

    2018-01-30
  • 【干货】在考虑入行交互设计之前,你必须搞清楚这些

    本篇文章来自知乎专栏:设计史论与设计哲学https://zhuanlan.zhihu.com/sheji-history-theory作者:乐可柯产品与交互设计师,设计史论学者现任阿里巴巴集团交互设计师毕业于同济大学设计创意学院设计学硕德国奥芬巴赫设计学院交换生今年,O’REILLY公司对全球范围内的“交互设计行业”做了一次调研,收集到了来自25个国家、1000多名设计师的反馈,虽然量不大,但其数据显示的结果可以作为参考,一窥整个交互设...

    2018-01-31
  • 用户体验与故事大王的创新火花

    嗨,亲爱的小伙伴们,2018年4月25日,我们又一同相约创新的周三,每周一次的创新工程实践如期而至。此次见面课主场是北京大学,由黄文彬老师主讲的《用户体验创新》。首先带大家了解一下黄老师。来自北京大学、南开大学、北京科技大学、西安电子科技大学、新疆大学、暨南大学、西北农林科技大学、西安交通大学、南昌大学、东北农业大学、哈尔滨工程大学等全国285所高校、九万六千多名师生共同收看了此次课程直播,其中江苏工程职业技术学院和山东财经大学参加了本...

    2018-04-25
  • 产品经理必修课:那些隐藏在界面里的交互设计

    投稿作者:温晴公众号“爱累加”首发我们在做交互设计的时候,一般都是通过线框图和文字说明进行展示,有时候遇到一些复杂的功能我们还需要配上流程图进行补充说明,详细的全方位的交互设计文档不仅可以让研发人员方便的投入工作而且还可以让测试人员清楚的了解产品功能,方便测试细节。但是有时候我们会遇到一些无法用线框图展示出来的需求,但是又会经常遇到,下面分享给大家一些界面上看不到的交互设计。案例一用户A在使用一款应用程序的时候,突然网络断开了,那么这时...

    2018-05-05
  • 动起来才好玩——创意交互设计景观

    设计是靠亮点征服人,吸引眼球,大部分方案构思雷同,建成后风格水平都差不多,如何让场地更加吸引人而脱颖而出,这就需要在新、奇上下功夫。电子梦幻天幕世贸天阶最著名的“全北京向上看”的“超豪华LED天幕”,这座天幕将为整条商业街带来富于梦幻色彩和时尚品位的声光组合,成为一座吸引人潮的世界级奇观。建成之后,人们在这里可以欣赏缤纷悦目的日夜景观,感受现代科技带来的富于梦幻色彩和时尚品位的声光艺术。而且游客可以把想说的话发送短信到平台号码,天幕上就...

    2018-02-03
  • 课件界面交互设计

    交互的概念我们将交互定义为具有信息处理功能的两个实体或对象间信息传递和反馈的过程。具有信息处理功能的实体或对象是指那些在功能上能够完成对信息的接收、处理和发送实体或对象。交互本质上是信息传递的过程。由于交互总是由某一实体或对象出于一定目的引发起来的,所以我们还可以认为交互是一个具有信息处理功能的实体或对象基于解释为定目的对另外一个具有信息处理功能的实体或对象发送信息并得到反馈信息的过程。(孙海民,2005)。一、人机交互概念人机交互是指...

    微信热点 2018-03-01
  • 游戏交互设计心得分享:从代入感与反馈感入手提升打击体验

    前言经常听到一些设计人员、产品经理、甚至是一些交互体验”大师“的言论——【这个操作太麻烦了,需要操作好几步,体验太差了!】亦或者【这个功能藏的太深了,你有考虑过用户体验么?】之后不知怎么的,设计游戏或者软件的人员经常会把这几句话挂在嘴边。无论做什么,3句话里面保准带一句上述“金句“。所以近段时间,你会发现打开一个游戏或者软件,第一眼的界面,功能堆积,眼花缭乱,不知从何下手。我觉得,经常拿着两句话一刀切的人太幼稚,太低级了。所以我今天斗胆...

    2018-02-20
  • 善用Axure写PRD:产品逻辑的五种呈现方法

    每天一篇好文章,2018年第2期不管是APP、web网站还是pc客户端的软件,流程&页面&交互&逻辑始终是最重要的几环,分享一下我呈现逻辑的几种方法,大部分PM应该也采用过类似的方法。一、直接不写逻辑最开始根本没有写逻辑的概念,只是用交互事件加上基本的页面跳转。当技术童鞋来问的时候,口述给他。经常会被鄙视。二、直接写到页面里开始学乖了,把一些逻辑直接写到页面里。不过很快就发现了弊病,某些逻辑不应该呈现给用户,只能给前后端童鞋看。同时也造...

    2018-03-27
  • 02案例:用户体验和结婚教练

    用产品经理的视角来看人今天我想讲一个结婚教练的故事。她是我的一个朋友,现在做的工作就是指导30多岁下定决心要结婚的女生,如何能够在一年半之内搞定结婚。她的方法已经帮助了30多个30多岁的女生完成了结婚。这个结婚教练以前是干什么的呢?她以前是一个互联网公司的产品经理。她的这一套结婚的体系内容挺多的,这堂课我想把她最重要的一个环节拿出来分享。这个环节就是如何观察和判断一个人。因为结婚也好,创业找合伙人也罢,都是非常重要的长期关系。改变一个人...

    2018-04-04
  • 用通俗的方式告诉你什么是「交互设计」

    通常来说,拥有成熟产品的大型互联网公司都会设有交互设计岗位,这个岗位在近几年的招聘市场上也越炒越火。不同于视觉设计师有可视化的作品展示,交互设计师的工作大多无法直观可视化或出于保密性难以对外展示,所以在大众心目中始终是神秘的存在。所以今天就来给大家分享一下我作为一个交互设计师眼中的交互是什么样的。文章的目的是帮助对交互设计不太了解,但工作相关或对此感兴趣的人对交互设计进行基础入门的了解,所以采用了尽量平实简单的描述方式,以帮助大家快速理...

    2018-04-11