「译」按钮文本设计的五大原则

行者孙
• 阅读 5051

「译」按钮文本设计的五大原则

按钮文本正如按钮本身看上去的一样重要。使用错误的按钮文本会导致用户感到困惑,并进而拖慢工作效率、徒增工作量。如果你想让用户轻松操作 app,那么设置正确的按钮文本是必不可少的。

下面列出的五大原则可以帮助你选择正确的按钮文本,从而提高按钮的可操作性。遵循这五大原则进行设计,那么你的用户在使用 app 时,不管面对什么按钮都不会发生误操作。

原则 1:使用行为动词

你的按钮文本应该包含行为动词以促使用户采取某种操作。当用户看到行为动词的时候,他们自然就知道按钮是用来做什么的了。因此,他们可以在不阅读任何提示性文本(例如对话框)的情况下采取操作。

「译」按钮文本设计的五大原则

可以与对话框中通用的“是/否”按钮文本做一下对比。对于后者,用户需要读完对话框文本才能采取操作。如果他们跳过或者是曲解了文本的意思,那么他们很容易会按错按钮。这样的设计不仅增加了误操作的风险,而且迫使用户不得不花费时间去阅读文本。

举个例子,下面的两张图片遮挡了对话框的内容,只有按钮是可见的。用户依然可以凭借带有行为动词的按钮文本采取操作,但是对于只包含“是/否”的按钮文本就无能为力了。显然,带有行为动词的按钮文本可以提高操作效率。

「译」按钮文本设计的五大原则

原则 2:使用严谨的措辞

你使用的每个行为动词都是有特定语义的。如果措辞不够严谨,用户很可能会曲解按钮的作用。

「译」按钮文本设计的五大原则

举个例子,“删除”和“移除”在意思上很接近,但两者的语义是不一样的。“删除”指的是从系统中删除某个东西,而“移除”指的是从一堆东西中移出某个东西。不分上下文地错用这两个词语会使用户在按下按钮时产生畏惧感。

在播放列表中,词语“删除”会让用户觉得自己的歌曲会被删除掉,这里的措辞是不合适的,因为实际上歌曲并不会被删除。使用词语“移除”会更加严谨,因为这个操作只是将歌曲移出播放列表,但不会将其从磁盘中删除。

原则 3:使用功能化的表达方式

模糊且通用的按钮文本会让用户感到困惑。由于文本是通用的,这使得用户不清楚按钮的具体作用。要想让用户明晰操作的结果是什么,必须改用功能化的表达方式。

「译」按钮文本设计的五大原则

举个例子,有很多按钮文本都用到了“提交”这个词语,这实际上使得按钮的作用变得很模糊。当用户看到这个词的时候,他们并不能确定具体会发生什么事,因为这是非功能化的表达方式

相反,词语“发表”是一种更为功能化的表达方式,用户一眼就明白,按下按钮之后就能在 app 上发表自己的评论。这个按钮文本语义更加清晰,不会给用户带来任何困惑。

原则 4:使用主动的祈使句式

按钮文本过多意味着用户需要花费更多的时间去阅读。改用主动的祈使句式可以最小化文本数量,用户一眼就可以看到整个文本内容,而无需转移视线。

「译」按钮文本设计的五大原则

主动祈使式把动词短语变成了命令。这种表达方式可以让你去除句子中不必要的成分,从而让按钮文本更加简洁明了。你只需要在文本中使用带有副词或者直接宾语的动词即可。

用户更加信任并理解命令式的按钮文本。他们确信在这种情况下按钮采取的操作是非常明确的,这在某种程度上也使得他们更加坚信自己作出的决定。

使用主动的祈使句式时,要避免采用教学式的表达告知用户如何使用他们的设备。典型的反面教材就是在按钮文本中使用“点击这里”的表达。这个表达不仅使文本变得冗长,而且对用户来说是多余的。正确的做法应该是使用特定且能描述操作行为的动词激励用户去“点击”。

「译」按钮文本设计的五大原则

原则 5:使用句式大写

[译注:本条仅在英文环境生效]

按钮文本的大写风格可以向用户表达你的语气。语气指的不是说话的内容,而是说话的方式。这种表达方式会在用户群体中激发一种情感反应,可能是吸引,也可能是排斥。

「译」按钮文本设计的五大原则

句式大写(指句子首单词的首字母大写)是最合适的大写风格,因为它以一种友好的语气鼓励用户按下按钮。用户平时阅读到的大都是句子,所以他们对句子是非常熟悉的,当在按钮上阅读到的也是句子时,他们的直观感受是有个人在用平缓的语气与自己交谈。

