童话说说技术创业美文职业
快好知
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

设计微交互,创建出色用户体验方案

8月24日 斩情道投稿
  我们可以看到,大多数成功的交互设计都是以一种简便、直接了当的方式来协助用户完成产品体验。微交互就是这样,通过一些微小的交互操作就能实现功能,好的微交互设计将会给用户带来良好的产品体验。
  很多人把微交互简单的理解为做个动效,实质上,我们通常见到的那些动效只是微交互构成中的一部分,属于反馈层面的视觉表达。
  微交互既不是一个酷炫动效也不是一个庞大产品功能,他是产品功能中通过一些微小的交互操作实现功能的细节,这些细节带给用户的是方便和便捷,能更好的提升用户体验。
  总的来说,微交互给用户带来好的用户体验主要是这几方面:
  在用户操作时清晰表达当前状态。
  给用户提供愉悦轻松的反馈。
  用户毫无察觉的情况下进行了交互动作完成了功能操作,实现了用户目标。
  操作结束后看到自己的操作结果。
  接下来,介绍构成一个完整的微交互4个部分,以及如何在微交互4个构成里,设计好的用户体验方案。
  一、微交互的4个构成部分
  触发器、规则、反馈、循环与模式这四个部分是设计和分解微交互的一种方式。
  触发器启动微交互、规则规定微交互的工作过程、反馈向用户说明规则、循环与模式是影响微交互的元规则。
  1。什么是触发器
  触发器是启动微交互的物理控件,当触发控件后可以启动下一步交互操作。
  我们常见的触发器是由用户主动去触发的物理控件,比如:控件、按钮、任务栏、图标等。
  要让人知道功能如何操作,微交互的触发器就要设计得吸引人、让人明白这个操作功能。在设计中也要理解用户要干什么,让触发器的位置跟用户需求相吻合。
  除了用户主动触发的物理控件外,还有一些是系统触发的,无需用户接入,只需要满足条件就会自动触发。比如系统错误、收到数据触等。
  2。什么是微交互规则
  每款游戏背后就是一套游戏玩法,同样每个微交互也是一组被设计的规则。
  微交互中的规则是:在任务过程中规定“用户什么可以做?”“什么可以不做?”“按照什么顺序做?”
  这个规则反映的是:业务逻辑、用户使用逻辑。
  举个电商购物例子:把一件商品加入购物车的微交互,最初规则就是单击“购物车”图标,商品就被添加到“购物车”中,购物车tabbar图标也相应出现数字。但在设计规则中,要考虑用户是否购买过,如果购买过商品旁边购物车图标改为了“数字加减”,当再次加入则业务逻辑限制出现提示。
  3。什么是微交互反馈
  以最简单的按钮常见两种反馈为例:
  按钮状态变化表明用户干了什么(按了按钮)
  按了后发生什么(跳转下一页或者结果发生等等)
  反馈的目的是:帮助用户理解微交互的操作,通过一些反馈的状态告诉用户“刚才做了什么?”,“到了什么阶段?”,“可以干什么?”
  ,“结束时,什么不能干”。
  反馈的方式也取决于微交互的规则设计、硬件设备、数据接收等。
  例如,下载文件:下载过程中有进度条的显示,显示文件多大,当前下载速度(数据显示),剩余多久时间完成。
  4。什么是循环与模式
  以iphone闹钟为例:用户目标是指定时间闹铃,闹铃什么时候会响,提示用户设置闹铃是模式。循环就是多久再响一次,长循环就是用户重复设置闹铃的提示。
  模式是规则的一个分支,最主要目的就是执行一种不常见的动作。
  常见的模式就是:设置,用户可以在其中指定一些有关微交互的选项。
  循环的核心就是:确定微交互的持续时间,也是扩展微交互的生命周期,循环的参数是用户体验的最佳方式,循环由规则指明。
  二、如何设计微交互创建出色用户体验方案
  1。设计微交互之前的思考
  明确用户操作微交互的目标:
  设计一个优秀的微交互体验方案,首先要了解用户,知道用户要达到什么目的,经历哪些步骤,不同情况下的操作环境。
  比如:用户要给朋友转账,这是用户的目标。转账数额是否充足、朋友账号的显示是否正确、转账成功与否属于操作中的微交互的步骤与不同情况。
  设计清晰的规则微交互逻辑图:
  在了解完用户的目标后,接下来就要分析:用户经过多少步骤从初始达到目标?会有多少种情况?
  还是以微交互主要构成部分拆分:
  触发器如何被触发?
  操作期间用户可以进行什么行为?
  交互发生的顺序和时间?
  使用数据及来源?
  简洁的配置及参数?
  什么反馈?
  处于什么模式?
  是否重复,多久重复?
  微交互结束发生什么?
  约束条件:设计微交互规则中考虑业务、环境、技术的约束例如:电商中秒杀、满减业务的逻辑,会导致微交互的状态不一样。
  设计规则:规则随着条件的的增加,操作越复杂,运用逻辑关系图会更清晰。
  举个例子:
  设想一个音频播放器的例子,我们需要一个清晰可完成的目标成功播放音频内容。
  在构思中,做一个规则判断:用户来到页面是否要继续上次的音频?
  然后,针对规则做出方案,最后的目标是:用户成功播放音频内容。
  在下图中的细化设计,随着规则增加,逻辑图越复杂,但最终设计规则会让用户越来越接近最终的目标。
  2。微交互其他构成部分的设计
  触发器的设计:
  触发器的设计需要引人注目、放在明显的位置、以较少的信息传达触发器是干什么的,同时有清晰状态展示。
  用户心智:符合大多数用户的操作习惯,降低用户的理解成本,比如:一个购物车图标,一个标签能让用户直接明白意图。
  展示数据:在激活触发器前,思考什么信息展示对用户最有价值,比如:未读信息的数字展示、进展数据等。
  反馈的设计:
  A。制造情感化的个性氛围:在一些app中会赋予拟人化语气,比如“又忘记密码啦,真衰”;根据产品特性建立一套有性格特征的反馈个性冷酷、萝莉可爱、温柔等
  B。利用视觉、听觉、触觉或者它们的组合提升吸引力。
  视觉方法:利用趣味动画来吸引注意,有利于激发用户交互的兴趣。
  增加手势、声音、触觉方法:强化用户动作,比如按压、声音、触摸、震动等。
  知乎APP“赞”功能点击后手机震动
  C。操作中反馈提升用户掌控感:让用户看到自己的操作结果、用户预防错误、让用户看到交互进程,以及,减少反馈信息复杂度。
  让用户看到自己的操作结果:给予用户的信息输入进行视觉化呈现,并提供反馈。
  用户预防错误:例如错误情况、限制数量等,帮助用户将操作错误率降到最低。
  让用户看到交互进程:用户使用产品时,能看到进程,及时获得信息。
  Lessismore,减少反馈信息复杂度,直接传达操作:减少动画形式过度、信息的复杂度、重复性。
  设计规则解决复杂性化繁为简:
  微交互的目标正是帮助用户从繁琐的任务流中解脱出来,减少额外步骤,用最少步骤完成用户目标。
  解决最核心的复杂性:找到复杂性出现在什么地方,用户在什么地方最容易出错,用户可以控制哪些内容,用户在什么时候可以去修改这些内容。
  快速计算、数据记忆等帮用户节省操作:比如:登录中最容易出错的地方是密码忘记,用户掌握着密码的输入权限修改权限,利用记录密码则是简化登录密码的操作。
  较少的选项和默认项:给用户选择越多,规则就越多,规则少微交互就越容易理解,因此给用户少的选择,帮用户提供一些默认项是一个化繁为简的办法。
  模式、循环的算法设计:
  顺序:各个步骤的先后顺序,哪个在前,哪个在后,有没有条件。
  决定:通常都是“如果就”的形式。
  重复:循环步骤,例如:搜索字段输入时,每输入一个新字段就更新一次结果。
  变量:变量是容器,是算法的巨大威力来源。搜索结果、经过步骤都是变量,变量可以是数值字符或逻辑值。
  小结:细节成就卓越
  总的来说,微交互虽然在操作过程中感知很微小,但在用户体验过程中,微交互却是不可缺少的重要环节,这也是我经常提到的细节成就卓越。
  微交互中最终还是为了帮助用户辅助实现某些功能,以产品任务为单位,进行的多个交互的组合,会涉及不同使用场景、规则、模式、数据算法等,最终只为让用户在毫无知觉的情况下完成交互操作,实现功能操作,完成用户目标。
  写在最后:不可被忽略的技术发展与更新
  我们发现:现在习以为常的交互方式,都曾经历过一次次的迭代更新。随着新技术的快速发展,不断推进微交互的创新,带来的是更简单便捷的操作,比如:手机锁屏解锁操作:随着手机触屏技术、指纹、人脸识别先进科技,解锁屏幕越来越快捷,甚至没有感觉就通过人脸识别解开了。
  随着触摸屏、传感器、语音和手势技术不断成熟,这些新技术与新的交互手段进一步促进微交互的发展。
  如今,随着5G网络的到来,将会推动更多的创新微交互,而这些微交互创新体验涉及的控制、规则、模式、算法等远比开关灯抽象得多。
  参考文献:
  《微交互:细节成就卓越》作者:DanSaffer
