你有没有遇到过这种情况：鼠标刚移到某个按钮上，突然蹦出一行小字，‘点击此处提交表单’，可你早就知道它是干啥的，反而觉得碍眼？这种小字就是用户界面元素提示信息，用好了是助手，用不好就成了打扰。
提示信息不是越多越好
很多人以为，界面上多加点提示，新手就能更快上手。其实不然。比如你在用修图软件时，每个工具图标都带个浮动说明，‘裁剪工具’‘画笔工具’‘橡皮擦’——对老用户来说，这些信息纯属视觉噪音。真正该出现提示的，是那些不常见或功能复杂的操作，比如‘按住Alt键可反向擦除蒙版’。
什么时候该显示提示？
合理的触发时机很重要。最常见的做法是鼠标悬停（hover）0.5秒后显示，避免误触。移动端则多用长按触发。还有一种叫‘首次引导提示’，比如新用户第一次打开软件，界面上飘着几个带箭头的气泡，告诉你‘这里可以新建项目’，点一下就消失，下次不再出现。这种设计既友好又不纠缠。
写提示信息也有讲究
别写成说明书。‘该按钮用于触发数据同步流程’不如直接说‘立即同步数据’。语气要像朋友提醒你一样自然。比如密码输入框旁的小字：‘建议包含字母和数字’，比‘密码格式不符合要求’更容易让人接受。
代码里怎么加提示？
前端开发中，HTML 的 title 属性是最简单的实现方式：
<button title="保存当前编辑内容">保存</button>但 title 提示样式固定，不能自定义外观。更灵活的做法是用 CSS + JavaScript 实现悬浮气泡：
<div class="tooltip">
鼠标移我试试
<span class="tooltiptext">这是自定义提示内容</span>
</div>再配合一点 CSS 样式，就能做出带动画、有背景色、圆角边框的现代感提示框。
别让提示挡住内容
见过那种提示框刚好盖住下面按钮的吗？尤其在表格操作列，一悬停，一堆小黄框叠在一起，根本没法继续操作。解决办法是调整显示位置，比如统一放在元素上方或右侧，避开密集区域。也可以设置延迟消失时间，鼠标移开后等半秒再隐藏，避免来回晃动时反复闪现。
好的提示信息，应该是你察觉不到它的存在，但一旦需要，它就在那儿。