在您的网站上创建令人愉快的微交互的灵感

已发表: 2022-04-27

登陆一个很棒的 WordPress 网站感觉就像在口袋里掏出你忘记的钱一样。 出乎意料,却又似曾相识。 它加载速度快,看起来很棒,并且可以完全让您度过美好的一天。

两名妇女在一台贴满贴纸的笔记本电脑上合作,面带微笑。一个留着红色的长发,另一个留着棕色的小精灵剪裁

整个体验都经过深思熟虑。 你甚至不会开始草草写下关于如何在你自己的网站中实现这种 UX 的想法,直到你至少有五页的深度。

“一个可靠的网站和一个令人难以置信的网站之间的区别在于细节。

功能很重要,但体面的网站之间的真正区别在于,在将用户体验提升到一个新水平的微小方面所做的工作。

输入:微交互。

一个穿着蓝色衬衫的女人,在笔记本电脑上搭配蓝色美甲

微交互是完成单个任务。 在闹钟上按贪睡。 在 Facebook 上点赞。 跳到 Spotify 上的下一首歌曲。

不起眼的微交互表面上看起来并不多。 它简单、不显眼且完全不言自明。 但是,正是这种几乎看不见的交互作用将网站从单纯的功能转变为令人惊叹的可用性。

如果您希望您的 WordPress 网站超越自我,那么细微的改动非常重要。 它们是真正将坚固的设计提升到激发疯狂的喜悦叹息的水平的东西。

打破微交互

微交互由四个独立的部分组成:触发器、规则、反馈、循环和模式。

1.触发器

触发器是触发体验的真实的物理部分。 它可以是手动的,如登录按钮,也可以是自动的,如退出弹出窗口。

自动系统触发器通过将交互塑造成用户的偏好和过去的行为,进一步提升了用户体验。 因此,如果您多次访问某个站点并下载了特定类型的内容,与第一次登陆该站点的人相比,您可能会得到一种完全不同的弹出窗口。

2. 规则

一个穿着黑色衬衫的男人在笔记本电脑上打字。他坐在一张木桌旁,右手边放着一杯咖啡

这些规则定义了交互的范围并确定了它是如何工作的。 它们应该对用户不可见,并且严格在幕后发生。

3. 反馈

反馈是用户实际看到的。 当您登录以访问门控内容时,它是选择加入表单顶部的栏,告诉您还剩 50% 或加载卡通。

4.循环

循环决定了微交互的长度。 它决定了它是否有一个明确的结局或继续前进。

微交互的真正力量

微交互创造了一种连续感。 一种关怀的感觉。 它们使网站感觉不那么令人生畏,并清楚地让用户知道在任何给定时间发生了什么。

两个棕色头发的女人在办公室里紧张地看着显示器

我们大多数人在面对不熟悉的事物时都会有点焦虑。 当我们转到特定页面时,通常会考虑到某个目的,例如阅读博客文章、注册新产品或下载优质资源。 如果它没有按照我们预期的方式工作,那将是非常令人沮丧的。

微交互有助于为迫在眉睫的陌生感增添个人色彩。 它们让您的用户知道他们走在正确的道路上——他们将准确地到达他们想去的地方。

一些令人愉快的微交互

您在网站中包含的特定类型的微交互取决于您网站的目的。 人们为什么在那里?你怎样才能让他们更容易?

最有效的方法取决于您的品牌、产品、受众和风格偏好。

让我们来看看几个为观众带来微交互的 WordPress 网站!

点击还是不点击

来自 Blue Cadet 主页的屏幕截图,其中巧妙地突出了全国广播协会

Blue Cadet 是一个重媒体网站,它使用微交互来整合体验并在不破坏页面流的情况下添加文本。

您可以滚动浏览视频,当您将鼠标悬停在其中任何一个上时,该片段的标题会发生一个小动作,以表明您可以单击它。

这是使您的媒体为您服务并创造视觉兴趣的一种简单但有效的方法。

几乎存在的滚动条

灵感-微交互-滚动条

在线表格可能非常令人沮丧。 您花了很长时间仔细填写所有信息,只是点击提交并意识到还有三页要做。

顶部的滚动条可让您准确了解您已经完成了多少,还有多少需要完成。

这对于比页面长的表单非常有效,但对于像上面这样的单页表单也非常有效。

在微交互方面,少即是多

创建令人惊叹的用户体验很容易让人忘乎所以。 您希望您的网站与众不同,并以所有正确的方式吸引注意力。

有时,尽管我们的意图是最好的,但我们还是会忘乎所以,为了让某些东西变得超级直观,我们会创建不必要的复杂交互。

在微交互中添加动画效果非常好,但要确保它不会影响您网站的整体感觉和功能。

而且,它们需要符合你的叙述。

您通过 WordPress 网站讲述的故事是什么? 用户体验如何?

令人愉快的微交互增强了叙事。 他们在不破坏流程的情况下增加了故事。

精心设计的微交互经得起时间的考验。 您希望用户在第 50 次访问您的网站时发现它与第一次访问时一样有趣。

取悦用户

“最令人愉快的微交互可以帮助用户感到宾至如归。

在理想的世界中,所有页面都将以人眼无法捕捉的速度加载,并且一切都会正常运行。 但实际上,即使是最好的网站有时也会遇到问题。 问题甚至可能不在您的最后——它可能是用户的互联网连接、他们的特定设备或任何其他数量的外部因素。

一只手在平板电脑上使用手写笔

微交互非常适合承认这些情况并在出现问题时增加一丝轻浮。 它们减少了挫败感,并创造了从一种行动到另一种行动的平稳过渡。

当用户登陆您的网站时,您希望他们觉得他们以前去过那里。 就像体验很受欢迎一样。 就像他们被通缉一样,你个人很高兴他们在那里。

微交互是你展示品牌异想天开、人性化、深思熟虑的一面的机会,它表明你已经考虑过什么对用户来说很重要,并完美地交付了它。