La importancia de la iconografía en el Diseño Web

La iconografía te puede ayudar a diferenciar tu página web además de personalizarla y ayudar a los usuarios a navegar por ella de manera más práctica.

A día de hoy estamos más que acostumbrados a ver iconos tanto en tema web como en otros ámbitos gráficos dentro del mundo del diseño. No es de extrañar. Nos permiten captar la atención en un breve golpe de vista y dar la información de una manera mucho más rápida y visual. Por no hablar de que a veces pueden funcionar totalmente como sustitutos las palabras, realmente útil en circunstancias en las que disponemos de poco espacio o queremos mostrar muchas opciones a golpe de vista. Y es que estamos tan acostumbrados a usar iconos en nuestro día a día que… ¿quién no entiende cuando ve un reloj que estamos hablando de horario, o un sobre cuando nos referimos a un email?

Actualmente tenemos gran variedad de fuentes de iconos como puede ser Font Awesome, Font Elegant, Linea Icons… muy comunes en el diseño y desarrollo web. Estas fuentes nos son de gran utilidad, ya que, además de ser gratuitas, son tan habituales que los usuarios web se han acostumbrado a verlas en tantos sitios que pueden entender qué representa cada imagen en milisegundos. No es discutible que para situaciones en las que tenemos poco espacio o queremos dar información en un tamaño reducido, como puede ser el “pie” de una página web, alguna barra superior con información/llamada a la acción o una ventana emergente donde pedimos datos a nuestros usuarios, son sin duda la mejor apuesta. Claro y conciso.  Pero… ¿Qué pasa cuando va a tener más importancia visual que apenas 20px?

Iconos Personalizados Diseño Web - Conciencia y Nutrición

Ejemplo de de iconos personalizados para la web Conciencia y Nutrición

Hay veces que necesitamos apoyarnos en iconos para transmitir lo que queremos. Aparte de ser útiles para sustituirlos por palabras, también lo son a la hora de informarnos de qué va un párrafo en un simple golpe de vista. Si estamos en una tienda online y vemos un icono de una furgoneta acompañado de un bloque de texto, sabemos que nos está hablando del envío. Así, rápidamente el usuario sabrá si le interesa ese texto o no. En estas situaciones, podríamos recurrir a iconos de cualquier fuente. Todas ellas tienen un icono de furgoneta, pero… ¿No te parece que si le vamos a dar la misma importancia que al texto debería de transmitir más sobre nosotros que un icono que cualquier persona puede utilizar? Hoy en día estamos acostumbrados a leer totalmente en diagonal y solo leemos lo que tenemos claro que nos interesa. Por ello, debemos de hacer todo lo posible para llamar la atención del usuario y… ¿hay algo que llame más la atención que una imagen?

Además de dar vida y color a la web y transmitir la información de una manera más rápida tenemos otra ventaja. Tenemos una oportunidad: transmitir nuestra marca a la vez que nuestras ideas. Dar una imagen mucho más personal de nosotros mismos y diferenciarnos mediante una iconografía acorde con nuestra identidad. Jugar con nuestros colores corporativos y la estética de nuestra imagen a la hora de realizar la iconografía nos dota de una notable personalidad, refuerza nuestra marca. Cualquiera que nos conozca y vea un icono, lo asociará rápidamente con nuestra empresa y, quién no nos conozca, no cabe duda de que se interesará, ya que con un simple gesto, estás dando una muestra de que te preocupa tu carta de presentación, tu imagen.

Iconos Personalizados Diseño Web - Bandegel

Ejemplo de de iconos personalizados para la web Bandegel

Estamos en unos tiempos en el que la imagen está adquiriendo un valor de gran peso en la sociedad. Tenemos la oportunidad de marcar la diferencia… ¿La vamos a perder?

Si quieres que trabajemos la iconografía de tu página, aquí estamos, a tu disposición, como siempre a golpe de click.