El arte de los íconos de la tienda de aplicaciones

Publicado: 2020-04-14

Los íconos de la tienda de aplicaciones son la cara de las aplicaciones. Todo su arduo trabajo y todas sus horas de GitHub se reducen a un pequeño cuadrado de 1024 x 1024. La creación de un gran ícono es bastante reconocida como una de las mejores cosas que puede hacer para la optimización de la tienda de aplicaciones (ASO). ¿Traducción? Su icono es lo último entre los desarrolladores y los ricos por encima de la línea de pobreza. Así que vamos a repasar algunas de las mejores prácticas que puede aplicar para hacer que el diseño de su icono brille (metafóricamente).

Por qué es importante

este es un banco muy importante
Imagen vía Flickr

Antes de entrar en lo que dice Apple sobre los íconos (no mucho) y lo que otras personas dicen sobre los íconos (muchos, muchos), ¿por qué es tan importante el diseño de íconos? Es una pregunta justa.

En primer lugar, una imagen vale más que mil palabras, y si un usuario se desplaza por docenas o cientos de aplicaciones a la vez, su icono debe destacarse. Eso es bastante obvio. Este desafío se ha vuelto aún más pertinente desde que Apple lanzó su actualización de iOS 8 en 2014. El cambio al desplazamiento continuo significa que los usuarios pueden moverse a través de las aplicaciones mucho más rápido que antes.

¿El resultado? Menos tiempo por aplicación, por lo que realmente necesita clavar sus imágenes y capturas de pantalla.

Lo que Apple tiene que decir

Entonces, ¿qué tiene que decir Apple sobre el tema? Un vistazo rápido a la Biblioteca de desarrollo de iOS y tienen una sección completa sobre íconos de aplicaciones. La mayor parte se trata de hacer que el ícono se vea bien una vez que está en el dispositivo, en lugar de en la App Store, pero ofrecen algunos consejos de muy alto nivel como:

“Cree una interpretación abstracta de la idea principal de su aplicación”
“Si quieres retratar sustancias reales, hazlo con precisión”

Por lo tanto, Apple no está dando consejos prácticos exactamente, pero es un buen lugar para comenzar; esencialmente, no use una imagen y haga que su ícono esté relacionado de manera tangible con lo que quiere que los usuarios vean en su aplicación.
Por ejemplo, Desk (del que hablé la semana pasada) tiene un gran icono. Es una máquina de escribir diminuta y, sin saber nada sobre el producto, diría que la mayoría de la gente pensaría que tiene algo que ver con la escritura o el procesamiento de textos. ¿Ver? Relacionado tangiblemente.

Al final del día, Apple es un poco hermético sobre lo que hace un buen ícono.

Mejores prácticas de íconos de aplicaciones (¡con ejemplos!)

Entonces, ¿qué deberías estar haciendo para ayudar a transmitir toda la genialidad de tu aplicación al mundo exterior?

Diseño general

Si bien hay muchos trucos para sobresalir, como agregar una etiqueta 'gratis' o usar el personaje principal (más sobre esto más adelante), también hay algunas pautas básicas de diseño que debe seguir. Naturalmente, todos estos se pueden romper con excelentes resultados, pero en su mayor parte:

Considere tener un borde, para que una vez que su aplicación se descargue, se vea bien sin importar cuál sea el fondo.
No hagas tu logo transparente. Reducirá la legibilidad
No uses palabras, simplemente se perderán en tamaños más pequeños.
No haga que su ícono sea brillante, hará que gran parte sea invisible
Mantenlo simple: los íconos de las aplicaciones son pequeños y los detalles se pierden

Destacar

Es más fácil decirlo que hacerlo, lo sé. Independientemente, sigue siendo una de las funciones principales de su ícono: diferenciarse y hacer que el usuario toque su aplicación sobre todas las demás.
Piensa en ello de esta manera. Hay 1,2 millones (más o menos) de aplicaciones en la tienda de aplicaciones; es poco probable que usted sea el único que ofrezca su producto. Entonces, ¿cómo sabe la gente que tienes la mejor aplicación de calculadora en comparación con otras? Tu icono, así es.
Por ejemplo, aquí hay una captura de pantalla de los resultados de búsqueda de aplicaciones de calculadora para iPhone.

¿Sabes lo que me llama la atención? La etiqueta 'gratis' en la aplicación de calculadora.
captura de pantalla de la calculadora editada
Es más que un poco ridículo ya que la gran mayoría de las aplicaciones en la tienda de aplicaciones son gratuitas, pero aun así, al ponerle esa pequeña etiqueta, automáticamente me hace pensar que si están etiquetadas como gratuitas, entonces el resto no debe serlo . . Y esa diferencia de una fracción de segundo es realmente todo lo que necesitas en la tienda de aplicaciones.

