恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
在设计当中,微交互如何改善用户体验
0.0°
2018-03-14 自译外文 经验/观点 原作者: Fanguy 举报 1236 2 2 0

从早晨你被手机闹钟唤醒,到你的朋友在Facebook上发布帖子,再到发送新电子邮件和Instagram消息的通知时,我们整天都会遇到有关于微交互的问题

微交互在我们的数字生活中发挥着很大的作用,即使我们并不总是注意到他们。从早晨你被手机闹钟唤醒,到你的朋友在Facebook上发布帖子,再到发送新电子邮件和Instagram消息的通知时,我们整天都会遇到有关于微交互的问题。

Image title


这些也是我们应该考虑,并计划成为数字产品设计中的东西。当我们设计和构建新事物时,我们是否有意识地寻找机会来给我们的用户来带惊喜和喜悦?在大多数设计中,都有一些动画和反馈对提高用户体验有很大帮助。

什么是微交互?

微交互是用户和设计互动的小时刻。当它们设计良好时,微交互可以增强用户对设计的体验。当他们设计不佳时,会损害体验。

Image title


根据《设计与细节(Designing with Details)》一书的作者丹·萨弗的说法,微交互是“围绕单一用品的时刻”。它们是直到他们不在时才注意到的交互类型。

就像Facebook的Like按钮,pull to refesh操作或聊天窗口中的输入指示符等内容。这些是我们每天遇到的微交互,他们改变了我们的交互模式。

Image title


(来自microinteractions.com的图片)

微交互具有四个部分:

触发器启动微交互。触发器可以是用户启动的或系统启动的。在用户启动的触发器中,用户必须发起一个动作。在系统启动的触发器中,软件检测到某些资格正在满足并启动一项操作。

规则决定了微交互触发后会发生什么。

反馈让人们知道发生了什么。任何用户在微交互发生时看到,听到或感觉到的都是反馈。

循环和模式决定了微交互的元规则。当条件改变时微交互会发生什么?

Image title


为什么数字化产品设计的重要部分是微交互?

有时在产品创建过程中,我们忘记了我们的主要目标是:改变人的行为。现在,在你抗议之前,请听我说。我们设计数字产品供人们使用,通常不止一次。我们希望他们经常反复使用我们的产品,就像习惯一样。习惯是改变人类行为的关键,微观交互有助于形成习惯。

良好的设计是我们在这里争取的。为了在我们的设计中找到微交互(和习惯形成体验)的机会,我们应该关注产品的细节。功能将用户带入产品,但这是让用户想要留下的细节。如果微交互使用户的注意力远离产品工作流程,则出现了问题。

Image title


微交互以相对较低的成本增加用户参与度。人类想要最大限度地回报,同时最小化成本。如果你可以设计一个体验目标,同时在这个过程中提供一点乐趣,你会给用户一些额外的东西。这就是让人们回来的原因。

什么使微交互成功?

成功的微交互作用在它们消失之前仅稍微明显。就像好的动画是看不见的,你不应该注意到微交互。他们应该小而简单。他们提供反馈,并且他们总是遵守规则,所以无论是第一次还是第50次,您的用户都知道该期待什么。

微交互技术可以通过即时沟通信息,从而节省用户的时间,而不会让用户感到不适或分散注意力。他们应该抓住用户的注意力,然后消失。

这是实践中微交互的一个很好的例子:

Image title


(来源:Dribbble)

有时,在向用户提供他们想要的信息之前,您需要一点时间。为什么不让用户了解正在发生的事情,而不是一个空白的屏幕?这个进度条可以吸引用户,并防止“我点击了那个按钮吗?”的混淆。

同样,微交互必须经受长期使用。在第100次使用后,第一次看起来很有趣。远离无休止的视觉噪音环路,耗时且毫无意义的动画中断。

Image title


(来源:Dribbble)

“微交互以相对降低的成本提高用户体验”

使用微交互技术改进UX的一些技巧有哪些?

遵循这些设计和实现微交互的一般准则,您将很好地对您的UX产生巨大影响:

不要让你的用户感到无聊。让他们了解情况并(至少在视觉上)参与。

把事情简单化。出于某种原因,他们被称为微型互动。

如果您使用动画进行页面或状态更改,则两个视觉效果之间的过渡应该清晰,平滑且轻松。

关注用户的情绪。它们在用户交互和用户习惯中起着巨大的作用。

可预测。用户被调整为一组行为模式。微交互不是试图改变已久的模式的地方(如“绿色意味着去,红色意味着停止”)。

更新:2018-03-14

收藏

2人已收藏

UIPark

做你想做 证明自己

  • 41

    作品

  • 110

    粉丝

  • 2

    关注

  • 母亲节·为妈妈设计的字儿~
  • Photoshop入门(黑胶唱片制作参数)
  • Photoshop入门(人物修图)
  • Photoshop入门(字体变形)

    猜你喜欢

      2018-03-14 自译外文 经验/观点 原作者: Fanguy 举报 1236 2 2 0

      在设计当中,微交互如何改善用户体验

      0.0°

      你确定要举报在设计当中,微交互如何改善用户体验

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年03月14日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      2
      2
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录