虽然tooltips在web端SAAS系统中会经常使用,但是本文作者提出了一些关于tooltips的糟点和替代方案。

tooltips糟点

  1. 存在一定风险有些用户可能不会注意到tooltips里的内容
  2. 让用户承担不必要的负担来显示内容
  3. 当显示tooltips的内容时会遮挡页面
  4. 会被小屏幕不合理的裁剪
  5. 不友好的语义识别
  6. 显示悬停的内容是不可访问的

tooltips推荐替代

1.使用文字连接 或 图标+文字 ,取代直接用图标
image.png

2.直接在标题下方展示提示说明,代替tooltips
image.png

3.使用内联切换组件
image.png

原文连接