(翻译)按钮标签旁的图标摆放方式

  按钮标签旁的图标类似于列表中列表项边上的项目符号,只要位置合适,它们都能便于用户查找及浏览信息。
  眼动研究发现,用户浏览内容时一般从左侧开始,从上向下查看。为了发挥图标的辅助浏览作用,需要让用户先看到图标,再看到按钮标签。将图标置于按钮标签左侧,让用户首先看到图标。将图标置于按钮标签右侧的话,用户最后才能看到它们,无法发挥辅助浏览的作用,只是个装饰品而已。图标用于描述标签按钮,不作其它用途。
在这里插入图片描述
  图标与按钮标签、正文之间的位置也存在问题。用户浏览内容时一般从左侧开始,从上向下查看。这意味着,如果将图标放在按钮标签和正文的左侧居中位置,用户会先看到按钮标签,再看到图标,无助于用户浏览内容。为了发挥图片的辅助浏览作用,不要将图标放在按钮标签和正文的左侧居中位置,而是使其与按钮标签左侧水平对齐,让用户首先看到图标,便于他们浏览。
  图标与项目符号的作用相似,项目符号的有效性来自于其比页面的其它文本醒目,而图标的有效性来自于其比用户界面中的其它文本显眼。如果用户不能方便地找到按钮标签,他们就难以在网站中导航。将图标放在便于浏览之处,让用户能不费力地找到按钮。

原文地址:https://uxmovement.com/buttons/where-to-place-icons-next-to-button-labels/

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值