¿Importa el orden de color al diseñar la interfaz de usuario?

La navegación de Wired es alfabética, e imagino que eligieron los colores en función de cada tema. Por ejemplo, el negocio es verde por dinero. USA Today tiene colores similares para sus categorías similares.

El orden de color de Wired no importa porque solo se muestra un color a la vez cuando el usuario se desplaza. También podrían haber mostrado el color como un borde inferior sin que tuviera demasiado efecto.

El orden de color puede importar. Por ejemplo, si la navegación tuviera botones a todo color con un gradiente de colores claros a oscuros, los ojos del usuario probablemente seguirían ese gradiente y descansarían en el tono más claro o más oscuro. Entonces, de esa manera llamarías la atención sobre un botón en particular. Pero, tendría un gradiente en su diseño gráfico y todos los demás botones se volverían menos significativos. El usuario puede tener que volver a mirar los botones para encontrar lo que quiere.

O bien, el color puede distraer mucho si los botones a todo color de la navegación pasaron de claro a oscuro repetidamente o de brillante a opaco. Entonces, los ojos se moverán de un lado a otro tratando de dar sentido a las cosas.

Si hubo colores repetidos uno al lado del otro, el usuario puede agruparlos. El daltonismo puede causar este efecto accidentalmente. Puede usar grupos de colores como técnica para agrupar tipos similares de contenido. Algunos sitios web agrupan la configuración y las cosas que rara vez se usarán y las colocan en un color menos contrastante para que no se destaquen. Aunque hoy en día esos generalmente se mueven a un menú secundario o pie de página.

En general, advertiría el uso del color en la navegación con algunas excepciones :

En la mayoría de los casos, el usuario probablemente no dependa del color para encontrar contenido porque tendría que memorizar sus códigos de color. Podrían hacerlo si visitan repetidamente su sitio web y siempre buscan el mismo tipo de contenido. Para los nuevos visitantes, el color no es muy útil en la navegación. En cambio, los usuarios están leyendo la etiqueta o mirando iconos claros. Lo mejor que puede hacer es navegar por el presente de manera que la etiqueta sea fácil de leer: un solo color. O minimice los efectos negativos del color mostrándolo solo al pasar el mouse o como un borde en un lado.

El color puede ser categórico para los nuevos usuarios en algunos casos. Por ejemplo, si hay un sitio web para nombres de bebés y nombres de bebés, los botones azules y rosados ​​serían fácilmente atribuibles. O, si su aplicación es sobre el día y la noche y usa colores oscuros y colores soleados.

Los colores categóricos en la navegación se pueden usar para enviar comentarios de que el usuario ha cambiado a una sección diferente. El kit de diseño de IDEO utiliza el color para distinguir entre diferentes tipos de métodos: inspiración, ideación e implementación. Cuando el usuario filtra a una categoría diferente, los colores cambian, lo que envía comentarios de que se tomó una acción. Esto es importante porque todo el contenido se ve exactamente igual. Sin navegación de color, sería difícil clasificarlos. Por otro lado, diría que la BBC no necesita color para distinguir entre contenido porque las fotografías y los titulares ya forman las categorías.

Los estallidos de color en la navegación pueden y deben usarse para llamar la atención del usuario sobre los botones de llamada a la acción. Por ejemplo, National Geographic utiliza el color para enfatizar la suscripción y la compra. La American Cancer Society utiliza el color en su navegación secundaria. Todos los colores azul, verde y morado del botón son tan similares que no distraen. El botón Involucrarse es una excepción como un color naranja brillante.

Por lo que he visto, menos empresas están utilizando el color en su navegación para separar los tipos de contenido. Hay una tendencia hacia un diseño más simple como el Diseño de materiales de Google.

http://usabilitygeek.com/traffic

Los colores juegan un papel importante en nuestras vidas. Puede influir mucho en las decisiones y razones que nos impulsan a la acción. Los colores han figurado una y otra vez para el éxito de los productos y continuarán haciéndolo.

Estas son las principales razones por las que debe prestar más atención al elegir un color para su diseño de interfaz de usuario:

Los colores están profundamente arraigados en nuestra conciencia.

Cuando existen mil y una aplicaciones que ofrecen el mismo servicio y son igualmente buenas, a veces lo que hace que un cliente decida a su favor es el color de su interfaz de usuario, ya sea que piense que es bonito o que inspire algo en su interior, los colores pueden ser muy importantes. inclina la balanza.

Asociamos ideas y acciones con el color.

El éxito de un producto, además de la calidad, también depende de cómo fue diseñado y de los colores utilizados para atraer la atención del cliente potencial. El azul está asociado con la facilidad y la simplicidad, también es el color de Process Street API, que tiene como objetivo simplificar y administrar tareas y procesos tediosos y aburridos para usted.

Los colores pueden ayudar mucho a domar a una amante voluble.

La atención humana es inconstante en el mejor de los casos, en un momento es tu la próxima que alguien la posee. Un color divertido e inspirador puede ser de gran ayuda para mejorar el diseño de su interfaz de usuario y ayudar a atraer y retener la atención de sus clientes, después de todo, nadie querría usar una API de aspecto monótono.

Tenga en cuenta estos consejos cuando diseñe su interfaz de usuario para crear la mejor experiencia para sus clientes. También puede leer un artículo sorprendente para obtener más consejos sobre las opciones de color [aquí]

La respuesta previa a la sensibilidad y detección del color (“daltonismo”) es buena. Sin embargo, creo que otro punto son las expectativas culturales. Muchas culturas asignan significados al color de manera muy diferente a la del Reino Unido / América del Norte. Aquí hay un sitio que analiza algunas de estas preocupaciones:

Teoría del color para diseñadores, Parte 1: El significado del color – Smashing Magazine

Estos problemas pueden anular cualquier expectativa sobre el orden del color.

Hay muchos problemas culturales asociados con el color (piense, “azul para niños” y “rosa para niñas” en América del Norte). Algunos colores son demasiado “casuales” para los negocios (rosa, morado claro / lavanda, etc.) o demasiado “agresivos” (colores primarios brillantes rojo, verde, amarillo), nuevamente convenciones del Reino Unido / América del Norte, pero otras regiones tienen preocupaciones similares.

Natiralmente, hay excepciones a estos. A veces, un fuerte contraste de color con las expectativas puede funcionar a su favor. Pero teniendo en cuenta las convenciones locales para el color, los tipos de letra, etc., debe ocupar un lugar destacado en su lista al diseñar interfaces internacionales. Posiblemente más alta en prioridad que el simple orden de color.

¡No hay pauta! Depende del efecto que quieras lograr.

Por defecto, el uso de múltiples colores crea ruido o energía. Y cuanto más contraste, más energía.

Colocar colores similares uno al lado del otro (como en la rueda de colores) creará menos energía que colocar colores contrastantes uno al lado del otro.

Su estrategia debería depender del efecto que está buscando.

Diseñar teniendo en cuenta a los usuarios que ven la interfaz de usuario y sus colores sería una consideración. Por ejemplo, los usuarios daltónicos necesitarían muchos colores de alto contraste, invertidos o complementarios para poder distinguir claramente cada color en contexto.

El color importa en todo diseño. Es importante seleccionar productos que atraigan a los clientes al propósito de su marca. La interfaz puede ser agradable, limpia y elegante, pero los colores de diseño utilizados también son importantes.