Tanto los diseñadores como los usuarios de interfaces gráficas de usuario conocen el poder de los detalles. Entre ellos, los iconos son los que no hay que subestimar. Siendo pequeños y pasando a veces desapercibidos, son los fieles portadores de significado. Están en la base de la navegación intuitiva y hacen que los productos sean cercanos a sus usuarios. Los iconos siempre están ahí para ayudarnos a escanear la interfaz, a encontrar las opciones necesarias, a mejorar la jerarquía visual de las aplicaciones y los sitios web. Y la mayoría de los usuarios ni siquiera imaginan cuánto poder creativo, tiempo e investigación se invierte en los iconos de la interfaz, que son realmente útiles, claros y atractivos.
El famoso entrenador John Wooden dijo: “Los pequeños detalles son vitales. Los pequeños detalles hacen que las grandes cosas sucedan”. En el diseño de la interfaz de usuario ocurre lo mismo: los detalles más pequeños pueden tener un gran impacto en la conversión, la usabilidad y la armonía visual. Y los iconos están definitivamente en la cima de esta cuestión. Vamos a sumergirnos en algunas ideas sobre su historia, clasificación y funciones.
El término “icono” tiene un amplio significado. El diccionario Merriam-Webster ofrece dos explicaciones que de alguna manera reflejan su paso del mundo físico al diseño digital: “a: un signo (como una palabra o un símbolo gráfico) cuya forma sugiere su significado; b: un símbolo gráfico en la pantalla de un ordenador que representa un objeto (como un archivo) o una función (como la orden de borrar)”. A partir de ahí, los iconos pueden describirse como imágenes simbólicas que satisfacen necesidades particulares de comunicación.
Los signos pueden adoptar muchas formas. Pueden ser palabras, números, sonidos, fotografías, pinturas y señales de tráfico, entre otras. Sin embargo, aunque los signos pueden ser muchas cosas, pueden clasificarse en unos pocos tipos.
En las últimas semanas he hablado de los iconos. He hablado de ellos en general y luego específicamente del icono de la hamburguesa. La semana pasada comencé una mirada a la semiótica y esta semana me gustaría continuar esa mirada.
Charles Sanders Peirce, uno de los fundadores de la semiótica, clasificó los signos en tres tipos. Más recientemente, la profesora Yvonne Rogers propuso cuatro categorías de representación icónica que encajan perfectamente con los tres tipos de Peirce. En este artículo, analizaré ambas categorías.
En caso de que no hayas leído el post de la semana pasada, permíteme ofrecer un rápido recordatorio sobre cómo la semiótica define un signo. Un signo es cualquier cosa que crea significado. Es cualquier cosa que pueda utilizarse para representar otra cosa.
Peirce añadió una tercera parte, el interpretante o lo que el público hace del signo o el sentido de lo que realmente se comunica. Si quieres más detalles, te remito de nuevo al post de la semana pasada. Todo lo que sigue aquí se aplica al significante o a la forma de un signo.
Los iconos en las interfaces de usuario son elementos que no se pueden sobrevalorar. Pequeños y significativos, resuelven numerosos problemas. Se convierten en pequeñas claves de usabilidad y navegación intuitiva. Y sólo los diseñadores saben cuánto tiempo y esfuerzo se necesita para hacerlos sencillos, útiles y expresivos.
El gurú del diseño de la experiencia del usuario, Steve Jobs, dijo: “Los detalles importan, vale la pena esperar para hacerlo bien”. Obviamente, los iconos están en la cima de los detalles que hacen que la interfaz sea usable y navegable. Así que hoy vamos a hablar de cuáles son sus tipos y cómo se pueden utilizar en las interfaces.
En términos generales, un icono puede definirse como una imagen que tiene un alto valor simbólico y se utiliza con fines de comunicación. Los iconos presentan signos que son informativos y apoyan el intercambio de datos entre el informador y el destinatario junto con palabras y frases: mientras que la copia se sirve con letras o caracteres, los iconos se comunican a través de las imágenes que muestran un parecido pictórico con un objeto del mundo físico. En la informática y el diseño digital, los iconos son pictogramas o ideogramas que se utilizan en la interfaz de la web o del móvil para favorecer su usabilidad y facilitar el flujo satisfactorio de la interacción persona-ordenador.
Los iconos son una parte vital de muchas interfaces, expresando visualmente objetos, acciones y pensamientos. Mientras están terminados eficazmente, hablan de la idea central y el motivo de un producto o acción, y traen un montón de bendiciones finas a las interfaces de las personas, lo que incluye el ahorro de espacio en la pantalla y la mejora del atractivo estético.
La mayoría de las aplicaciones y sitios web tienen iconos. Es una muestra de diseño que resulta familiar a los clientes. A pesar de estos beneficios, los iconos pueden causar problemas de usabilidad cuando los diseñadores ocultan la capacidad detrás de los iconos que son difíciles de entender. La primera actividad de un icono es guiar a los clientes hacia el lugar al que deben dirigirse, y en este texto, veremos lo que se necesita para hacerlo posible.
Los iconos pueden añadir un montón de personas incluso a los diseños más minimalistas. Aprender a utilizar los iconos le permite aplicarlos para mejorar el disfrute del usuario y hacer que su mercancía sea más utilizable. Entender los diferentes tipos de iconos (iconos glíficos, iconos definidos, iconos establecidos, iconos conflictivos y otros tipos), cómo se usan de alta calidad y qué hace que un icono sea “excelente” te ayudará a ponerlos en vigor de forma efectiva para tus diseños UX.