它们的尺寸很小,工具提示可能看起来很简单。然而,设计很小的提示可能非常棘手。
工具提示用法
好的设计应该是不言自明的。如果元素已经包含描述性标签,则没有理由在工具提示中复制此信息。
工具提示含义和上下文
并非所有元素都是不言而喻的。如果图标或按钮与其含义之间没有任何密切关系,请使用工具提示来解释其用途。
确保您的工具提示简洁明了。
工具提示光标
这是给你的工具提示——将鼠标悬停在包含工具提示的元素上时,将默认箭头光标更改为手形指针。它提供视觉反馈,阐明工具提示的元素。
格式化文本
工具提示的目的是提供一部分智慧,一条易于了解的信息——因此请确保它整齐排列、可读且易于浏览。
工具提示边缘位置
停车时,负责任的司机会确保他们的车不会挡住其他车,甚至——喘不过气来!- 期望其他司机也这样做。对工具提示应用相同的规则——它们应该易于访问而不会阻止其他内容。
工具提示放置
工具提示应该有帮助,而不是烦人。与其他元素重叠或阻止对字段或按钮的访问的工具提示会使用户发疯,因此请谨慎放置它们以避免此类事故。
工具提示样式
在工具提示样式方面,少即是多。确保这些信息丰富的小组件易于阅读且风格适中。额外的细节,如框架或背景的低对比度文本只会让用户更难阅读提示。
工具提示内容
工具提示应该只包含最基本的内容,以确保用户拥有他们需要的东西。快速的经验法则——帮助用户前进的数据应该始终可见且易于掌握。Tooltip 已经是很小的元素,所以不要让您的用户眯着眼睛阅读文本。
工具提示过渡
工具提示提供微内容,因此它们的出现和消失应该是平滑和微妙的。否则,您可能会混淆用户并分散他们的注意力。
本文内容为转载
网友评论