Em memória da caixa de seleção quadrada

• As adoráveis lembranças da caixa de seleção
  • A caixa de seleção é quadrada, tem uma marca de seleção dentro e permite selecionar várias opções ao mesmo tempo.
  • Diferentes sistemas operacionais renderizaram caixas de seleção de formas distintas ao longo do tempo.
  • A marca de seleção nem sempre esteve presente, mas o fato de a caixa de seleção ser quadrada nunca mudou.
• Por que quadrada?
  • Para distinguir a caixa de seleção do botão de opção.
  • O botão de opção permite apenas uma única escolha, e ao selecionar uma opção todas as outras são desmarcadas.
  • Já nos anos 90 existia a distinção entre formas quadradas e circulares.
• A chegada da web
  • A web, especialmente com o surgimento de CSS, Flash e JavaScript, reinventou e redesenhou práticas existentes.
  • Na web, é comum ver botões de opção com marca de seleção ou botões de opção quadrados.
  • Até mesmo aplicativos nativos adotaram caixas de seleção circulares sob influência da web.
• A tradição dos fornecedores de sistemas operacionais
  • Os fornecedores de sistemas operacionais mantiveram a convenção de caixas de seleção quadradas e botões de opção circulares.
• O fim da tradição
  • A Apple abandonou a tradição da caixa de seleção quadrada no visionOS e introduziu caixas de seleção circulares.
  • Com isso, declara-se que desapareceu a esperança de continuidade da tradição da caixa de seleção quadrada.
  • 2024 é oficialmente anunciado como o ano em que a caixa de seleção quadrada finalmente desapareceu.

A opinião do GN⁺:

• O design de caixas de seleção e botões de opção desempenha um papel importante na interface do usuário, porque sua forma orienta intuitivamente a maneira como o usuário faz escolhas.
• O fato de a Apple quebrar a tradição e introduzir caixas de seleção circulares chama a atenção por representar uma tentativa de mudança na experiência do usuário.
• Este texto oferece uma visão interessante sobre a história do design e da interface do usuário, mostrando como a evolução da tecnologia afeta a interação do usuário.

[kuroneko]

Em memória das caixas de seleção quadradas

RIP...

[bbulbum]

Não.. acabe com a minha.. experiência do usuário...

[GN⁺]

Opiniões no Hacker News

• Fiquei surpreso ao descobrir que o iOS usa caixas de seleção redondas há muito tempo. No app Ajustes do macOS, também aumentou o uso de chaves liga/desliga no lugar de caixas de seleção. Mas botões de alternância ambíguos continuam sendo um problema. Por exemplo, quando o ícone do microfone está branco, fica confuso saber se está ligado ou desligado; se há uma linha sobre ele, não fica claro se está em mudo ou se tocar nele vai colocá-lo em mudo.
• Talvez a Apple não tenha ignorado regras de design, mas esteja tentando melhorar a confiabilidade do rastreamento ocular ao lidar com caixas de seleção no VisionOS. Como o olhar das pessoas é atraído para os cantos, botões arredondados chamam mais atenção, e quando um botão é exibido sozinho, prefere-se o formato de cápsula.
• Usuários da web acham os controles tradicionais entediantes e acreditam que controles padrão precisam ser reinventados e redesenhados. Por isso, o botão "OK" de uma caixa de diálogo acaba sendo colocado à esquerda, à direita ou até na barra de título da janela, conforme a preferência do designer.
• O design plano remove capacidades inerentes do nosso sistema visual. Cor, bordas, transparência, textura, sombreamento e movimentos suaves ajudam nosso cérebro a interpretar rapidamente informações visuais. Esses elementos são importantes para transmitir informação visual, mas não devem ser usados em excesso.
• Muitos web designers não entendem a diferença entre inclusão e opções mutuamente exclusivas. Há confusão no uso de caixas de seleção e botões de opção.
• É difícil explicar a uma pessoa idosa com pouca familiaridade com tecnologia, dentro do Material Design, quais áreas da tela são botões clicáveis. Só a experiência prévia de uso indica quais elementos estão ativos.
• Os designers da Apple abandonaram, desde 2013, muitas convenções que a própria empresa havia estabelecido ao longo de décadas. Steve Jobs se importava com "como funciona", e a Apple passou de líder em design a seguidora do menor denominador comum. Mau design é uma questão moral e, no pior caso, pode ferir ou matar pessoas. É um problema que começa com pequenas coisas em design/engenharia. Espero que a geração Zoom perceba isso, e About Face, de Alan Cooper, é um bom ponto de partida.
• O Motif (usado no X11) usava um pequeno quadrado chanfrado para caixas de seleção e um losango chanfrado para botões de opção. O estado ativo era chanfrado para dentro, e o inativo, para fora.
• Os botões de opção em rádios de carros reais eram em sua maioria retangulares. Há uma boa explicação de como eles funcionam.
• A Apple abandonou há muito tempo as caixas de seleção quadradas no Apple Notes. Acredito que isso já seja assim desde a introdução do iOS 7, em 2014.