相比之下,标题式大写(指句子所有单词的首字母大写)的语气更加正式。正式的语气会让人觉得少了一丝人情味,用户的值直观感受是有个人在用很不自然地语气和自己说话,此时,我们的按钮就不那么“受待见”了。标题式大写破坏了自然的阅读流程,并且分散了用户对潜在信息的注意力。

「译」按钮文本设计的五大原则

全字母大写同样是不合适的,它传达的是一种强硬的语气,用户的直观感受是有个人呼喊自己按下按钮。更糟糕的是,这种风格的可读性极差,因为词形匮乏。词形若是都没有差异,对阅读障碍的用户来说是很不友好的。

全字母小写传达的则是一种随意且懒散的语气,用户会觉得似乎没人重视这部分的设计,这种不专业的感觉会消磨他们对按钮的信任感。

操作指引同样很重要

操作指引和按钮文本同等重要,不过,如果你的按钮文本设置不合理,那么操作指引也没什么作用了。

上述五大原则可以确保你的按钮正常发挥作用。用户在面对按钮的时候不会再觉得困惑,而是可以带着清晰的目的采取正确的操作。

点赞
收藏
评论区
推荐文章
blmius blmius
4年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
Wesley13 Wesley13
3年前
MySQL部分从库上面因为大量的临时表tmp_table造成慢查询
背景描述Time:20190124T00:08:14.70572408:00User@Host:@Id:Schema:sentrymetaLast_errno:0Killed:0Query_time:0.315758Lock_
美凌格栋栋酱 美凌格栋栋酱
7个月前
Oracle 分组与拼接字符串同时使用
SELECTT.,ROWNUMIDFROM(SELECTT.EMPLID,T.NAME,T.BU,T.REALDEPART,T.FORMATDATE,SUM(T.S0)S0,MAX(UPDATETIME)CREATETIME,LISTAGG(TOCHAR(
梦
4年前
微信小程序new Date()转换时间异常问题
微信小程序苹果手机页面上显示时间异常,安卓机正常问题image(https://imghelloworld.osscnbeijing.aliyuncs.com/imgs/b691e1230e2f15efbd81fe11ef734d4f.png)错误代码vardate'2021030617:00:00'vardateT
Wesley13 Wesley13
3年前
Activiti 工作流入门指南
<divclass"htmledit\_views"id"content\_views"<h1<aname"t0"</a概览</h1<p如我们的介绍部分所述,Activiti目前分为两大类:</p<ul<li<p<ahref"https://activiti.gitbook.io/activiti7deve
Wesley13 Wesley13
3年前
FLV文件格式
1.        FLV文件对齐方式FLV文件以大端对齐方式存放多字节整型。如存放数字无符号16位的数字300(0x012C),那么在FLV文件中存放的顺序是:|0x01|0x2C|。如果是无符号32位数字300(0x0000012C),那么在FLV文件中的存放顺序是:|0x00|0x00|0x00|0x01|0x2C。2.  
Stella981 Stella981
3年前
SpringBoot整合Redis乱码原因及解决方案
问题描述:springboot使用springdataredis存储数据时乱码rediskey/value出现\\xAC\\xED\\x00\\x05t\\x00\\x05问题分析:查看RedisTemplate类!(https://oscimg.oschina.net/oscnet/0a85565fa
Wesley13 Wesley13
3年前
mysql设置时区
mysql设置时区mysql\_query("SETtime\_zone'8:00'")ordie('时区设置失败,请联系管理员!');中国在东8区所以加8方法二:selectcount(user\_id)asdevice,CONVERT\_TZ(FROM\_UNIXTIME(reg\_time),'08:00','0
Wesley13 Wesley13
3年前
PHP创建多级树型结构
<!lang:php<?php$areaarray(array('id'1,'pid'0,'name''中国'),array('id'5,'pid'0,'name''美国'),array('id'2,'pid'1,'name''吉林'),array('id'4,'pid'2,'n
Easter79 Easter79
3年前
SpringBoot整合Redis乱码原因及解决方案
问题描述:springboot使用springdataredis存储数据时乱码rediskey/value出现\\xAC\\xED\\x00\\x05t\\x00\\x05问题分析:查看RedisTemplate类!(https://oscimg.oschina.net/oscnet/0a85565fa
Wesley13 Wesley13
3年前
Java日期时间API系列36
  十二时辰,古代劳动人民把一昼夜划分成十二个时段,每一个时段叫一个时辰。二十四小时和十二时辰对照表:时辰时间24时制子时深夜11:00凌晨01:0023:0001:00丑时上午01:00上午03:0001:0003:00寅时上午03:00上午0