Home ┬╗ Dise├▒o ┬╗ Dise├▒o de apps y la importancia del color
Dise├▒o de apps y la importancia del color

Dise├▒o de apps y la importancia del color

En el dise├▒o de apps┬áno solamente debemos tener en cuenta la usabilidad, la efectividad, el estilo o el branding de nuestra empresa. Tambi├ęn debemos tener muy en cuenta el tratamiento del color, que provoca instant├ínea e involuntariamente una reacci├│n emocional y subjetiva en el usuario m├│vil.

Hablamos en general de la paleta de colores que utilizaremos. Depender├í de diversos factores, y en algunas ocasiones tambi├ęn depender├í del tipo de app y/o negocio que habr├í detr├ís de la app.

Existen infinidad de estudios que hablan sobre c├│mo influyen los colores fr├şos o c├ílidos. Es una disciplina de la que se ha hablado largo y tendido en el marketing. En esta ocasi├│n queremos ir m├ís all├í y ver que importancia tienen los colores en una app. Empecemos por las primeras impresiones.

┬┐Qu├ę color debe tener mi icono?

En las stores existen apps con iconos de todos los colores, aunque algunos predominan más que otros dependiendo si es una app social, un juego, etc. Desde Medium han realizado un estudio muy intenso comparando los diseños de iconos de cientos de apps móviles.

Entonces ┬┐qu├ę color escojo para el dise├▒o de apps? Lo que revela este an├ílisis es que siempre va a depender de la app en s├ş, de lo que haga y de cu├íl sea el usuario tipo al que va dirigida.

Si eres conformista y quieres seguir las tendencias en desarrollo de apps, entonces lánzate a por el azul o el rojo. Si quieres diferenciarte, tu color es el verde; es menos común que el azul y el rojo pero no es demasiado arriesgado. Pero si quieres ser un rebelde, hacer algo que nadie haya hecho, puedes inclinarte por el rosa o el morado, tonalidades minoritarias en las stores.

El significado de los colores

Pero acertar con el color no es una mera cuesti├│n de est├ętica o de seguir la moda en cuesti├│n de dise├▒ar aplicaciones. Debemos recordar que el color tambi├ęn es una forma de comunicar, por eso cada uno de ellos significa algo diferente. Veamos qu├ę se desprende de cada tonalidad y algunos ejemplos de apps de ├ęxito.

  • Rojo: invita a la acci├│n, a hacer algo, abre el apetito, simboliza la pasi├│n y el amor, etc. Invita a ser impulsivo porque crea sensaci├│n de urgencia.
  • Amarillo: representa felicidad y aporta optimismo.
  • Azul: Aporta serenidad y paz al cliente/usuario, aumenta la productividad. Genera una sensaci├│n de seguridad y confianza.
  • Verde: Asociado con la naturaleza, la tranquilidad y la salud. Aunque esta asociado con la riqueza y simboliza el dinero, se utiliza en marketing para serenar al cliente.
  • Morado: ├ęxito y sabidur├şa. Utilizado generalmente para representar marcas creativas y originales.
  • Naranja: Refleja emoci├│n y entusiasmo, por eso su uso se limita a llamadas a la acci├│n y para generar leads y compras impulsivas. Pero siempre siendo confiable.Dise├▒o de apps

El color en dise├▒o de apps seg├║n el sexo

Aunque cada color diga una cosa, tambi├ęn debemos tener en cuenta el sexo de nuestro usuario tipo. Los hombres no comunican igual que las mujeres, por eso el discurso que emane el dise├▒o de apps que tengamos en mente debe tener eso en cuenta.

┬┐Qu├ę colores gustan m├ís?

El azul es el color favorito del 57% de los hombres, el verde para el 14%, el negro para el 9% y el rojo para el 7%. Una clara ausencia entre los colores es el morado, del que hemos hablado antes y que esta relacionado con el ├ęxito. De hecho, el 22% afirma que ├ęste el es color que menos les gusta.

