微交互设计:创建微动画以改善用户体验

2019.07.25 mf_web

194

良好的网络/应用程序设计很好地展示了他们的产品,并提供了更好的用户交互。良好的显示效果可将目标用户带入您的网站/应用。虽然周到和创新的微动画巩固了您的成功未来,给用户留下了良好的印象,使您的服务在同一个中脱颖而出。因此,卓越的微交互设计是快乐用户体验的关键。

在设计应用程序时,我们应该从用户的角度进行思考。可播放的微动画让用户感到愉快,这使他们更愿意花时间使用应用程序/网络。对于设计师而言,了解如何在工作中应用微交互设计至关重要。

什么是微交互设计正确和谁先提出它?

简单地说:Micro Interactions是用户进行小型交易时存在的某些特定交互的集合。微交互是一小部分通信,可以帮助用户完成基本任务。也就是说,微交互很难被注意到。然而,微交互的存在带来了简化和直观的用户体验。难怪它如此受欢迎并且如今被广泛使用。

Dan最初在他的书中引入了微交互设计。列出了Microinteraction工作的四个基本功能:

*向用户提供反馈或显示操作结果。

*通知用户完成单个任务。

*增强操作感。

*可视化操作以防止错误操作。

使用微动画来增强用户体验

让我们在这里以应用程序设计风格的两个微交互设计为例:

1.当iPhone 7 Plus静音时,您会立即感受到智能手机的振动。同时,屏幕中间会显示一个静音图标。

2.当鼠标悬停在某个图标上时,其颜色会变为暗示它是可点击的。

将iPhone 7静音以感知微交互设计

微交互背后的逻辑

微交互功能很好,因为它完全吸引人们更多地探索和渴望更多。用户在操作时获得及时的视觉反馈,从而鼓励用户进行探索。由于逻辑原因,Micro Interactions在第一次使用指南时常见。我们只需遵循auto Microinteractions命令来学习应用程序,或习惯如何完成工作。

将微交互应用于您的设计

在许多情况下,可以应用微交互来改善用户体验。或者似乎所有交互都可以设计为微交互。虽然在以下情况下通常是这样的:

1.显示系统状态

Jakob Nielsen强调,在他的“用户界面设计的10个启发式”中,任何系统都应该始终告诉用户他们在哪里,无论执行什么任务。用户总是希望立即进入下一阶段。当谈到某些处理时,例如加载信息,它必须让用户等待一段时间。在这种情况下,添加一些有趣的Micro Interactions将为您带来一些时间。或者用户可能会发疯,抱怨很多。以下是微交互示例之一。

显示状态的微动画示例

记住:不要让用户感到疲倦!让他们了解当前状态是必要的。(使用进度条显示程序运行的位置。)

2.突出显示状态更改

当消息即将发布时,我们必须确保用户立即看到它。微动画恰好表现得很好。它是吸引用户注意力的理想选择,可以提醒容易被忽略的重要消息。

在许多情况下,微动画可以成功地吸引用户的眼球,但它仍然需要遵守“KISS规则”以保持微交互设计的简洁和轻松。

关于KISS原则:

KISS是评估用户体验的最高标准。简要解释一下规则:我们需要很好地和简单地展示产品,这样即使是傻瓜也可以在第一时间完全理解它。因此,它也被称为“Layman原理”。换句话说,它的原则是“简单就是一种美”。大卫最初将“KISS”概念引入电影理论,并将其发展并传播到其他领域。

3.流畅的场景交换

为了向用户展示元素在界面中的组织方式和行,使用流畅友好的场景交换至关重要。智能手机或智能手表最需要它,因为这种设备屏幕提供有限的空间来显示信息。

在不同的界面中保持清晰的导航,用户可以轻松预测可能显示的内容类型以及下一步阅读的位置。确保两个不同界面之间的转换清晰,流畅和简洁。一般来说,最好统一同一主题下的所有互动。

4.视觉输入

数据输入是任何应用程序的最关键过程。精心设计的Micro Interaction将使沉闷的过程生动逼真。Micro Interactions有效地显示信息,帮助用户完成任何操作。

5.激励用户

Micro Interactions可用于导航用户以及激发用户。它同情用户和产品。需要确保所有Micro Interactions都适合您的客户。此外,你应该考虑长期疲劳。

建议在设计产品时考虑文化和用户研究。并且还以用户的角度来感受和修改您的设计。

最新案例

联系电话 400-6065-301

微信咨询 寒总监

江苏快三 江苏快三官网 北京赛车pk10投注 北京赛车pk10APP 江苏快三官网 北京赛车官网app下载 北京赛车pk10APP 皇家 北京赛车pk10APP 北京赛车pk10官方app下载 北京赛车pk10APP下载