恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
如何正确地使用提示?
0.0°
2017-03-17 自译外文 经验/观点 原作者: MARC SCHENKER 举报 1950 1 1 0

工具提示可能是让新用户对给定的应用程序、软件、程序或用户界面尽快上手的最好和最有效的方法。一般来说,工具提示很有帮助,沟通清晰明了,且不显得突兀,因此用户可以根据工具提示的建议行事,而不会遇到障碍。

 

从这个角度来看,一般的工具提示就很容易成为一个微互动,因为工具提示有助于用户实现单一任务或帮助用户控制流程。微互动是用户体验的一部分:这是一个动态过程,由触发因素启动,引发事情发生,为用户提供反馈,并在前往下一步时通知用户。

 

良好的工具提示应周密谨慎,但有时,我敢说,工具提示从未做到这一点。这也是体现微互动卓越性能的一方面:如果工具提示未出乎意料地出现在那里帮你完成任务,你会非常想念这些工具提示的。

 

让我们来进一步了解工具提示应该用于哪些内容、工具提示设计中的关键是什么、应该涵盖哪些内容及避免哪些内容。

 

工具提示的应用案例

工具提示旨在提升网站或应用程序的用户体验(UX)。这几乎是工具提示的使命所在。这些微互动必须通过某种方式(形状或形式)让用户感到轻车熟路。尽管工具提示的目的直接了当,但在网站平台上正确且统一地使用这些工具提示却是另外一回事了,因为做出正确的决定可能并非易事。


不熟悉的图标或按钮

当用户遇到不熟悉的或未标记的图标或按钮时,在界面上设计一些工具提示是很好的选择。即使图标或按钮看上去眼熟,但仍需进行简短的解释,以便使用户快速上手——以仪表板上的嵌齿轮为例——添加一个工具提示,就让一切变得合情合理。

 Image title


附加(非必要)信息

这里的关键问题是:非必要。工具提示可以为用户提供额外信息,因此屏幕不会充斥着过多不必要的文本内容。

 

一个很好的例子就是,当在浏览器中打开选项卡时:当光标悬停在选项卡上时,会快速出现工具提示,告知你所在的具体网页的标题是什么。这个额外的信息不是必要的信息,但当你想记下所访问的具体页面时,能得到这个信息还是很有帮助的。

 

如果信息是必不可少的,使用工具提示就没什么好处了。必不可少的信息应始终存在于界面中,方便用户使用,并提供快速参考。

 

工具提示并非屡试不爽

同理,如果不当使用工具提示,工具提示也很快会对良好的用户体验(UX)造成不良影响。过度使用工具提示肯定会让用户对你的设计感到极其厌烦,不然这可能会很好地引导用户体验你刚刚设计的界面。

 

非直观设计

非直观设计是指你的设计强迫用户始终依赖工具提示体验界面。在这种情况下,最好的工具提示也没有什么帮助,因为,设计中的某些内容显然不合时宜,从而迫使用户过多地查看工具提示。工具提示确实应该仅用于让用户对具体的过程上手,在这个最初引导之后,用户应该能够独立行事。

 

与工具提示内容的互动

有时,用户有必要真正与工具提示的内容进行互动。例如,工具提示的内容可能包括操作按钮说明,其内容可能会提示用户单击按钮。从注册按钮到登陆连接,其内容无所不含。

 

然而,将此类互动元素纳入工具提示,当用户移动光标至工具提示以遵循操作说明时,如果这些互动元素消失,则该设计是欠佳的……想想用户会感到多么失望——尤其是当工具提示告知用户如何操作才能开始时!

 

在这种情况下,仅需通过操作说明本身就能说清楚了,将操作说明设计地足够显眼,这样操作说明本身就能引人注目了。

 

Image title


卓越工具提示的设计规则

如何设计工具提示,才能进行微互动以引导用户、产生反馈、并让用户感到你的界面与众不同,对你的界面乐此不疲。在如何设计工具提示上多花一点时间,就可以让用户感到有帮助,而非让其感到失望。

 

简约主义

网页设计包罗万象,而简约主义能造就无与伦比的界面。对于用户来说,某些内容本应清晰明了,如果做不到这一点,其内容本身就是不成功的……这样就会使本该是非常有帮助的微互动遭到破坏。极简主义意味着基本的颜色、重复和语言。


Image title


可持续性

工具提示应该有帮助、不突兀且方便用户使用,无论是第一次使用还是多次使用,都应屡试不爽。拒绝使用不可靠的或自作聪明的设计线索,而是使用经过验证和检测的真实的设计线索。


引人注目

工具提示应该很容易被找到和发现,无需用户在屏幕上来回寻觅。实现这一目标的方法之一是使用非常明显的视觉或定向线索,例如:从工具提示指向元素(按钮、图标等)的箭头。


相关和合理的信息

出现工具提示时,其中的信息必须能够容易被用户理解。这就意味着简短的句子和清晰的语言。因为屏幕上用于工具提示的区域有限,有必要做到言简意赅。尽管如此,还应避免提供冗余信息,因为工具提示中的信息应该仅是对未立刻出现在界面上的信息所做的补充说明而已。


这一点怎么强调也不为过:通过思索如何设计工具提示,你可以让工具提示名副其实地达到其目的,并避免最糟糕的工具提示,而这会使你所期望的用户顺利完成任务受到阻碍。


工具提示:微互动的缩影

从许多方面来说,工具提示就是终极的微互动。工具提示帮助用户在你所设计的界面中完成任务或控制流程。你可以为用户免去很多麻烦,也可以让用户感到举步维艰,这取决于你如何设计工具提示。


遗憾的是,设计人员很容易让工具提示变得不合时宜——从而损害用户的利益。为了确保每次设计的工具提示都卓越出色,首先全面了解使用工具提示的真正的本质和原因,同时了解在工具提示设计中哪些内容奏效哪些内容无效,是大有裨益的。

只有这样,才能为用户提供其所需的相关信息,从而方便、简单、高效地了解你所设计的界面。


----------------

非特殊说明,本文版权归原作者所有,转载请注明出处

本文图片未注明来源均来自网络,若侵权请联系删除

原文出处:www.webdesignerdepot.com

原文作者:MARC SCHENKER

翻译校正:趣达小楠

更新:2017-03-17

收藏

1人已收藏

趣达学院

兴趣就是天赋

  • 6

    作品

  • 268

    粉丝

  • 0

    关注

  • UX设计中颜色微调的五个技巧
  • 如何设计一触式微交互
  • #每周临摹第一百一十四期#点评交流
  • 如何做一个酷炫狂拽的Apple Watch 融合动效?

    猜你喜欢

      2017-03-17 自译外文 经验/观点 原作者: MARC SCHENKER 举报 1950 1 1 0

      如何正确地使用提示?

      0.0°

      你确定要举报如何正确地使用提示?

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年03月16日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      1
      1
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录