本文将展示有关微交互的例子。今天我就给大家讲一下如何改进用户体验以及什么是微交互测试。你可以使用这些信息来说服你的老板或你的设计团队(甚至你自己),微交互是灵活的,是设计丰富交互体验的一个不断变化的元素。

  微交互表明,关注细节是促成有效的强大的结果的关键原则。设计过程的每一部分都很重要。令人印象深刻,有用和难忘的细节,使你的应用程序从竞争中脱颖而出。

  微相互作用会产生有趣的时刻。这些是在整个交互过程中与用户接触的机会。就像典型的拖放操作中就会产生有趣的互动。例如,拖动开始时高亮显示的目标对象可以帮助用户知道要去哪里。

  一、转换中的微交互的好处

  1. 在动画页之间

  微动画在界面状态之间进行了平滑的转换,提高了应用程序的用户体验。用户可以更好地了解其以前和当前的状态。此外,微动画能传递应用程序的“情绪”并关注必要的细节。

  2. 使用滚动条配合动画

  在Polarsteps应用程序中使用微动画是向用户显示滚动条进度的一种很好的方式。用户可以看到他们的操作和滚动内容之间的联系。个性化和指示器是在特定日期搜索照片或记录的完美方式。

  3. 上传或下载状态栏

  使用微动画通知加载/卸载状态。在本例中,微型动画还显示已经下载了多少兆字节。动画进度条为无聊的动作添加了更多的乐趣。

  4. 通知标识

  微动画使用户能够与你的产品创建关联并更快地与应用程序交互。它们以优雅的方式显示实际的更改。

  5. 下拉式菜单

  一个经常使用的更新内容的动作,通过深思熟虑和独特的微动画,成为用户体验设计的亮点。使用彩色动画通知用户页面正在加载,并在下载完成时显示。

  6. 一个响应提示

  响应式微动画鼓励用户响应你的动作调用(CTA)。

  这是用户更频繁地与界面交互的一个关键原因。

  7. 运动的设计使填写表格变得有趣

  微动画改善了填写表单的枯燥过程,增加了趣味性和交互性。一个恼人的体验变得更有价值,用户会毫不犹豫地填写完整的表单,即使他们需要多次输入电子邮件。

  8. 个性的锚文本动画

  锚文本动画给你的设计个性和显示创造性的用户体验设计方法。毫无疑问,这些简洁的效果在极简界面中尤其受欢迎。

  9. 开/关

  微动画可以管理无聊的元素,如何通过交互设计增强用户体验https://www.aaa-cg.com.cn/ui/2682.html如开关。当应用程序关闭时,动画会停止,用户会立即收到关于交互的反馈。

  10. 滑动

  微动画最常见的用途之一就是内容滑动。微动画将一个熟悉的滑动手势转换成一个独特的界面,用户可以在一个连续的流中查看内容。

  11. 突出的变化

  通过微动画,用户可以从界面上立即收到对其操作的响应。当单击按钮时,界面的每个元素都会做出平滑的反应,每个设计板块都会转换为新的状态。

  二、测试微交互作用的过程

  有些人可能会给你一个不好的建议,不要去费心测试微交互,说这就像重新发明轮子。

  相反,微交互对于任何应用程序或设备的正常运行都是必要的。可以通过测验和用户输入来改进和改善它们。不同之处在于,更多的是测试流程和结构,而不是测试概念。

  遵循称为精确开端循环反馈的构建研究方法>测量>学习。构建微交互来测试它。用各种定量和定性的方法对设计进行测量。从这些发现的分析中学习。然后重复。使用研究来确认你的决定,并确保微交互符合最终用户的需求。

  设置和运行测试会话的工作量和成本通常非常高。因此,微交互常常与桌面软件测试的其他项目放在一起。

  1. 诊断微交互的问题

  使用下面描述的过程作为测试微交互的起点。

  (1)首先,询问用户希望通过这种微交互实现什么。在使用微交互之前,检查他们是否需要学习任何东西。尤其是如果他们以前从未使用过类似的东西。

  (2) 允许他们在没有你的帮助下使用微交互。实时或随后立即收集定量数据。

  (3)跟随用户一步一步地完成微交互。听听他们对自己所做选择的印象和描述。看看微交互的规则对参与者是否明显,注意任何差异。

  (4)问他们,他们希望微交互记住关于他们的哪些数据。

  (5) 最后,请他们展示一个你需要在这个微交互中修复的元素。

  这个过程允许你发现和诊断微交互的任何问题。它验证了一般的目标和愿望。对两个用户团队重复这个过程至少两次。应用用户反馈和单元间的结果分析来修改微交互。

  2. 如何使用研究数据

  以下是一些你可以测试的定量数据:

  ——完成率;

  ——微交互持续时间;

  ——具体步骤持续时间;

  ——步骤数;

  ——点击/敲击/选择次数;

  ——机器误差数量;

  ——人为错误数量。

  你将修改微交互并重新测试它,看看是否需要进行更多的改进。另外:注意样本的大小。少数用户可能会使错误或首选项之类的内容显得比实际重要(或不那么重要)。

  统计学意义当然不意味着有实际意义。关于在设计过程中使用数据,最重要的教训是:它不能为你设计。研究数据需要一个人来解释它,然后把它放到语境中。数据很少能告诉你事情发生的原因。

  你为什么要抛弃这些数据?例如,大多数在线广告都没有点击。如果点击率是0.5%那就没问题了。那么,我们是否应该推迟所有的在线广告,因为它们很少被使用?99.9%的用户会同意(另外0.1%的人为广告公司工作)。但是去除广告意味着网站本身的消失,因为没有现金来运营它。你不能只听数据,因为数据不包括更广泛的上下文。业务、组织环境和用户基础不仅仅是Excel表中的数字。数据应该是你决策的输入。但不要让数据独自决定。

  三、微交互对产品用户体验的重要性

  微交互改善了产品的用户体验,帮助用户记住你的品牌。它们不仅让数字体验变得简单,而且让人着迷。考虑小细节表明用户和他们的需求得到了一些关注。这正是他们想要的感觉。通过微互动,你可以改善人们的生活。最重要的是,在快节奏的web开发行业中保持领先。

  因此,您现在已经了解了与UI设计师的工作相关的主要技能。如果您想了解更多信息,请给我点个关注,我之后还会发包含有关在该领域工作的更多相关文章。

