交互设计的闭环体验

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

相关推荐

  • 李斌:用户体验是商业变革的核心 ▏笔记

    混沌大学2017年商业创新第29课与做“车”相关领域的互联网人中,你很难再找到一个经历比李斌更加丰富的人。作为易车网的创办者、蔚来的操盘手和摩拜单车的天使投资人,李斌已经在汽车领域创业18年。对于创新的商业模式,李斌认为核心在于重新定义用户体验。伟大的商业模式变革,都不是从商业模式出发的。李斌老师在混沌大学授课授课老师|李斌易车网、蔚来汽车创始人、董事长,兼任摩拜单车董事长过去20年互联网获得的巨大成功告诉我们,用户只会为好的体验买单。...

    2018-04-06
  • Axure基础

    目录(使用微信自带页面搜索功能)第一章 使用元件基础1. 添加元件到画布基础2. 添加元件名称基础3. 设置元件位置/尺寸基础4. 设置元件默认角度基础5. 设置元件颜色与透明基础6. 设置形状或图片圆角基础7. 设置矩形仅显示部分边框基础8. 设置线段/箭头/边框样式基础9. 设置元件文字边距/行距基础10. 设置元件默认隐藏基础11. 设置文本框输入为密码基础12. 设置打开选择文件窗口基础13. 限制文本框输入字符位数基础14. ...

    2018-03-15
  • UI|人性化交互设计 美食订餐网站

    类别:美食网站设计:BASOV(乌克兰)今天品牌先生为大家分享乌克兰 BASOV 工作室设计的一款美食订餐的网站。从选餐到订餐下单,设计师进行了很便捷的交互设计,让网站尽到最大的便捷和简约,这样客户也会爱上这样的网站。网站的建立不单单是界面UI设计出漂亮的界面,包括客户的需求和网站的结构等等,此款网站在前期原型交互设计上的用心在图中也都体现了出来。▼(品牌先生独家整理,转载请告知或注明出处)UI-- END --请点击下方“阅读原文”去...

    2018-02-21
  • 澳洲留学交互设计专业名校有你的菜吗?

    出国留学,去往澳洲留学,澳洲留学交互设计专业名校有你的菜吗?一、澳洲留学交互设计专业的就业前景交互设计师在一些公司的职位列表中通常又被称为用户界面设计师、可用性设计师、用户体验设计师等。例如在淘宝ued团队内部把交互设计师的岗位命名为交互设计工程师,这意味着交互设计师职业定位朝着一专多能的复合型人才方向发展。交互设计的学生在中国的就业领域一般是:大型外企、通讯类企业、手机设计公司、专业的设计公司等。二、开设交互设计专业的澳洲名校1莫纳什...

    2018-04-24
  • 交互体验设计师竟选择不能抛的捧花 | 真实婚礼

    新娘:@Seiya大鲍鱼婚礼场地:北京阿根廷庄园婚礼人数:120总花费:24w策划布置:6.5w策划:@华尔兹婚礼服务婚礼vendor:5.1w摄影:@ShengVision胜男摄像:@PerfectFilm视频记录化妆造型:@魏臻WeMakeup主持:@李伟MIC甜品:@乡田小墅服饰:3w出门纱:Willowby主纱:Catherine Deane新郎礼服:@殷小小爱喵咪新娘婚鞋:@RogerVivier_罗杰维维亚@Charlott...

    2018-01-30
  • UNStudio:健康城市,基于未来的设计

    📌 编辑 |Cassi.W编者按:城市公共环境作为人们共同的“家”,需要群策群力共同营造。城市公共基础设施作为“城市家居”是人们日常生活舒适感、安全感的主要保证。第二届“衲田杯”可持续设计国际竞赛正在火热报名中,你的脑洞是否还够用?“新技术引领下的智慧城市家居”有很多可能性,需要大家去探索、去研究、去发现。本期我们将走近UNStudio事务所的智慧城市实践,为你的方案增添一点灵感!- UNStudio -Ben van Berkel本·...

    2018-03-17
  • 一文看懂用户体验五要素

    《用户体验要素》是美国AJAX之父Jesse James Garrett的经典之作,被称为互联网入门必读的书籍,系统介绍了产品用户体验设计的模型。原作第一版完成于2002年,距今已经16年了,本书的最初是针对网页设计写作而成,但在这16年间,从internet到APP再到移动互联网,这个理论都能适用,越来越被称为经典,可见其在当下以及可见的未来,都具有普适性。因此,学习下用户体验的五要素还是很有必要的。用户体验五要素是将产品设计的过程抽...

    2018-03-17
  • 百度贴吧体验升级背后的故事,用户洞察与交互升级

    作者:百度UXC随着产品的发展和用户群体的演变,用户对产品的认知也在发生变化,当用户认知和产品形象发生偏差时,体验升级就势在必行了。而用户对产品的认知大概体现在视觉感受(品牌形象)和使用感受(交互操作)上。对此我们从用户出发寻找设计上的突破口。洞察用户让设计有的放矢视觉感受对于大多数人是一种难以言说的东西,难以通过简单的方式得到答案。面对这个问题,我们选择迎难而上,通过精巧的实验、可视化的方式来解决,邀请用户与设计师一起,参与到品牌升级...

    2018-01-30
  • 用户体验度在哪些方面影响着企业网站建设

    百度排名是评判一个网站运营情况的最好依据,而用户体验度是百度排名的一个重要参考方面。用户体验度越高,网站排名越好,相反,用户体验度越低,网站排名也就不理想。网站制作公司在建设网站时,要着重站在用户的角度去设计网站,这样对后期优化也会有很好的帮助。那么用户体验度为什么对网站有如此大的影响呢?企业网站建设时需要从哪些方面去提升用户体验度?首先,我们要明确什么是用户体验度,才能有针对性的去提升网站质量。用户体验度也就是用户浏览的网站能否为他提...

    2018-04-04
  • 用户体验是一门玄学秘籍

    Part 01 - 用户体验和用户体验设计关于“用户体验”这个词,很多刚入行的新人都觉得它玄之又玄,妙不可言。一方面是不知道他具体到底是什么,就好像那是一块理想地,看不见也摸不着,另一方面呢糟糕的用户体验,作为用户是能清晰感觉到它的存在。所以呢,在这里,会围绕“用户体验”这个词做一个科普性质的解释和综述,希望对初学者一些小小的帮助。1.1 什么是用户体验?用户体验的定义有很多种,我比较倾向的解释是:“用户体验是人对于使用一个产品、系统、...

    2018-02-22