交互设计的闭环体验

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

相关推荐

  • 设计干货|聊聊设计师玩转Sketch的那些事儿

    点击蓝字关注GOMEOS用户体验设计1调整组内图层父级变换属性新的调整大小选项可以帮助我们更灵活地调整对象与子层之间的响应:1. 默认属性下的成组放大缩小变化,内部的图标跟随组的缩放比例进行变化.2. 锁定图标的固定宽度&固定高度,成组的缩放比例不会影响到图标的比例与尺寸.3. 当锁定上部及右部间距时,成组缩放比例时,图标距离组内上部及右部的距离保持不变.2嵌套样式这个十分强大的功能使得symbols的复用更加的强大,可以同一内容复用多...

    2018-04-04
  • 如何平衡广告盈利和用户体验?

    如果你是一名手机应用开发者,你肯定知道广告可以为你的应用提供巨大的收入潜力。可以说手机应用就是在为流量主下金子: 到2020年,将会有高达1890亿美元的收入,而其中仅应用内广告带来的收入就会达到1170亿美元。事实上,我们最近对1000多名应用程序开发者进行了调查,发现高达84%的人承认他们通过广告将应用变现 —— 61%的人声称广告带来了最多的收入。但是,一如既往,能力越大,责任越大。作为一名应用开发者,你要负责确保用户的使用体验,...

    2018-04-06
  • VUI语音交互设计:三步打造任务导向型对话场景

    语音交互的主要能力在于开放式domain的聊天型功能与任务导向的技能型功能。如果说快捷高效、轻松自然是语音交互的独特优势,那么任务导向型功能就是这些优势的完美落点,一个量好的语音交互产品,自然是技多不压身,能够cover的domain多越好,能够get的技能越强大越好。那么,作为语音产品设计人员,如何以短平快的方式设计一个任务导向型对话场景呢?当然,和传统交互设计工作一样,前期调研是很有必要的。你想设计的这个功能是否能满足产品目标、是否...

    2018-02-15
  • UED 招聘,多个职位给你更多选择!

    14载,我们初心不变,依然要做行业最有力的的发声者。从一张纸到一串电波,媒介在变,我们的眼光始终如一大家都在说AI是未来,然而在这里,我们依然需要你无可代替的头脑。WE ARE HIRING这次招聘我们为什么要做这次公开招聘?信息爆炸,百家争鸣,越是瞬息万变,媒体的价值愈发凸显。我们不会随便说满意,而是希望在诸多嘈杂的背景声中,发出属于新时代建筑媒体人独到的观点,让关于建筑的解读,走进公众的视野;我们希望以全新的面貌去呈现UED对于中国...

    2018-03-05
  • 用户体验 | 移动网络音频传播效果研究

    作者:广东外语外贸大学新闻学院教授   郭光华广东外语外贸大学新闻学院硕士生    余思乔来源:《新闻爱好者》【摘要】在传统媒体被集体唱衰的时代背景下,移动网络音频的出现重新定义了广播行业,并在短时间内抢占了大量的音频市场份额。移动网络音频作为互动传播平台,将传统的听众身份转变为用户角色。用户主动使用这一平台,在互动中完成了内容的共构和情感的交流,从而获得了全新的体验与满足。【关键词】移动网络音频;用户体验;传播效果移动网络音频是新媒体...

    2018-04-10
  • 2018年的用户体验状况

    这是由一位美国作者站在美国的视角写的文章,即便抛开个人因素不谈,国内外的发展进度并不完全同步。例如情感化反馈这一块也许国内稍稍落后一点、但是移动支付和AR却要快一些,有些方面即便步调差不多,举出的例子却不一样。不过看看别人的总结也挺有意思,至少可以了解一下国际风向。我将在本文概述的,除了2017年里见证到的巨大的变化之外,还有值得关注的趋势,以确保能够赶于潮流。1、更简单的导航方式导航体验是2017年的热点话题之一。为了设计出顺畅的用户...

    2018-03-19
  • 基于交互体验下的包装视觉传达设计研究

    红河学院美术学院 文俊鸿摘要:包装视觉传达设计中交互体验的表现成为其设计重点,消费者与包装产品设计的关系更加紧密,让消费者在包装设计使用过程中感受到包装设计与消费者的情感交流互动,增强消费者视觉感官交互体验。采取理论研究和案例研究相结合的研究方法,对现代交互设计在包装视觉传达设计应用进行研究,让产品包装与消费者的联系更加紧密,让消费者的心理情感和视觉感官获得更具冲击力的体验,更为有效地实现包装设计与消费者的情感交流互动和传达。关键词:交...

    2018-01-30
  • 交互设计师必须知道的五大交互设计流程

    交互设计又称互动设计,从用户角度来说,交互设计是一种如何让产品易用,有效而让人愉悦的技术,它致力于了解目标用户和他们的期望,了解用户在同产品交互时彼此的行为,了解“人”本身的心理和行为特点。同时,还包括了解各种有效的交互方式,并对它们进行增强和扩充,交互设计还涉及到多个学科,以及和多领域多背景人员的沟通。其实,交互设计需要做的事情也不是一成不变的,它会随每个交互设计师的工作内容差异而不同,具体到每个项目也会有区别。下面我就在马海祥博客上...

    微信热点 2018-03-16
  • 又是高分!北京林业大学交互设计专业课143分复习方法分享

    又一个高分!北京林业大学交互设计专业课143分复习方法分享-孙跃桐我决定考研大概是在16年的9月份吧,因为决定的时间比较早,我以为我准备的时间很充足。真正开始准备是在17年我先开始报了新东方的英语政治课,想先将公共课的基础打牢,在后期复习专业课的时候会有更多的精力于是我将上半年的精力全部都用在学习公共课上面。想在9月份招生简章出来之后我就开始专心复习专业课。但是当九月份招生简章出来之后,我就开始慌了。我本身想考的就是本校之前也问过考研的...

    2018-04-22
  • 用户体验才是真正的“一句顶一万句” 安徽燕之坊食品公司用勤哲软件实现生产、经营和管理数据的互联互通

    统计数据显示,截止2017年底,国内食品工业企业超过4万家,主营业务收入占全国工业的比重十分之一强。在实施制造强国战略和推进健康中国建设中,食品工业作为传统的“以食为天”的民生产业占据着不可或缺的重要位置。当前,食品行业在实现快速发展的过程中,面对城乡居民安全、多样、健康、营养、方便的食品消费需求时,与其他行业一样面临着转型、升级的动能和压力。尤其是在食品质量安全水平和高品质食品有效供给方面,利用现代信息技术创新消除安全和质量隐患等领域...

    2018-02-11