Como utilizar los iconos para mejorar el diseño de su web
Una imagen vale más que mil palabras, y en la web sucede claramente.
Iconos para mejorar el contenido
Los iconos pueden ser elementos decisivos en el diseño de su web, ya que pueden funcionar como un respiro para el contenido y pueden servir como guía visual para el lector. Los usuarios primero ojean el contenido y después deciden que leer. En la mayoría de los casos el visitante simplemente pulsan en un enlace y se va. El contenido solo no es suficiente, tiene que estar estructurado para sea más cómodo para el lector.
Los iconos hacen el contenido menos intimidante y divide el contenido en bloques que el usuario es mejor de asimilar y entender.
Los iconos deben acompañar al contenido y aportarle valor, no pueden servir para distraer la atención del lector.
Iconos para embellecer las listas
Una lista mal diseñada, puede arruinar la estructura general de la página. Con la ayuda de los iconos se puede lograr presentaciones atractivas y coherentes.
Iconos para señalar las nuevas características de sus aplicaciones
Utilizando iconos para ayudar a entender de manera simple las características nuevas. Un icono puede ser un buen cebo para que sus visitantes se interesen en algo que de otro modo podría pasar desapecibido.
Icono para apoyar los principales enlaces
Las cabeceras grandes son visualmente muy atractivas, una gran línea con iconos adecuados ayudará a los visitantes en su primera visita.
Iconos para visualizar la lista de productos
Iconos para la lista de servicios
Iconos para redes sociales
Iconos como ilustraciones de cabecera
Iconos para identificar secciones
Iconos en los menús
Una pequeña imagen puede ayudar en gran medida a reconocer las distintas opciones que se le ofrecen
Artículo original : How tu use icons to enhace your desings
Lo más leído
- ¿Cómo adapto un interfaz web para móvil?
- Landing Page. La primera impresión es lo que cuenta. 30 Tips
- Cómo maquetar un correo electrónico HTML para los distintos clientes
- Diseño de botones call-to-action, las claves del éxito
¿Disfrutaste esta entrada? Por qué no dejas un comentario abajo y continúas la conversación, o te suscríbes a mi feed y obtienes los artículos como este enviados automáticamente cada día hacia tu lector de feeds.
Trackbacks & Pingbacks
[...] ello diseñamos la navegación, los procesos, la iconografía de la forma más intuitiva, y de forma que no se pierdan en el proceso, sacrificando en muchos [...]
[...] icono adecuado logrará no solo atraer la atención de los usuarios, sino que reforzará de manera importante el [...]
Factores que afectan para aparecer en google en tiempo real…
Gracias por el artículo. Sigo buscando información sobre el tema. De momento he añadir un Trackback en mi blog….
[...] propio diseño y nos faciliten el desarrollo. En el caso de los iconos, además de la dificultad de encontrar el adecuado, tenemos que estar muy atentos a los derechos de [...]
Comentarios
Deja un comentario
Saltos de línea automáticos, la dirección de email nunca será publicada, HTML permitido: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
Si, como dices, “Las cabeceras grandes son visualmente muy atractivas, una gran línea con iconos adecuados ayudará a los visitantes en su primera visita.”
…¿Entonces por qué vuestra cabecera (la de inclusion.es) no es grande ni contiene iconos?
Me parece una información muy importante y muy valiosa ya que nos permite conocer más sobre este tema.