¿Cuáles son los mejores temas de color para una aplicación web (herramienta de gestión de proyectos)?

Desde la perspectiva de la experiencia del usuario (UX), en realidad no hay un “mejor” esquema de color para nada. Se trata de elegir los colores que harán que sus usuarios particulares se sientan cómodos y productivos.

El tipo de compensaciones en las que la gente de UX piensa al especificar un esquema de color sería:

¿Qué es fácil para los ojos? Las personas pueden pasar mucho tiempo frente a una pantalla con aplicaciones de gestión de proyectos y no querrás cansar la vista. La accesibilidad es una preocupación (probablemente debería serlo). En este sentido, también asegúrese de mantener el tamaño de la fuente al menos 12 pt.

¿Qué da suficiente contraste para hacer que las cosas sean fácilmente legibles, pero no tanto como para causar fatiga visual? En general, el texto blanco en negro 100% o azul oscuro tiene un contraste demasiado alto y es difícil de leer. 100% negro sobre blanco también puede ser demasiado. Oscurecer o aclarar el texto o el fondo puede marcar una gran diferencia en la legibilidad.

Muchas herramientas de gestión de proyectos utilizan un paradigma verde = bueno, amarillo = precaución, rojo = alerta, y esto es algo bueno. Es una metáfora que funciona porque la gente conoce las señales de tráfico. Si usa estos colores como indicadores, resérvelos únicamente para ese propósito y no los use en ningún otro lugar de la interfaz.

En general, desea usar el color para quitarle énfasis a lo que no es importante y enfatizar lo que es realmente importante para que el usuario vea. Puede recuperar los colores disminuyendo su saturación y brillo.

Luego está la teoría del color, que generalmente se aplica más a logotipos y marcas que a aplicaciones, pero aún merece consideración. Puedes leer mas al respecto aquí:

Cómo usar colores en el diseño de la interfaz de usuario – Prototypr

Es posible que desee consultar la paleta de materiales de Google. Es una agrupación segura (aunque en exceso) de colores para usar. Esta herramienta facilita la elección de colores primarios y secundarios:

Herramienta de color – Diseño de materiales

¡Buena suerte!

Hay muchas consideraciones, como los colores de la marca que se encuentran en el sistema de identidad visual de la organización. Dicho esto, una herramienta de gestión de proyectos es una utilidad y debe ser lo más utilizable y accesible posible. Por lo tanto, ofrecería algunas palabras de consejo:

  • Los colores primarios probablemente deberían ser bastante básicos, por ejemplo, texto negro sobre un fondo blanco o claro. Esto asegurará la mayor legibilidad.
  • Use colores de acento con moderación. Deben usarse para denotar áreas donde el usuario necesita enfocarse, no de forma gratuita para decoración u ornamentación.
  • Asegúrese de que todos los cuadros o gráficos cumplan con los requisitos de daltonismo. Esto significa confiar más en el valor o patrón que en el tono solo.
  • Asegúrese de que el contraste de todos sus colores cumpla con los requisitos básicos de accesibilidad.
  • Siga las convenciones de color cuando sea apropiado, por ejemplo, rojo para alertas, amarillo para advertencias, verde para estados de éxito, etc.

¡Espero que esto ayude!

No puedo decir exactamente cuáles son los MEJORES temas de color, pero esto es lo que puede hacer para encontrar su preferencia personal.

Entonces, la primera opción es conectarse y buscar “colores y sus significados”, que le darán un par de ideas sobre lo que transmiten ciertos colores a los usuarios y luego elegir colores que complementen las ideas que desea transmitir al usuario de su herramienta de gestión de proyectos.

Prueba y usa tres colores como máximo. También use la regla 60–30–10, que es donde el 60% de su aplicación web tendrá el color dominante, el 30% con el color secundario y el color restante como acento en el 10% del espacio.

Otra opción mucho más fácil es usar este sitio web Coolors que lo ayuda a encontrar esquemas de color que funcionen para usted y cuando los esté mirando, recuerde pensar en lo que el color dominante transmite al usuario.

Espero haber ayudado.

Uno de mis ejercicios más satisfactorios fue recomendar (e implementar) técnicas y opciones que permitirían a las empresas clientes personalizar el estilo de los productos de software que estábamos desarrollando.

La técnica de los Temas de hoja de estilo personalizables fue especialmente relevante para responder a los desafíos de admitir productos de software de ‘etiqueta blanca’ o de etiqueta privada, o dar servicio a un entorno de portal.

Net / Net:

El “mejor” tema de color es el que quiere el cliente.

No hay mejor esquema, pero hay combinaciones de colores que son mejores y peores.

Echa un vistazo a Adobe Kuler / Color para ver algunos buenos combos:

Adobe Color CC

More Interesting

¿Cuáles son algunos de los mejores ejemplos de páginas de ayuda al cliente para aplicaciones web?

¿Cuál es el papel de un servicio web en una arquitectura de tres niveles?

¿Qué tan fácil es hacer nuevos amigos con personas cercanas a usted usando aplicaciones habilitadas para geo como Highlight?

Hay bibliotecas de JavaScript como backbone.js, visualsearch.js, underscore.js, d3.js, etc. (tecnologías web front-end). ¿Qué debo hacer para aprender rápido?

¿Qué pila de tecnología se debe usar para una aplicación web escalable?

¿Puedo hacer una aplicación web ERP usando Ruby o Node.js? ¿Cuál es mejor?

Para un producto estable existente que tiene nuevas características agregadas de forma incremental, ¿hay alguna diferencia entre AGILE y la cascada "rápida" (donde las características se reducen para que puedan desarrollarse rápidamente)?

¿Cuál es la diferencia entre una plantilla web y un marco web?

¿Puede la aplicación web Meteor en la práctica escalar a más de 100,000 usuarios que compartirían ~ 1 foto (a veces video) y chatearían entre ellos (uno a uno) todos los días?

¿Qué tiene de bueno el software de monitoreo de rendimiento de aplicaciones como AppDynamics y New Relic? ¿Por qué a los clientes les encanta?

Estoy creando una aplicación web con Ruby on rails. ¿Cómo puedo permitir que un usuario agregue o elimine etiquetas (palabra clave simple) en la parte inferior de las imágenes?

¿Qué se entiende por un servicio web asíncrono?

Qué software o aplicación se siente falta o se necesita hoy, pero no existe. Sugerencias para la próxima aplicación asesina en la web.

¿Dónde empiezo a construir un raspador web?

¿Cuáles son los pasos técnicos exactos de un usuario que interactúa con una aplicación web? (Preferiblemente usando el marco Flask).