ui按钮设计规范

Դ未知

ߣ老铁SEO

17

2019-10-23 11:39:45

界面中按钮标签的含义与其视觉层级一样重要,使用不适当的按钮文案会导致用户混淆,增加工作量,降低完成任务的效率。今天小编主要给大家分享ui按钮设计规范,希望对你们有帮助!
 

ui按钮设计规范
 

1.使用动词
 

按钮文案应该提示用户特定的操作行为,当用户看到一个动词时,他们需要知道这个按钮是做什么的,即使没有阅读对话框的具体内容,用户仍然可以操作。
 

对比界面中经常出现的普通按钮文案“Yes/No”,用户必须在操作前阅读对话框的内容,如果他们跳过或误解文案,就会按错按钮。这种文案不仅会增加用户操作的风险,还会增加用户操作的难度。
 

2.使用准确的词语
 

你使用的每个动词都有特定的意思,如果用词不够准确,用户会误解这个按钮的意思。
 

例如,“删除”和“移出”这两个词比较相似,但内涵不同。“删除”意味着点击此按钮将删除系统中的项目,“移出”意味着点击按钮将项目从组中分离出来。在错误的理解下,用户会对这些按钮产生疑问。
 

在一个播放列表中,“删除”会让用户认为他们会失去这首歌曲,这是一个错误的演示,因为事实并非如此。“移出”则更精确,因为它会将歌曲移出播放列表,但不会将其删除。
 

3.使用与任务相关的单词
 

一个模糊、通用的按钮文案会让用户犹豫不决,不确定这个按钮是干什么的,因为按钮的文案表述不清楚。用户需要知道自己操作的最终结果,而只有特定于任务的语言才能做到。
 

“提交”是一个常见的词,可以在许多场景中看到这个词的用法。但是这个词会让操作看起来含糊不清。这个文案会引起用户的困惑,因为它与操作任务无关。
 

相比之下,“发送”是一个指定的在线发送词,因此,用户会有心理预期:一旦按下按钮,应用程序就会向公众发布他们的内容。这个按钮的表达非常清晰准确,给用户操作的信心。

佭ϴý Ѷ Media8ý

在线客服

外链咨询

扫码加我微信

微信:juxia_com

返回顶部