Cambialo

Pescado salpicado

No demasiado, pero cambiar un poco el ícono de la aplicación es una excelente manera de revitalizar las descargas. Los iconos de temporada son el mejor ejemplo de ello.

El pasado Halloween, por ejemplo, Splashy Fish cambió su icono para que fuera más Halloween. Es un pequeño cambio, pero si eres el propietario de una aplicación conocida, entonces podría ser justo lo que necesitas para aumentar tus descargas.

Marca

Si tiene un valor de marca sólido, la marca simple es una excelente manera de hacerlo. Pero recuerda: mantenlo realmente simple. Nike, por ejemplo, hace un muy buen trabajo con esto: esto es lo que sucede cuando los buscas:
Aplicaciones Nike
Hace que sea casi instantáneamente reconocible qué aplicaciones son suyas, así que si estoy buscando algo de Nike, entonces es bueno y rápido. Además, dado que son una marca increíblemente confiable, la marca para ellos tiene mucho sentido.

Otro punto sobre la marca es que si ese es el camino que vas a seguir (con suerte) en el futuro, elige algo que se pueda adaptar a muchos entornos diferentes. El logotipo de Nike, por ejemplo, encaja perfectamente en muchos íconos de aplicaciones diferentes.
icono de choque de clanes

El ícono de Clash of Clans, por el contrario, no es tan flexible, y aunque puede haber una excepción para los íconos de juegos que presentan personajes principales, diría que hay que ser precavido cuando se trata de íconos de personajes muy estilizados.

Marca Piggy-Backing

Esta es una forma divertida de obtener un mejor reconocimiento de su audiencia. (NB: no estoy defendiendo que infrinja la ley o engañe a sus usuarios, así que hágalo con precaución).

Para que tengamos claro a lo que me refiero, veamos un ejemplo. Hipstamatic es una aplicación de fotografía digital que aumenta exponencialmente la funcionalidad de su teléfono con cámara. Básicamente, es una muy buena versión de Instagram. Sabiendo que al diseñador de íconos Aravind Kaimal se le ocurrió esto:
icono hipstamático
Imagen a través de Dribbble

Está bastante claro de dónde vino su insta-ración si sabes a lo que me refiero. ¡Pero eso no es malo! Instagram ha construido esta increíble marca y su iconografía es sinónimo de imágenes filtradas, que es exactamente lo que hace Hipstamatic . Entonces, ¿por qué no capitalizar el reconocimiento de otras marcas?

Si la marca se lleva a cabo bien, como si fuera lo suficientemente similar para obtener reconocimiento y forjar el vínculo, pero lo suficientemente diferente como para que no haya clics accidentales del tipo "oh, pensé que esto era esto", entonces es una estrategia realmente excelente.

googleandroid

Por último, quería hacer un guiño a Play Store, que a menudo se descuida en el chat de la aplicación, y creo que es injusto.
~~Google en realidad tiene un~~ El ingenioso generador de íconos creado por Roman Nurik, presumiblemente para ayudarlo a hacer que su ícono sea mejor y más enfocado para Google Play Store. Me parece que, si bien no es una herramienta tan útil para la creación de aplicaciones, es una excelente herramienta para probar e iterar el ícono de su aplicación muy rápido (especialmente si no tiene un diseñador en el personal/habilidades de diseño). Así que eso es una cosa.

En segundo lugar, la mayor parte de lo que se aplica a App Store también se aplicará a Play Store.

Realmente no estamos tratando con un software diferente, estamos tratando con la psicología de lo que hace que las personas vean algo y piensen 'sí, esa es la aplicación para mí'.

En un mercado hipersaturado, eso es absolutamente dorado. (Dicho esto, por supuesto, hay algunas diferencias técnicas)

Envolver

Tu icono de App Store/Play Store es muy importante. Es una pequeña ventana de oportunidad que tiene para llamar la atención de los navegadores de la App Store y convencerlos de que sus capturas de pantalla, su video promocional, su descripción y, finalmente, descargar su aplicación valen la pena para ellos. Desafortunadamente, no existe una fórmula voluntaria para saber qué hace que un ícono de App Store sea bueno o malo. Se trata más de lo que te va a diferenciar lo suficiente como para sobresalir, pero aún así ser lo suficientemente reconocible como para que tu audiencia sepa instantáneamente lo que hace tu producto.

Eso es mucho para hacer y no hay mucho espacio para hacerlo, así que será mejor que te pongas manos a la obra.