Skip to content

搞英语 → 看世界

翻译英文优质信息和名人推特

Menu
  • 首页
  • 作者列表
  • 独立博客
  • 专业媒体
  • 名人推特
  • 邮件列表
  • 关于本站
Menu

复选框用于多选,单选按钮用于单选

Posted on 2025-06-01

我是 90 年代到 2000 年代的孩子,但直到 2000 年代我才拥有第一台电脑。我不是苏珊·卡雷也不是毕加索,但我培养了一些视觉设计敏感性,在高中期间我制作了一些印刷媒体工艺品(想想海报、书籍封面、日历等),我不再有副本了(相信我,好吗?)。

界面规则简洁明了,即使跨平台使用也是如此!复选框意味着您可以选择多个选项。单选按钮意味着您可以选择一个。用户知道会发生什么,一切都正常。

2014 年开始学习计算机科学,断断续续从事平面设计工作后,我惊恐地发现,新一波 UI 设计师将数十年来建立的 UI 惯例视为仅仅是建议,即使在今天也是如此。

大混乱

我经常遇到:

  • 单选按钮,用户可以选择多个选项
  • 用于简单“是/否”选择的复选框
  • 定制开关取代了所有开关,因为原装开关“看起来过时了”
  • 完全搞不清楚何时使用什么

这种混淆是更大问题的一部分。还记得吗?你还记得吗?你只需看一眼就能知道什么是可点击的吗?还记得吗?你 …

现在不要告诉我一切都应该融合在一起。按钮看起来像装饰性文字。链接与标签难以区分。表单输入是不可见的,直到您意外地将鼠标悬停在它们上面。我们用清晰的沟通换取了时尚的美感,用户正在为此付出代价。

实际成本

这不仅仅关乎美学。打破既定模式会产生以下后果:

  • 当界面没有按预期运行时,用户会犯更多错误
  • 人们花费精力去理解你的界面,而不是去实现他们的目标
  • 当你放弃经过验证的模式时,可访问性就会受到影响
  • 当用户无法预测事情如何运作时,信任就会受到侵蚀

回归本源

“但我们正在创新!我们正在创造新的模式!”

事实是这样的:真正的创新建立在理解之上,而不是无知之上。制定这些惯例的设计师并不是在真空中工作。他们根据人们的实际行为来测试和改进这些模式。

我并不是提倡设计停滞不前。界面应该不断发展。但发展应该建立在理解什么有效以及为什么有效的基础上,而不是盲目拒绝之前的一切。

在用“更现代”的元素替换标准元素之前,请先问自己:这真的对用户有帮助吗?还是只是看起来很时髦?人们会立即明白它的作用吗?还是他们必须学习你的特殊系统?

推荐阅读

  • 艾伦·库珀的“关于脸”
  • 别让我思考史蒂夫·克鲁格
  • 唐纳德·诺曼的《日常事物的设计》

原文: https://perdana.dev/checkboxes-are-for-multiple-selection-and-radio-buttons-are-for-single-selection/

本站文章系自动翻译,站长会周期检查,如果有不当内容,请点此留言,非常感谢。
  • Abhinav
  • Abigail Pain
  • Adam Fortuna
  • Alberto Gallego
  • Alex Wlchan
  • Answer.AI
  • Arne Bahlo
  • Ben Carlson
  • Ben Kuhn
  • Bert Hubert
  • Bits about Money
  • Brian Krebs
  • ByteByteGo
  • Chip Huyen
  • Chips and Cheese
  • Christopher Butler
  • Colin Percival
  • Cool Infographics
  • Dan Sinker
  • David Walsh
  • Dmitry Dolzhenko
  • Dustin Curtis
  • Elad Gil
  • Ellie Huxtable
  • Ethan Marcotte
  • Exponential View
  • FAIL Blog
  • Founder Weekly
  • Geoffrey Huntley
  • Geoffrey Litt
  • Greg Mankiw
  • Henrique Dias
  • Hypercritical
  • IEEE Spectrum
  • Investment Talk
  • Jaz
  • Jeff Geerling
  • Jonas Hietala
  • Josh Comeau
  • Lenny Rachitsky
  • Liz Danzico
  • Lou Plummer
  • Luke Wroblewski
  • Matt Baer
  • Matt Stoller
  • Matthias Endler
  • Mert Bulan
  • Mostly metrics
  • News Letter
  • NextDraft
  • Non_Interactive
  • Not Boring
  • One Useful Thing
  • Phil Eaton
  • Product Market Fit
  • Readwise
  • ReedyBear
  • Robert Heaton
  • Ruben Schade
  • Sage Economics
  • Sam Altman
  • Sam Rose
  • selfh.st
  • Shtetl-Optimized
  • Simon schreibt
  • Slashdot
  • Small Good Things
  • Taylor Troesh
  • Telegram Blog
  • The Macro Compass
  • The Pomp Letter
  • thesephist
  • Thinking Deep & Wide
  • Tim Kellogg
  • Understanding AI
  • 英文媒体
  • 英文推特
  • 英文独立博客
©2025 搞英语 → 看世界 | Design: Newspaperly WordPress Theme