当前位置:首页 > 营销型网站建设/开发

派迪教你如何将工具提示用作微交互

2019-12-27

工具提示可能是将新用户加入任何给定应用程序,软件,程序或用户界面的最佳和最有效的方法。通常,它们非常有用,在沟通中清晰明了且不干扰用户,因此用户可以按照工具提示的建议进行操作,而不会遇到任何障碍。

这样看来,您的平均工具提示很容易是微交互,因为它可以帮助用户完成一项任务或帮助用户操纵一个流程。微观交互是用户体验的子集:这是一个动态过程,由触发器启动,导致某些事情发生,向用户提供反馈,然后通知用户下一步。

好的工具提示设计得如此谨慎,以至于您有时会发誓它们从未出现过。这也表明了良好的微观互动:只有当他们不是突然间帮助您完成任务时,您才真正想念它们。

让我们深入研究应使用哪些工具提示,工具提示设计中的重要内容以及要包含的内容和避免的内容。

 

工具提示的用例

存在一些工具提示,可以增强您网站或应用的用户体验。就是这样。这些微交互必须以某种方式,形状或形式使用户的生活更轻松。尽管它们的目的很简单,但是在您的平台中正确,持续地实现它们可能是另一回事,因为做出正确的选择可能会很棘手。

陌生的图标或按钮

当用户遇到不熟悉或未标记的图标或按钮时,最好在界面中设计一些工具提示。即使图标或按钮看起来很熟悉,但仍需要快速向车载用户进行简短说明(例如,在仪表板上的齿轮的情况下),然后在世界范围内使用工具提示就可以了。


其他(非必要)信息 

关键是:不是必需的。工具提示可以为用户提供额外的信息,以使屏幕上不会出现不必要的文字。

一个很好的例子是在浏览器中打开选项卡时:将鼠标悬停在选项卡上时,将迅速出现一个工具提示,告诉您确切的网页标题。现在,这些额外的信息不是必不可少的,但是当您要确切记录要访问的页面时,很高兴能收到这些信息。

如果信息是必不可少的,那么工具提示就不好了。该信息应永久包含在您的界面中,以方便用户使用和快速参考。

 

工具提示并非一应俱全

同样,如果工具提示使用不当,它们很快就会对设备上的出色UX有害。过度使用它们是使您的用户感到厌倦的一种肯定方法,否则,这将是通过刚刚设计的界面指导用户的非常有用的方法。

不直观的设计

不直观的设计是指您的设计迫使用户继续依靠工具提示来通过您的界面进行设计。在这种情况下,最好的工具提示将无济于事,因为公然地,您的设计中存在一些错误,不断迫使用户过多检查工具提示。工具提示实际上仅应用于将用户加入特定过程,但是,在该初始教程之后,用户应该能够自己做事。

与工具提示内容的互动

有时,用户有必要与工具提示本身内部的内容进行实际交互。例如,工具提示的内容可能包括一个号召性用语按钮,并且该内容可能会提示用户单击该按钮。从注册按钮到登录链接,可以是任何东西。


但是,如果这样的交互元素在用户将光标移动到工具提示时消失了,以遵循号召性用语,则会被认为低于标准设计。只需考虑一下这会对用户造成多大的挫败感,尤其是当您的工具提示告诉他们如何执行操作时!

在这种情况下,只要让号召性用语自己说话,就可以对它们进行充分的设计,以使它们可以自己被注意到。

 

出色的工具提示设计规则

您如何设计工具提示以提供微交互,以指导用户并提供反馈,从而大大改善了用户对界面的使用。通过花一些额外的时间来设计工具提示,您可以为用户提供有用的体验,而不是让他们感到沮丧的用户。

极简主义

与网页设计中的许多其他内容一样,极简主义也带来了出色的界面。对于用户来说,不太清楚的东西的可能性很小,从而破坏了本来应该是有用的微交互的东西。极简主义是指基本的颜色,文字和语言。


资料来源:设备

可持续发展

您的工具提示应该是第一次就对用户有帮助,不打扰和方便,这是第一次。抵制采用可疑或聪明的设计提示的诱惑,而改用经过尝试,测试和真实的提示。

引人注目的

工具提示应该易于查找和查看,而用户不必在屏幕上进行任何侦探工作。实现此目的的一种方法是使用非常明显的视觉或方向提示,例如从工具提示指向元素(按钮,图标等)的箭头。 

相关和明智的信息

当出现工具提示时,您的用户必须易于理解其中的信息。这意味着使用非常清晰的语言的简短句子。由于工具提示的屏幕区域仍然受到限制,因此必须非常简洁。尽管如此,您还应该避免提供多余的信息,因为工具提示中的信息仅应作为对界面中未立即显示的信息的补充。

这一点不能过分强调:通过仔细考虑如何设计工具提示,可以使工具提示达到其目标,并避免使用最糟糕的工具提示,因为这不利于您希望用户顺利完成任务。

 

工具提示:微交互的缩影

在许多方面,工具提示是最终的微交互。它们可帮助您的用户在您设计的界面中完成任务或操纵流程。根据您设计它们的方式,可以为用户省去很多麻烦,也可以为他们增加生活的难度。

网站设计制作的是,对于设计师来说,很容易弄错工具提示,这对他们的用户不利。为了确保每次都进行出色的工具提示设计,首先要充分了解使用工具提示的真实性质和原因,以及在工具提示设计中哪些有效,哪些无效。

只有这样,您才能为用户提供他们需要的相关信息,以方便,简单的方式有效地理解您的界面。

免费获取报价

  • 29923329

  • 杭州市丰庆路498号北软智慧科创大厦203

  • 0571-85815193

  • pady@1t2.cn

网站地图 版权所有 © 2008-2021 杭州派迪科技有限公司  Copyright © 2008-2020  www.hzpady.com  All Rights Reserved    浙ICP备14029905号-1     公安备案:33010802008411    软著登字第3457658号