Cómo utilizar los iconos en el diseño UX

iconos de diseño ux

Los iconos pueden ser dispositivos muy útiles para identificar rápidamente las funciones en el diseño de UX, pero hay que tener cuidado con lo que se usa y cómo se usa, ya que pueden resultar rápidamente confusos e incluso disuadir de su uso si la gente deja de confiar en ellos o de entenderlos.

Los iconos pueden clasificarse en tres categorías;

  1. Universalque, como su nombre indica, son amplia y fácilmente reconocibles e inequívocos; por desgracia, hay muy pocos (el símbolo de la casa y la lupa de la búsqueda son dos claros ejemplos).
  2. Único cuando se ha desarrollado un icono para un uso particular en un sitio concreto. Aunque no son fácilmente reconocibles, tienen la ventaja de que, si se utilizan mucho, los visitantes se familiarizarán rápidamente con su propósito y designación.
  3. Iconos conflictivosEsto ocurre cuando el mismo icono se utiliza para diferentes cosas en diferentes sitios. Ejemplos de este tipo pueden ser el icono del bolígrafo, que puede significar "escríbenos" o "rellena un formulario", o la flecha inversa, que puede significar "deshacer" o "volver".

Los iconos pueden explicarse con etiquetas de texto que describan lo que hacen; aunque esto, hasta cierto punto, contradice el propósito, puede ser útil para establecer una relación y una asociación y, si se utiliza lo suficiente, el icono puede tener cierta tracción en la mente de los usuarios. Si está diseñando nuevos iconos para las funciones de su sitio, es muy importante que tenga en cuenta que tiene que haber alguna correlación entre el icono y la función que la gente pueda relacionar y recordar; siempre es útil investigar los iconos de funciones similares en otros sitios. Si puede producir algo que sugiera el uso y conecte con otros tipos que los usuarios ya han visto utilizar, habrá más posibilidades de que el suyo se incorpore.

Otras características importantes de los iconos que hay que tener en cuenta a la hora de incorporarlos a su diseño UX son:

  • Asegúrate de que el área de destino es lo suficientemente grande como para que la gente acierte; no hay nada más frustrante que tener que dar varias puñaladas a un botón y tener que ampliarlo de todos modos. Deja también suficiente espacio entre los iconos para que los usuarios no se equivoquen continuamente de botón, otra fuente constante de frustración.
  • Si utiliza etiquetas de texto, asegúrese de que el icono esté a la izquierda del texto y lo suficientemente cerca como para que se asocie directamente con él y no confunda como una posible alternativa.
  • Los iconos que funcionan bien son sencillos, sin grandes detalles ni adornos, pero con una fuerte sugerencia de la forma y la naturaleza del objeto representativo.
  • Siempre merece la pena probar los iconos con personas que no han estado expuestas a ellos previamente. Esto puede proporcionar mucha información sobre la relacionabilidad, el tamaño, el posicionamiento, la visibilidad y la expectativa, y ayudarle a desarrollar iconos que funcionen a todos los niveles.

Los iconos pueden ser una gran baza en el diseño UX de su sitio web, especialmente si trabaja con un espacio limitado, como en el caso de las aplicaciones móviles. Si quieres saber más sobre su desarrollo y uso, ponte en contacto con nosotros en hello@ux247.com.

Entradas relacionadas