6 pontos por GN⁺ 2024-01-29 | 4 comentários | Compartilhar no WhatsApp
  • 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.

4 comentários

 
[Este comentário foi ocultado.]
 
kuroneko 2024-01-30

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

RIP...

 
bbulbum 2024-01-30

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

 
GN⁺ 2024-01-29
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.