Usabilidad de iconos y buenas practicas para su diseño

tips diseño de iconos
La importancia de un buen diseño de iconos para mejorar la usabilidad y algunos consejos.

El mundo de los productos físicos y digitales esta inundado de iconos y por una buena razón: Las imágenes conllevan un significado con una velocidad a la que las palabras no pueden compararse. de hecho, neurocientificos del MIT han encontrado que el cerebro humano puede procesar una imagen en tan poco como 13 mililegundos.

Desafortunadamente, hay ocasiones en que los iconos que encontramos tienen un diseño pobre, dejándonos perplejos y frustrados. Sin embargo, cuando se diseña con cuidado, los iconos pueden mejorar la usabilidad al reducir la ambigüedad y comunicar funcionalmente.

Universal icon design for security enhancing icon usability
El icono chino de "Seguridad" es reconocible automáticamente para quien no habla el idioma.

El objetivo de la usabilidad de los iconos es mejorar la experiencia de usuario, n confundirlo.


Un buen diseño mejora la usabilidad

Los iconos son abstracciones, simplifican objetos, ideas y comandos en símbolos gráficos que pueden ser identificados rápidamente por el usuario. Ten cuenta:

Los iconos deben ser fáciles de ver y usar.

Los iconos deben crear cohesión a la experiencia dentro de un producto.

Los iconos funcionan como pistas contextuales cross-cuturales.

Los iconos mejoran y extienden la presencia visual de la marca.

Los iconos cripticos hacen desagradable el uso del producto.
Snapchat screenshot icon design meaning
Un ejemplo de iconos cripticos. En Snapchat este icono denota cuando se ha tomado un screenshot, encima de que el dibujo en si no representa un screenshot, hay 3 variaciones de color apra confundir mas aun las cosas.


10 principios para el diseño de iconos

1.Trabaja en entender las funciones con las que el icono estará asociado.

2. Evita diseñar un solo icono a la vez. En lugar de eso, intenta trabajar en el conjunto de iconos de manera tal de que puedas producir algo cohesivo y evitar confusiones.

3. Olvídate de la computadora y da los primeros pasos para desarrollar ideas con dibujos a mano.

Icon design concept sketches

4. No reinventes la rueda. Apunta a símbolos universalmente reconocidos y no tengas miedo de utilizar sets de iconos existentes como los de Font Awesome o Flat Icons.

5. Cuando uses set de iconos stock, estas en libertad de modificarlos para alinearlos a la marca siempre y cuando no sacrifiques la claridad del mensaje.

6. Utiliza etiquetas de texto donde sea apropiado para aumentar la usabilidad.

7. No sacrifiques la facilidad de uso por diseños llamativos.

8. Considera como encajan los iconos en la jerarquía del diseño interfaz y no olvides que diferentes tamaños de pantalla pueden afectar la visibilidad del icono debido al escalado.

9. Recuerda la regla de los 5 segundos. Cuando crees conceptos de iconos, intenta pensar en asociaciones simbólicas en menos de 5 minutos. De lo contrario a conexión entre palabra, acción y símbolo podría ser débil.

10. Prueba los iconos con personas reales. ¿Son reconocibles? ¿Son faciles de recordar? Sino, debes seguir trabajando.



Fuente: Toptal




Comentarios