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

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

相关文章

MyBatis Plus大数据量查询慢原因分析及解决

《MyBatisPlus大数据量查询慢原因分析及解决》大数据量查询慢常因全表扫描、分页不当、索引缺失、内存占用高及ORM开销,优化措施包括分页查询、流式读取、SQL优化、批处理、多数据源、结果集二次... 目录大数据量查询慢的常见原因优化方案高级方案配置调优监控与诊断总结大数据量查询慢的常见原因MyBAT

C#实现SHP文件读取与地图显示的完整教程

《C#实现SHP文件读取与地图显示的完整教程》在地理信息系统(GIS)开发中,SHP文件是一种常见的矢量数据格式,本文将详细介绍如何使用C#读取SHP文件并实现地图显示功能,包括坐标转换、图形渲染、平... 目录概述功能特点核心代码解析1. 文件读取与初始化2. 坐标转换3. 图形绘制4. 地图交互功能缩放

Vue3 如何通过json配置生成查询表单

《Vue3如何通过json配置生成查询表单》本文给大家介绍Vue3如何通过json配置生成查询表单,本文结合实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录功能实现背景项目代码案例功能实现背景通过vue3实现后台管理项目一定含有表格功能,通常离不开表单

java.sql.SQLTransientConnectionException连接超时异常原因及解决方案

《java.sql.SQLTransientConnectionException连接超时异常原因及解决方案》:本文主要介绍java.sql.SQLTransientConnectionExcep... 目录一、引言二、异常信息分析三、可能的原因3.1 连接池配置不合理3.2 数据库负载过高3.3 连接泄漏

深度剖析SpringBoot日志性能提升的原因与解决

《深度剖析SpringBoot日志性能提升的原因与解决》日志记录本该是辅助工具,却为何成了性能瓶颈,SpringBoot如何用代码彻底破解日志导致的高延迟问题,感兴趣的小伙伴可以跟随小编一起学习一下... 目录前言第一章:日志性能陷阱的底层原理1.1 日志级别的“双刃剑”效应1.2 同步日志的“吞吐量杀手”

Springboot项目启动失败提示找不到dao类的解决

《Springboot项目启动失败提示找不到dao类的解决》SpringBoot启动失败,因ProductServiceImpl未正确注入ProductDao,原因:Dao未注册为Bean,解决:在启... 目录错误描述原因解决方法总结***************************APPLICA编

Java.lang.InterruptedException被中止异常的原因及解决方案

《Java.lang.InterruptedException被中止异常的原因及解决方案》Java.lang.InterruptedException是线程被中断时抛出的异常,用于协作停止执行,常见于... 目录报错问题报错原因解决方法Java.lang.InterruptedException 是 Jav

java中pdf模版填充表单踩坑实战记录(itextPdf、openPdf、pdfbox)

《java中pdf模版填充表单踩坑实战记录(itextPdf、openPdf、pdfbox)》:本文主要介绍java中pdf模版填充表单踩坑的相关资料,OpenPDF、iText、PDFBox是三... 目录准备Pdf模版方法1:itextpdf7填充表单(1)加入依赖(2)代码(3)遇到的问题方法2:pd

电脑提示d3dx11_43.dll缺失怎么办? DLL文件丢失的多种修复教程

《电脑提示d3dx11_43.dll缺失怎么办?DLL文件丢失的多种修复教程》在使用电脑玩游戏或运行某些图形处理软件时,有时会遇到系统提示“d3dx11_43.dll缺失”的错误,下面我们就来分享超... 在计算机使用过程中,我们可能会遇到一些错误提示,其中之一就是缺失某个dll文件。其中,d3dx11_4

游戏闪退弹窗提示找不到storm.dll文件怎么办? Stormdll文件损坏修复技巧

《游戏闪退弹窗提示找不到storm.dll文件怎么办?Stormdll文件损坏修复技巧》DLL文件丢失或损坏会导致软件无法正常运行,例如我们在电脑上运行软件或游戏时会得到以下提示:storm.dll... 很多玩家在打开游戏时,突然弹出“找不到storm.dll文件”的提示框,随后游戏直接闪退,这通常是由于