(翻译)鼠标悬停时显示表单帮助提示的原因

2024-03-16 09:10

本文主要是介绍(翻译)鼠标悬停时显示表单帮助提示的原因,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

  想象一下,有个用户要买产品,正在填写表单。突然,他碰到一个不知道该怎么填写的字段。好消息是在字段旁边就有帮助提示信息的链接来说明表单填写方式,而坏消息是,帮助提示信息需要鼠标点击链接才会打开,而不是在鼠标悬停时出现帮助提示信息。如果需要鼠标点击链接才会打开帮助提示信息,用户会担心信息丢失。

用户担心点击链接会离开表单

  很多用户之所以对鼠标点击链接打开帮助提示有所担心,是因为觉得链接会把他们带到表单之外的页面。用户费尽精力才填写完大部分表单内容,最不想看到的就是:点了链接,跳转到了表单之外的页面,之前填的内容全丢了。
  即使链接是以弹出式窗口显示帮助提示信息,用户事先也不知道这一点。对用户来说,链接是用来导航到另外的页面, 这就是他们看到链接时的想法,他们根本就不想冒险。用户要么直接跳过帮助提示信息,要么就没有完整填写表单内容。

在这里插入图片描述
  出于多方面原因,应在鼠标悬停时显示帮助提示信息。当鼠标悬停在帮助提示链接上时,应立即显示提示链接信息,不需要用户纠结点击链接后是否会跳到另外的页面。因此,用户不用担心丢失已填写的表单数据。帮助提示信息通常短而紧凑,鼠标悬停时显示帮助提示信息,比鼠标点击后弹出窗口显示帮助提示信息更有效率。
  使用弹出窗口显示帮助提示信息,用户需要关闭窗口才能接着填写表单,不仅耗费用户精力,还转移了用户注意力。鼠标悬停出现的帮助提示可以很容易关闭,用户移动鼠标后就会消失。鼠标悬停方式显示帮助提示信息不仅能减轻用户的担忧,还更方便使用。

鼠标悬停的可达性

  鼠标悬停不同于鼠标点击,但也能使其易于使用。为实现鼠标悬停效果,通常使用onMouseOver 事件处理程序。但这对键盘用户远远不够,需要同时使用onFocus和onBlur事件处理程序才行,这些事件处理程序支持用户使用键盘触发鼠标悬停效果。访问下面的链接,了解更多信息:

  • Javascript事件处理程序和可访问性;
  • 编写易于使用的Javascript程序。

  用户填写表单时,应该让他们每一步操作都感觉很舒服。如果用户填写字段时需要帮助,应该在鼠标悬停到链接上时显示帮助提示,这样就不用担心会跳转到其它页面并丢失已填写的表单数据。不应让用户带着担心和怀疑去填写表单。

原文地址:https://uxmovement.com/forms/why-your-form-help-tips-should-open-on-mouse-hover/

这篇关于(翻译)鼠标悬停时显示表单帮助提示的原因的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/814996

相关文章

电脑显示hdmi无信号怎么办? 电脑显示器无信号的终极解决指南

《电脑显示hdmi无信号怎么办?电脑显示器无信号的终极解决指南》HDMI无信号的问题却让人头疼不已,遇到这种情况该怎么办?针对这种情况,我们可以采取一系列步骤来逐一排查并解决问题,以下是详细的方法... 无论你是试图为笔记本电脑设置多个显示器还是使用外部显示器,都可能会弹出“无HDMI信号”错误。此消息可能

Ubuntu 24.04 LTS怎么关闭 Ubuntu Pro 更新提示弹窗?

《Ubuntu24.04LTS怎么关闭UbuntuPro更新提示弹窗?》Ubuntu每次开机都会弹窗提示安全更新,设置里最多只能取消自动下载,自动更新,但无法做到直接让自动更新的弹窗不出现,... 如果你正在使用 Ubuntu 24.04 LTS,可能会注意到——在使用「软件更新器」或运行 APT 命令时,

Spring中Bean有关NullPointerException异常的原因分析

《Spring中Bean有关NullPointerException异常的原因分析》在Spring中使用@Autowired注解注入的bean不能在静态上下文中访问,否则会导致NullPointerE... 目录Spring中Bean有关NullPointerException异常的原因问题描述解决方案总结

MySQL的索引失效的原因实例及解决方案

《MySQL的索引失效的原因实例及解决方案》这篇文章主要讨论了MySQL索引失效的常见原因及其解决方案,它涵盖了数据类型不匹配、隐式转换、函数或表达式、范围查询、LIKE查询、OR条件、全表扫描、索引... 目录1. 数据类型不匹配2. 隐式转换3. 函数或表达式4. 范围查询之后的列5. like 查询6

使用Vue.js报错:ReferenceError: “Vue is not defined“ 的原因与解决方案

《使用Vue.js报错:ReferenceError:“Vueisnotdefined“的原因与解决方案》在前端开发中,ReferenceError:Vueisnotdefined是一个常见... 目录一、错误描述二、错误成因分析三、解决方案1. 检查 vue.js 的引入方式2. 验证 npm 安装3.

提示:Decompiled.class file,bytecode version如何解决

《提示:Decompiled.classfile,bytecodeversion如何解决》在处理Decompiled.classfile和bytecodeversion问题时,通过修改Maven配... 目录问题原因总结问题1、提示:Decompiled .class file,China编程 bytecode

Ilya-AI分享的他在OpenAI学习到的15个提示工程技巧

Ilya(不是本人,claude AI)在社交媒体上分享了他在OpenAI学习到的15个Prompt撰写技巧。 以下是详细的内容: 提示精确化:在编写提示时,力求表达清晰准确。清楚地阐述任务需求和概念定义至关重要。例:不用"分析文本",而用"判断这段话的情感倾向:积极、消极还是中性"。 快速迭代:善于快速连续调整提示。熟练的提示工程师能够灵活地进行多轮优化。例:从"总结文章"到"用

流媒体平台/视频监控/安防视频汇聚EasyCVR播放暂停后视频画面黑屏是什么原因?

视频智能分析/视频监控/安防监控综合管理系统EasyCVR视频汇聚融合平台,是TSINGSEE青犀视频垂直深耕音视频流媒体技术、AI智能技术领域的杰出成果。该平台以其强大的视频处理、汇聚与融合能力,在构建全栈视频监控系统中展现出了独特的优势。视频监控管理系统EasyCVR平台内置了强大的视频解码、转码、压缩等技术,能够处理多种视频流格式,并以多种格式(RTMP、RTSP、HTTP-FLV、WebS

第10章 中断和动态时钟显示

第10章 中断和动态时钟显示 从本章开始,按照书籍的划分,第10章开始就进入保护模式(Protected Mode)部分了,感觉从这里开始难度突然就增加了。 书中介绍了为什么有中断(Interrupt)的设计,中断的几种方式:外部硬件中断、内部中断和软中断。通过中断做了一个会走的时钟和屏幕上输入字符的程序。 我自己理解中断的一些作用: 为了更好的利用处理器的性能。协同快速和慢速设备一起工作

安卓链接正常显示,ios#符被转义%23导致链接访问404

原因分析: url中含有特殊字符 中文未编码 都有可能导致URL转换失败,所以需要对url编码处理  如下: guard let allowUrl = webUrl.addingPercentEncoding(withAllowedCharacters: .urlQueryAllowed) else {return} 后面发现当url中有#号时,会被误伤转义为%23,导致链接无法访问