¿Cuál es la razón por la que, cada vez más, los sitios web usan el tipo gris en lugar del negro para el texto del cuerpo?

Porque se ve bien a los ojos de los diseñadores jóvenes cuando se los ve en los monitores de alta gama que pueden usar.

Para el resto de nosotros, los viejos con mala vista tratando de leer cosas en computadoras portátiles gastadas en el ángulo incorrecto, es terrible.

Escribí una publicación de blog sobre esto. Puede leerlo aquí:

  • El negro es el nuevo negro – WL Media HK

Lo citaré aquí para su lectura.

EL NEGRO ES EL NUEVO NEGRO

O cómo su sitio web podría ser ilegible, y usted no lo sabría.

¿Qué diría si le dijera que su sitio web podría verse completamente en blanco para algunos de sus visitantes? Dependiendo de sus elecciones de diseño y del tamaño de la pantalla, la posición y la iluminación del visor de su sitio web, el texto podría volverse invisible o simplemente difícil de leer.

¿Puedes ver?

Los sitios web tienen que funcionar en cada dispositivo

La mayoría de las personas ahora son conscientes del hecho de que un sitio web debe verse bien y funcionar de manera efectiva, tanto en PC como en dispositivos móviles. Y aunque esto puede causar mucho trabajo técnico y de diseño adicional, realmente es inevitable. Como propietario del sitio web, usted no tiene influencia sobre si su visitante visitará y leerá su sitio web en su PC o en su teléfono o tableta.

El sitio web tiene que funcionar independientemente.

Atrás quedaron los días de decir “Este sitio se ve mejor usando Internet Explorer a 800 × 600”.

Aunque eso facilitó al webmaster y al diseñador, no permitió la realidad de que los clientes usarán el dispositivo que prefieran, el navegador que más les guste, y depende de usted asegurarse de que su sitio web funcione correctamente para ellos.

El cliente siempre se extiende ahora a la elección del dispositivo de visualización del cliente.

El cliente siempre se extiende ahora a la elección del dispositivo de visualización del cliente.

Entonces, ¿cómo puede un sitio web verse en blanco? El problema surge sobre la tecnología de las pantallas LCD que se utilizan básicamente en todos los dispositivos informáticos, ya sean móviles o de escritorio. Hubo un tiempo en que los monitores CRT eran una de las opciones, pero ya no existen con muy pocas excepciones, pero los monitores LCD tienen limitaciones técnicas que pueden amplificar los problemas de diseño.

Específicamente, el problema se reduce a los ángulos de visión que requieren los LCD. No se ven igual de bien en todos los ángulos, y aunque las mejores pantallas, como las que se encuentran en iPads y teléfonos de gama alta, funcionan bien desde cualquier ángulo razonable, todavía hay muchas pantallas en uso que no lo hacen. Los problemas más comunes son los de las laptops y notebooks de rango medio, a menudo claramente tienen un ángulo mejor que otros.

En el ángulo incorrecto, el contraste de las cosas en la pantalla se vuelve más bajo.

Los negros son menos negros y los blancos son menos blancos.

Específicamente, el problema que se discute aquí es que el gris claro y el gris oscuro comienzan a parecerse mucho más. No es un problema que pueda decir, excepto por la preferencia reciente por texto no negro. El texto gris puede ser menos duro y más fácil para la vista. Muchos consideran que un fondo blanquecino evita ese aspecto deslumbrante de baldosas de hospital.

solo se va a poner peor

El problema es particularmente agudo para las personas a medida que envejecen, de hecho es una condición médica reconocida y hay una tabla optométrica llamada “tabla de sensibilidad al contraste de Pelli Robson” específicamente para medirla.

Ver: Pelli, DG, Robson, JG y Wilkins, AJ (1988). El diseño de un nuevo gráfico de letras para medir la sensibilidad al contraste. Clinical Vision Sciences, 2 (3): 187-199. Copyright © 2014 DG Pelli y JG Robson. Fabricado por Precision Vision. [Haga clic para obtener la reimpresión PDF

.]

Sensibilidad de contraste; a partir de los 40 años, la sensibilidad de contraste a frecuencias espaciales más altas comienza a disminuir hasta que a los 80 años se ha reducido hasta en un 83% (EveryEye2004 después de 3. Owlsley, CJ, Sekuler, R. y Siemensne, D. Sensibilidad de contraste hasta la edad adulta. Vision Research 23 , 689-699 (1983))

¿Quién no puede leer mi sitio web?

Personas mayores. No necesariamente las personas mayores y los que tienen derecho a tomar el transporte público en Hong Kong por HK $ 2, pero realmente cualquier persona mayor de 40 años.

Personas que usan computadoras portátiles de rango medio. Que es una gran cantidad de personas, tanto profesional como personalmente, que usan cosas como las notebooks HP, Acer y Dell que no son el extremo más alto.

¿Se parece a alguien que podría estar en el grupo demográfico de su cliente? Si es así, esto se aplica a usted. Y para la mayoría de las empresas, particularmente las B2B en Hong Kong, es casi cierto.

Ageist – PC-Brand-ist

¿Por qué este problema no aparece durante el proceso de diseño del sitio web? Bueno, no se necesita mucho razonamiento para entenderlo. Simplemente imagínese a su diseñador web, ya sea uno real o uno hipotético “típico”. ¿Son mayores de 55 años? ¿Utilizan una computadora portátil de rango medio para trabajar?

