想象一下,有个用户要买产品,正在填写表单。突然,他碰到一个不知道该怎么填写的字段。好消息是在字段旁边就有帮助提示信息的链接来说明表单填写方式,而坏消息是,帮助提示信息需要鼠标点击链接才会打开,而不是在鼠标悬停时出现帮助提示信息。如果需要鼠标点击链接才会打开帮助提示信息,用户会担心信息丢失。
用户担心点击链接会离开表单
很多用户之所以对鼠标点击链接打开帮助提示有所担心,是因为觉得链接会把他们带到表单之外的页面。用户费尽精力才填写完大部分表单内容,最不想看到的就是:点了链接,跳转到了表单之外的页面,之前填的内容全丢了。
即使链接是以弹出式窗口显示帮助提示信息,用户事先也不知道这一点。对用户来说,链接是用来导航到另外的页面, 这就是他们看到链接时的想法,他们根本就不想冒险。用户要么直接跳过帮助提示信息,要么就没有完整填写表单内容。
出于多方面原因,应在鼠标悬停时显示帮助提示信息。当鼠标悬停在帮助提示链接上时,应立即显示提示链接信息,不需要用户纠结点击链接后是否会跳到另外的页面。因此,用户不用担心丢失已填写的表单数据。帮助提示信息通常短而紧凑,鼠标悬停时显示帮助提示信息,比鼠标点击后弹出窗口显示帮助提示信息更有效率。
使用弹出窗口显示帮助提示信息,用户需要关闭窗口才能接着填写表单,不仅耗费用户精力,还转移了用户注意力。鼠标悬停出现的帮助提示可以很容易关闭,用户移动鼠标后就会消失。鼠标悬停方式显示帮助提示信息不仅能减轻用户的担忧,还更方便使用。
鼠标悬停的可达性
鼠标悬停不同于鼠标点击,但也能使其易于使用。为实现鼠标悬停效果,通常使用onMouseOver 事件处理程序。但这对键盘用户远远不够,需要同时使用onFocus和onBlur事件处理程序才行,这些事件处理程序支持用户使用键盘触发鼠标悬停效果。访问下面的链接,了解更多信息:
用户填写表单时,应该让他们每一步操作都感觉很舒服。如果用户填写字段时需要帮助,应该在鼠标悬停到链接上时显示帮助提示,这样就不用担心会跳转到其它页面并丢失已填写的表单数据。不应让用户带着担心和怀疑去填写表单。
原文地址:https://uxmovement.com/forms/why-your-form-help-tips-should-open-on-mouse-hover/