Sin embargo, el 23% de las mujeres dice que el morado es precisamente su favorito. Muy repartido con el azul, que es el favorito del 35% de f├ęminas. Empatan con los hombres al 14% con el verde, y un 9% de ellas adoran el rojo.

Pero en algo s├ş que se ponen de acuerdo hombres y mujeres, y es que los colores menos populares son los que se mueven entre el marr├│n y el naranja. Mientras que el azul sale victorioso en todos los sentidos.

En cuanto a la percepci├│n, el estudio de Hubspot tambi├ęn nos lleva a descubrir que los hombres prefieren los colores brillantes mientras que las mujeres se sienten m├ís afines a suaves o tonos pastel. Y del mismo modo el g├ęnero masculino prefiere los colores oscurecidos o sombreados, mientras que el femenino prefiere la luz y colores con luz.

Ebook 5 Checklist App

Dise├▒o de apps y el daltonismo

Un aspecto que no se tiene muy en cuenta es que casi el 9% de la poblaci├│n sufre de daltonismo. Esta enfermedad afecta directamente a la capacidad de distinguir algunos colores entre s├ş. Si echamos cuentas, si no adaptamos el dise├▒o de apps a este tipo de usuarios perderemos pr├ícticamente a uno de cada 10 de los usuarios que descarguen nuestra app.

┬┐C├│mo podemos solucionarlo?

El daltonismo no consiste en ver en blanco y negro, si no que hay variantes de un color que no sabe distinguir. Por ejemplo no distinguir las hojas marrones, naranjas y amarillas de un ├írbol con la llegada del oto├▒o. Un dalt├│nico ver├şa todas del mismo color.

Por eso, muchas veces nos centramos en dise├▒os elaborados que utilizan gamas de color limitadas y que juegan con ligeras variaciones. Y eso est├í muy bien. Pero tambi├ęn deber├şamos tener en cuenta que habr├í gente para la que esta opci├│n ser├í de todo menos usable.

dise├▒o de apps
Versi├│n normal y para dalt├│nicos – Two Dots

¿Cómo podemos adaptar el diseño de apps al daltonismo? Puedes hacer un diseño estándar que sea usable para el usuario daltónico. Si no quieres complicarte tanto, habrá que darle una opción a este tipo de usuario, optimizada para una distinción más clara:

  • Puedes usar patrones adicionales: Superponer patrones a los colores es una buena idea puesto que ayuda a diferenciar mucho mejor aquello que sea confuso. Un buen ejemplo es la app m├│vil Two Dots.
  • O bien crear un dise├▒o alternativo en su totalidad: Quiz├ís sea necesario cambiar el fondo y la gama de color de toda la app.

Una forma de saber si estas optimizando bien tu diseño de apps para este tipo de usuario daltónico es convertir a una escala de grises tus diseños. Aquellas con saturación y tonalidad similares no se distinguirán. Pero las que sean lo suficientemente diferentes se distinguirán como grises bien diferenciados.

Al final de cuentas podemos resumir, que s├ş, el color en el dise├▒o de apps puede ser importante para enganchar a primera vista. E incluso para generar un cierto engagement. Tenemos que tener el color en cuenta para que encaje con nuestra marca, con nuestro target y con nuestra funci├│n principal. Pero por encima de todo esto deber├í estar la usabilidad al dise├▒ar aplicaciones.

Proyecto Dise├▒o

Escrito por

Yeeply
Yeeply

Yeeply es una plataforma premium especializada en el desarrollo de apps m├│viles y sitios webs a medida. Desde 2012 nuestros clientes nos conf├şan el desarrollo de sus proyectos, y nos apoyamos a nivel t├ęcnico en los mejores profesionales certificados: desarrolladores de aplicaciones m├│viles o web freelance, empresas de software top, y agencias mobile m├ís punteras. ┬íCrear una app o crear una web nunca ha sido tan r├ípido, confidencial y seguro como con Yeeply! Publica tu proyecto de software en Yeeply y deja que nuestro equipo te ayude durante todo el proceso.