A riesgo de ser mayor de edad, de marca de PC o peor, diría que una persona de 30 años que usa una pantalla de Apple de alta gama es una descripción mucho más probable del diseñador web. Y para ellos, ese texto gris oscuro sobre un fondo gris claro se ve perfectamente bien.

Hola abuelo

Pero intente preguntarle a alguien un poco mayor, que podría estar usando una computadora portátil funcional pero no de gama alta, y vea lo que piensa. ¿Alcanzan sus anteojos cuando les pides que vean tu sitio web? ¿Entornan los ojos? ¿Mover la cabeza hacia arriba y hacia abajo, más cerca y más tratando de obtener una visión clara? Si solo dicen “Oh, está bien”, pero crees que realmente no prestaron atención, intenta decir “¿Puedes leer el texto en voz alta para que pueda ver cómo suena?” Y ver si realmente pueden leerlo.

O podría gastar algo de dinero en algunas pruebas de usabilidad adecuadas.

Lo vi en blanco y negro

“Lo vi en blanco y negro” es un idioma inglés, lo que significa que algo es cierto porque se vio impreso, particularmente en un periódico.

Una salida segura es simplemente usar texto negro, sobre un fondo blanco. Y confíe en que casi todos los que leen podrán leerlo. Hay una razón por la cual la tecnología de tinta se ha desarrollado desde que los chinos la inventaron en 2500 a. C., y el papel se ha vuelto cada vez más blanco desde que se inventó el blanqueo del papel en el Siglo XIX, y esa razón se debe a que el alto contraste entre letras y fondo hace que el texto sea más legible.

Si tener texto legible es una prioridad para usted, y creo que cualquiera que desarrolle copias de ventas en cualquier lugar estará de acuerdo con eso, mantenga el contraste entre su texto y su fondo lo más alto posible.

Quizás considere simplemente usar texto negro. Como el negro es el nuevo negro.

En parte, respondiste tu propia pregunta: en algunos casos específicos, como en términos de servicio y políticas de privacidad, es porque no debes leerlos . Están allí para fines de protección de abogados.

En general, hay buenas y malas razones. Como otros han señalado, un gris oscuro es un poco menos estresante para los ojos sobre un fondo blanco rígido. Esa es una buena razón.

La mala razón, y esto estuvo de moda hace unos diez años, es silenciar la copia para no interferir con el diseño. Esa es la cola que menea al perro. A menos que el diseño en sí sea el contenido, el diseño está ahí para admitir el contenido y la función.

Esto es solo para fines de diseño, no necesariamente para engañar.

El negro sobre blanco es realmente duro para los ojos y crea demasiado contraste. Muchos productos muy bien diseñados aprovechan los trucos de los ojos en los que se usa un gris oscuro en lugar de negro y, de repente, parece “más agradable” y “más limpio”. Mire los productos de Apple y verá que el negro que usan es en realidad un gris muy oscuro. Recree sus anuncios simples usando texto en negro y verá que no se ve tan bien.

Esta tendencia ha surgido por la facilidad de leer una página para sus ojos. Negro sobre blanco es un gran contraste. Dependiendo de la fuente utilizada, un espectador puede cansarse de leer más rápido y no leerlo completamente. Cuando se usa un gris más claro, el contraste es menor, lo que hace que el texto sea una lectura más suave y sin esfuerzo para un espectador. Esto es especialmente cierto en dispositivos móviles más que en computadoras de escritorio.

Estoy de acuerdo con J. Alexander Curtis en que es para fines de diseño. Después de una discusión con un diseñador, también entiendo por qué está bien diseñado y aún no es legible. Puede aprender que hay un mínimo de contraste “seguro”, funciona bastante bien en un producto físico, en el sitio web tiene una pequeña desventaja de que es perfectamente legible en la pantalla de $ 3000 del diseñador, pero el contraste es mucho menor en sus $ 500 ordenador portátil. Entonces es para propósitos de diseño y aún así es un mal diseño.

Apple al menos es inteligente: usa un gris MUY OSCURO. El gris más claro está bien cuando se usa en las barras de navegación para palabras sueltas o encabezados de tema (al igual que esta página). PERO los sitios que usan gris claro para texto crítico (por ejemplo, muchas recetas) simplemente no son aceptables, tal vez esté bien leerlos en la pantalla, pero intente imprimirlos en una impresora en blanco y negro para ver los resultados. Creo que este es un caso de diseñadores que siguen una tendencia y piensan más en el ‘aspecto’ que en lo que les conviene a los usuarios; me hace preguntarme si hacen alguna prueba de usabilidad antes de finalizar su diseño.

Es sobre todo estético, pero la intención es mejorar la experiencia para el usuario.

  • Si usa texto gris, le facilita al usuario escanear encabezados negros.
  • El contraste entre el blanco y el negro en una pantalla iluminada puede ser bastante duro y, si pasa mucho tiempo en un sitio, puede ser irritante.
  • El texto gris es más suave y a veces puede ser más atractivo visualmente. Hace que la página se sienta más clara.
  • Como regla, los diseñadores a menudo evitan usar # 000000 ya que intuitivamente puede sentirse plano y vacío. Muchos diseñadores tienen una preferencia de # 333333

En general, se usa para contrastes menos severos en una página. Pero también abre la oportunidad de llamar la atención sobre el texto usando negro en un “mar de gris” sin usar estilos en negrita o cursiva.

Es simplemente una regla de diseño que el texto blanco es demasiado alto en contraste para un fondo, por lo que aclaran el blanco en un gris claro para que sea más fácil para los usuarios.

Puede parecer estúpido pero hace la diferencia.