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