En memoria de las casillas de verificación cuadradas

• Recuerdos entrañables de las casillas de verificación
  • Las casillas de verificación son cuadradas, tienen una marca en su interior y permiten seleccionar varias al mismo tiempo.
  • Distintos sistemas operativos las han renderizado de maneras diferentes con el paso del tiempo.
  • La marca de verificación no siempre estuvo presente, pero el hecho de que la casilla fuera cuadrada nunca cambió.
• ¿Por qué cuadradas?
  • Para distinguir las casillas de verificación de los botones de opción.
  • Los botones de opción solo permiten una única selección, y al elegir uno se desmarcan todas las demás opciones.
  • Ya en los años 90 existía esta distinción entre formas cuadradas y circulares.
• La llegada de la web
  • La web, y en especial CSS, Flash y JavaScript, reinventó y rediseñó las convenciones existentes.
  • En la web es común ver botones de opción con marca de verificación o botones de opción cuadrados.
  • Incluso las apps nativas adoptaron casillas de verificación circulares bajo la influencia de la web.
• La tradición de los proveedores de sistemas operativos
  • Los proveedores de sistemas operativos mantuvieron la convención de que las casillas de verificación fueran cuadradas y los botones de opción, circulares.
• El fin de una tradición
  • Apple abandonó en visionOS la tradición de las casillas de verificación cuadradas e introdujo casillas circulares.
  • Con ello, se declara que desaparece la esperanza de que continúe la tradición de las casillas cuadradas.
  • Se anuncia oficialmente 2024 como el año en que la casilla de verificación cuadrada finalmente desapareció.

Opinión de GN⁺:

• El diseño de las casillas de verificación y los botones de opción cumple un papel importante en la interfaz de usuario, porque su forma guía de manera intuitiva la forma en que el usuario elige.
• Que Apple haya roto la tradición e introducido casillas de verificación circulares es llamativo como intento de un nuevo cambio en la experiencia de usuario.
• Este artículo ofrece una visión interesante sobre la historia del diseño y de la interfaz de usuario, y muestra cómo la evolución de la tecnología influye en la interacción de las personas con los sistemas.

[kuroneko]

RIP...

[bbulbum]

No.. arruines.. mi experiencia de usuario...

[GN⁺]

Comentarios de Hacker News

• Me sorprendió enterarme de que iOS ha usado casillas de verificación redondas durante mucho tiempo. En la app de Configuración de macOS también ha aumentado el uso de interruptores de activación y desactivación en lugar de casillas de verificación. Sin embargo, los interruptores ambiguos siguen siendo un problema. Por ejemplo, cuando el ícono del micrófono está en blanco, no queda claro si está encendido o apagado; si tiene una línea tachándolo, confunde si está en silencio o si al tocarlo se silenciará.
• Puede que Apple no haya ignorado las reglas de diseño, sino que sea un esfuerzo por mejorar la fiabilidad del seguimiento ocular al manejar casillas de verificación en visionOS. Como la mirada de las personas se dirige a las esquinas, los botones redondeados llaman más la atención, y cuando se muestra un botón por sí solo se prefieren formas de cápsula.
• Los usuarios web piensan que los controles existentes son aburridos y creen que hay que reinventar y rediseñar los controles estándar. Por eso, el botón de "Aceptar" de un cuadro de diálogo termina colocado a la izquierda, a la derecha o en la barra de título de la ventana, según la preferencia del diseñador.
• El diseño plano elimina capacidades inherentes de nuestro sistema visual. El color, los bordes, la semitransparencia, la textura, las sombras y el movimiento suave ayudan a interpretar rápidamente la información visual. Estos elementos son importantes para transmitir información visual, pero no deben usarse en exceso.
• Muchos diseñadores web no entienden la diferencia entre inclusión y opciones mutuamente excluyentes. Hay confusión en el uso de casillas de verificación y botones de opción.
• Es difícil explicarle a una persona mayor con habilidades técnicas limitadas qué áreas de la pantalla son botones presionables en Material Design. Solo la experiencia de uso previa permite identificar los elementos activos.
• Desde 2013, los diseñadores de Apple han abandonado muchas convenciones que la propia empresa había establecido durante décadas. A Steve Jobs le importaba "cómo funciona", y Apple pasó de ser un líder de diseño a un seguidor del mínimo común denominador. El mal diseño es un problema moral y, en el peor de los casos, puede herir o matar personas. Es un problema que empieza con cosas pequeñas en diseño e ingeniería. Ojalá la generación Zoom se dé cuenta de esto, y About Face de Alan Cooper es un buen punto de partida.
• Motif (usado en X11) utilizaba un pequeño cuadrado biselado para las casillas de verificación y una forma de diamante biselada para los botones de opción. El estado activo estaba biselado hacia adentro y el inactivo hacia afuera.
• Los botones de radio en los automóviles reales eran en su mayoría rectangulares. Hay una buena explicación sobre cómo funcionaban.
• Apple abandonó hace mucho las casillas de verificación cuadradas en Apple Notes. Creo que ha sido así desde que se introdujo iOS 7 en 2014.