组件 - Tool Tips 

Table of Contents

简介

小组件,大作用。

  • 工具提示是一种浮动标签,它简要地解释了用户界面元素的功能。当商家盘旋、聚焦、点击或点击时,它们就会被触发。来源自 Shopify
  • 工具提示是用户触发的消息,它提供有关页面元素或特性的附加信息。NielsenNormanGroup

最佳实践

  • 尽量保证相邻的元素都有提示,给用户信心。
  • 可以展示对应操作的快捷键交互设计,提升高阶用户的效率。
  • hover 到出现的时间,可以稍微有点延迟,否则对熟练用户是一种困扰。在鼠标悬停上过快地显示工具提示可能会导致意外激活,并产生不和谐的用户体验。建议在显示之前添加一个短延迟(大约100-200毫秒),来源UI Playbook — Tooltip
  • 一旦工具提示可见,与任何其他工具提示的交互应该立即显示而不会延迟。
  • 需要思考的图标按钮,就要有工具提示,不要让用户思考
  • 不能有链接和按钮
  • 尽可能简短,太长没法看不要对任务完成至关重要的信息使用工具提示。
  • 当展示工具提示的元素附近也有很多他元素,请使用箭头,避免歧义。

资源

闽ICP备2020019652号-2