Usabilidad: ¿Cuántos colores se deben usar para los botones en una aplicación móvil?

La respuesta corta: no demasiados, dos probablemente sea suficiente para denotar una acción positiva o negativa. El uso de colores en una interfaz puede ser útil para establecer la coherencia, la tercera de las heurísticas de usabilidad de Jakob Neilsen.

Hay otras cosas que podemos hacer para ayudar a reforzar la consistencia. Puede usar dispositivos escépticos como el biselado para hacer que los botones se parezcan más a los botones de la vida real; puedes usar elementos gráficos como flechas, verbos de acción o incluso algo tan sutil como una ubicación consistente en la página. Hay mucho que puedes hacer más allá del color.

Mi consejo general sería que sea sencillo. Un color es generalmente más que suficiente para resaltar los llamados a la acción clave. Si es lo suficientemente distinto del resto de su interfaz, los usuarios identificarán rápidamente ese color al tomar medidas.

Más allá de eso, aproveche las técnicas más allá del color para reforzar la consistencia: la posición de la pantalla, el etiquetado o los tratamientos de estilo trabajan juntos para reforzar el “toque aquí para actuar”.

10 heurísticas para el diseño de la interfaz de usuario
http://www.nngroup.com/articles/…

Como estándar, la paleta de colores de mejores prácticas no debe tener más de 3 colores (mínimo 2) para el tema general de la interfaz.
Generalmente 3 tyes de CTA donde puedes usar 3 colores o sombras diferentes
1. Acción principal (que desea priorizar sobre todo en la pantalla), por ejemplo, Comprar ahora, Enviar
2. Acción secundaria, es decir, asociada a la acción primaria para, por ejemplo, Cancelar
3. Acción complementaria, es decir, el usuario puede querer realizar antes de realizar una acción primaria (las interfaces más complejas tienen este tipo de CTA), por ejemplo, restablecer, comparar, etc.

En general, se utilizan verde, naranja, azul o, en ocasiones, incluso rojo para las acciones primarias. Y gris, tonos claros de colores utilizados para acciones secundarias.
Los botones CTA complementarios pueden tener un color diferente o un tono más claro.

Depende de la combinación de colores que decida qué color está teniendo el máximo impacto para que podamos usarlo para definir la prioridad en las interfaces.

Estoy de acuerdo en que debe seguir los principios de simplicidad y coherencia.

Además, sugiero a A / B probar los diferentes colores de los botones, llamar a la acción y postilion para ver qué combinaciones funcionan mejor. Puede hacerlo integrando una plataforma analítica visual en la aplicación en su aplicación, que le permita medir y comprender la experiencia del usuario y el comportamiento del usuario en su aplicación.
La plataforma de análisis visual en la aplicación proporciona grabaciones de usuarios y mapas de calor táctiles, que le permiten ver exactamente cómo interactúan los usuarios con su aplicación y mejorar la experiencia del usuario en la aplicación.

Eso realmente depende del esquema de color que esté siguiendo en su aplicación. Pero yo diría que no más de 2-3. Desearía mantenerlo simple y minimalista.

Además, siempre es bueno seguir la coherencia en sus diseños, así como algunas convenciones; por ejemplo, los botones Eliminar (u otros botones que significan una acción destructiva) deben ser rojos.

More Interesting

¿Qué aplicaciones pueden ayudarme a encontrar una imagen en mi galería en mi teléfono inteligente (iPhone o Android)?

¿Cuáles son algunas de las aplicaciones más subestimadas?

¿Qué lenguajes y herramientas de programación se requieren para desarrollar una aplicación como soundwire?

¿Alguien puede leer nuestros mensajes en WhatsApp?

¿Cuál es la necesidad de las aplicaciones móviles en las instituciones educativas?

¿Qué incluye una lista de verificación para crear una aplicación de Windows?

Cuando estás en el chat de WhatsAap, ¿tu estado visto por última vez es visible en ese momento para los demás?

¿Por qué Apple (y Microsoft también) van a la zaga de Google en términos de tratar a los desarrolladores de aplicaciones?

¿Puedes usar un emulador para probar una aplicación de Android que usa un GPS, o necesitas usar un dispositivo Android?

Cómo triplicar los ingresos por ventas de aplicaciones de compras móviles en poco tiempo con solo un llamado a la acción

¿Cuál es la ventaja de definir su aplicación como una estructura en Go?

¿Cuáles son algunas buenas ideas para aplicaciones de inicio?

¿Cuál es mejor: FB o WhatsApp?

¿Cuáles son las tecnologías utilizadas para desarrollar aplicaciones de juegos móviles?

Cuando tiene aplicaciones móviles localizadas, ¿cuál es la mejor manera de definir el idioma? de acuerdo con el idioma del dispositivo del usuario, la región o simplemente para tener un menú pidiéndole al usuario que lo configure?