如何通过交互设计增强用户体验相关推荐

  1. 【交互设计】用户体验之手势交互设计原则

    转载自:老二牛车教育 » [交互设计]用户体验之手势交互设计原则 手势识别指的是计算机设备侦测并识别人类手势.近几年来,随着手势识别技术的高速发展,以及3D传感器的广泛采用,手势交互已经得到广泛的普及 ...

  2. 《交互设计——以用户体验为中心的设计》读书笔记

    以用户为中心的设计是什么? 以用户为中心的设计是一种将产品.应用以及用户体验的使用者置于设计过程中心的位置的设计哲学.实际使用中,你的用户会不断对你设计的用户界面进行再设计.用户会成为与你共同进行设计 ...

  3. 创建声音流时出错_如何设计微交互创建出色用户体验方案

    ♝点击上方"交互设计学堂"关注我们,送电子书 很多人把微交互简单的理解为做个动效,实质上,我们通常见到的那些动效只是微交互构成中的一部分,属于反馈层面的视觉表达. 微交互既不是一个 ...

  4. 设计虚拟现实用户体验的深刻见解

    沉浸式体验与我们日常所见的界面共享相同的核心组件.常见的界面遵循一个共同的模式:参与.培养同一性.完成目标.最终脱离. 界面会不断地更新迭代.幸运的是,人们已经善于适应新的体验.根据一些界面我们可以很 ...

  5. 原形图设计、用户体验设计

    原形图设计.用户体验设计 作者:张福林 时间:2019年5月7日 原形图设计: 说原型图设计首先然我们知道原形图是什么,原形图是产品经理告诉UI设计师,顾客要求的最好工具.而原形图的设计不需要太多的设 ...

  6. 大数据和个性化设计是用户体验(UX)的未来

    在20世纪90年代后期,大多数Web服务使用千篇一律的方法来解决用户需求.在他们开始关注人性化设计之前,这些模板化的解决方案已经盛行了近二十年. 以人为本的设计侧重于最终用户的需求,开发人员为每个用户 ...

  7. 搜狗输入法人机交互设计的用户体验

    搜狗输入法人机交互设计的用户体验 用户体验要求: 1.评价手头正在使用的输入法或者搜索类软件产品 2.从用户界面.记住用户选择.短期刺激.长期使用的好处坏处.不要让用户犯简单错误方面评价 这周内四上课 ...

  8. k3note Android8,增强用户体验 八款高品质音乐手机推荐

    走在街头,我们可以看到许多用手机听歌的人,所以一款具备优质音效的手机很容易吸引这些用户的关注.然而针对那些对于音乐品质有一定要求的人们来说,简单的音乐播放功能并不能满足他们,所以对于那些喜爱音乐的用户 ...

  9. 插图设计正流行,10大理由告诉你如何靠它增强用户体验

    以下内容由摹客团队翻译整理,仅供学习交流,摹客iDoc是支持智能标注和切图的产品协作设计神器. 过去的几年中,用户界面中加入插图一直是最受欢迎也最稳固的设计趋势之一.今天,摹客的小伙伴将带领大家一起讨 ...

最新文章

  1. 回头再学Asp.net系列--基础篇(一)
  2. 【编译】makefile使用
  3. LPC43xx SGPIO Pattern Match Mode
  4. linux mount 挂载U盘
  5. 349套HTML5+CSS3各行各业网站模板免费下载
  6. php多文件上传存储到表,PHP 实现一种多文件上传的方法
  7. 选择排序 冒泡排序 二分查找
  8. 流媒体服务器主板型号怎么看,关于服务器的详解
  9. 大数据教程(2.2):Linux系统安装JDK1.7
  10. Zookeeper启动zkServer.cmd闪退, zk服务启动跟报错:Unexpected exception, exiting abnormally java.net.BindException
  11. javascript classList add报错
  12. 马尔可夫过程 与 隐马尔科夫模型
  13. mybatis学习第一次使用
  14. 全屋wifi测试软件,全屋WIFI评测
  15. python,音乐,视频生成二维码
  16. 简单整理一下以英文字母命名或者开头的语言
  17. 基于腾讯云cvm的云原生环境搭建
  18. 非常6+1禁播的片段,把李咏笑趴下的经典瞬间:
  19. mysql根据出生年月计算年龄
  20. mysql身份证来算年龄_MySQL 根据身份证出生年月计算年龄户籍地性别

热门文章

  1. LightGCN: Simplifying and Powering Graph Convolution Network for Recommendation【论文阅读笔记】
  2. lombok中的@Builder、@Singular注解
  3. t460p和t470p对比评测_老模具小升级 ThinkPad T470p商务本评测
  4. dedecms模板定制之如何自定义标签
  5. 晨读播报一:快手与抖音之间的较量
  6. windows 10微软拼音输入法变成繁体
  7. 「Adobe国际认证」书籍封面设计需要掌握的知识技巧?
  8. 关于VB提示ByRef参数类型不符的分析
  9. 抖音专业运营方案及策略技巧
  10. JAVA-基础(Stream流)