4个微交互设计,提升网站的用户体验

2020-11-12 16:06:15  251 浏览  0 评论   赞

展示用户的当前位置,提示用户当前操作的进度;用户操作时进行视觉反馈,提示用户的操作结果;呈现系统的运行状态;触发事件时对用户进行通知或提醒

如何利用微交互设计提升产品的用户体验?随着互联网时代的发展,人们上网冲浪不仅仅只为获取信息,更希望能获得愉悦舒适的用户体验,而“微交互”就是让用户更容易理解的网页和APP的功能设计。恰当好处的微交互设计,能加深用户对产品和品牌的认知,甚至影响用户操作APP和网页时的感受。

展示用户位置和进度

展示用户位置和进度_4个微交互设计,提升网站的用户体验

图1492-1:当前位置

没有人会喜欢迷失方向的感觉,无论是现实生活还是互联网世界,用户无法知道所处位置以及前进后退的路径,会让他们感到非常迷茫和失落。

让用户知道他们的所在位置以及操作进度是建立良好用户体验的关注,因此无论是APP设计还是网站设计,都应该凸显当前的导航选项,帮助用户了解他们的所在位置。

另外,透过简单的动效设计向用户展现步骤数量或预估完成时间,能有效缓解用户因等待而产生的不安情绪。

辅助用户交互

辅助用户交互_4个微交互设计,提升网站的用户体验

图1492-2:按钮的开关效果

借助用户与产品进行交互过程中的即时视觉反馈来确定完成操作,能让用户在的操作得到视觉上的“认可”,从而强化“确信感”,并避免因多次确认而造成的错误。

一般来说,最常见的视觉反馈设计就是,利用微交互动画告知用户“系统已确定操作”的按钮。但在某些情况下,点击按钮的视觉反馈还有很多不同的呈现形式,有可见可理解的新形态按钮,也有在原有基础上探索更多可能性的改造按钮。

呈现系统状态

1. 系统正在运行

当系统正在加载或执行某件事情时,通过动效告知用户,能降低用户对系统的误解。

大多APP设计或网页设计都会使用动效设计告知用户所需等待时间,通常低于10s的加载大多会选用无限加载动效,而对于超过10s的加载,选用无限加载会令他们感到非常沮丧,相反使用进度条效果更佳。

又例如:

呈现系统状态_4个微交互设计,提升网站的用户体验

图1492-3:加载中

APP设计中的启动页动画界面,优秀的启动页动画界面能分散用户的注意力,让他们从焦虑的等待中解放出来,从而增加他们对产品的印象。

2. 内容加载

当APP设计需要时间来加载界面内容时,使用“界面骨架”展现不仅能帮助用户快速了解界面的整体框架,同时还能渐进式地帮助用户获取信息,减轻用户因长时间无法浏览内容而产生的负面情绪。

触发事件

1. 通知和提醒

利用微妙动效帮助用户意识到系统有新动态正在发生,能自然地吸引用户的注意力,将更多关注放到新动态信息中,更好地引导用户进行下一步的操作。

2. 提示用户采取行动

无论是网页设计还是APP设计,大多时候都需要用户提交信息,如需要用户提交表单或创建密码等,很可能会因操作失误或信息填错,而需要再次提交。这时简单清晰的视觉反馈能更有效地将问题告知用户,以便用户能立即修改错误信息,进行下步操作。

“微交互”设计的目的就是让网页设计和APP设计为用户创造更好的体验,即让用户有掌控感。在很多设计方案中,视觉反馈会因为某些原因被削弱,甚至被忽略,这无疑是会降低用户的期望度。因此设计师在设计APP和网页时,一定要考虑“微交互”的运用,才能更好地与用户沟通,让用户享受更流畅舒适的操作体验。

 

转载请注明:网创网 www.netcyw.cn/b1492.html

赞 ()
发表评论
  • 昵称
  • 网址
(0) 个小伙伴发表了自己的观点
    暂无评论

Copyright © 2018-2019 小王子工作室 版权所有 滇ICP备14007766号-3 邮箱:yangzy187@126.com