投诉 评论 转载

游戏化设计Part1:好的游戏会让人上瘾,好的产品也会本文将会深入探讨游戏使人上瘾的基本原理,并讨论怎样将游戏化应用于产品设计,从而帮助我们设计出更好的产品。Aloha近期译者小姐姐想学习一些游戏化相关的知识,发现Eugen……CRM系统设计(三):从0到1构建用户画像本文笔者将从CRM系统设计的角度出发,结合业务层面,以及产品实现层面,共同探讨一下:“传统品牌需要怎样的用户画像,又该如何一步一步构建适合自己品牌的用户画像?”从0到1构……界面设计关闭按钮,不可忽视的小元素关闭按钮是用户界面设计中的一个小元素,但就是这样一个看似微不足道的按钮,在设计上却有很多需要注意的地方。用户界面设计关系到用户对于产品的直观感受,是用户体验最直接的影响因素。所……设计微交互,创建出色用户体验方案我们可以看到,大多数成功的交互设计都是以一种简便、直接了当的方式来协助用户完成产品体验。微交互就是这样,通过一些微小的交互操作就能实现功能,好的微交互设计将会给用户带来良好的产……界面设计如何将筛选功能应用到用户场景中?设计师认为的好,对于用户来说可能并不是真的好。所以,产品设计更多地是要结合用户特定场景的内容,尽可能地让用户只需要最少的步骤就能达到目的。产品界面设计中的“筛选功能”设计自然也……激活存量用户,提高用户留存如何提升激活率,激活存量用户达到用户增长的目标?找到产品的Aha时刻,定义激活率指标,通过数据分析,发现阻碍哪些用户体验Aha时刻的触点,根据设计策略进行优化,不断试验。……用户体验地图互联网平台建设(二十二)本文主要分析用户体验地图、怎么绘制用户体验地图、拆分使用几部分。enjoy本文我们开始分享平台设计的用户体验部分,这个是平台建设中,平台的用户体验,是企业全链路精准用户体……产品体验日记发现优秀的设计03期灵感、方案、审美、眼界皆来源于日常储备。本文为产品体验日记系列第三篇,每期都将为大家分享10个优秀设计及1个思考。1。网易云音乐设计点:通过使用场景定制页面,找准用……“考勤打卡”这个产品,你一点都不简单上班打卡是大多数上班狗每天都会做的事情,打卡的方式多种多样,很多厂商也有很完善的解决方案。这样一个大家每天习以为常的动作,是不是让我们都忽略了一件事考勤打卡实际上是一个toB类……实例分析:一整套业务系统产品技术架构的方法论业务类系统,一般包括crm、供应链、物流等,而这些系统的架构设计非常具有挑战性。文章主要跟大家分享的就是一整套业务系统产品技术架构的方法论,一起来看看业务类系统(通常称为……在产品设计中如何考虑转化率?转化率是在一个周期内,期望行为目标用户占总目标用户的比例,包含注册转化率、购买转化率、活动转化率等,可以衡量一个产品用户需求强弱、评价产品设计好坏、对比流程和渠道权重。一……以“跳体操”式思路,设计后台列表页本文笔者将后台列表页设计分为三步:“跳”、“体”、“操”。谨记这三步。“跳”即导航路标,能让用户快速地查询和跳走;“体”即管理诉求,能够让用户掌握全局;“操”即功能操作,让用户……
如何提高网站优化的搜索引擎排名网络营销模式与网络宣传的方法大全浅谈seo标签中的nofollow写法作用seo优化推广需要注意事项SEO可以这样诊断排名不好的页面这样建设链接对seo很重要不擅长写作,可以这样写好SEO文章SEO这样修改简单网页模板更加好这样做让你的品牌词出现在下拉框中〔关键词排名提升工具〕关键词排名如何更好的利用百度官方工具〔seo网站排名优化软件〕想要做网络优化就必须要学会这几种工这样设置关键词seo标题优化更加好
男人的脸上长斑的原因是什么心理门诊现“考后就医”潮戚氏关于乡村生活的六年级作文网络诈骗的预防措施有哪些?再见初一优秀作文热传聚热点网 难忘的一刻官宣!本泽马新女友出炉,34岁精力无限不收心,赛场内外都是主最火的奶茶店十大网红奶茶盘点腋下有汗臭味四招让腋窝清爽无比老人注意:蔬菜水果的水比一般水更有营养小米8手机成功刷入Win11ARM64完整版系统,触屏暂时不

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界