ProyectoWeb - Sobre Diseño de Interacción, Usabilidad y AI
Suscribirse Suscribirse al Boletín



 
Año 2 - Boletín Nro 35 - jueves 27 de marzo de 2003
Usando íconos en el diseño de interfaces

Los íconos no son meros elementos decorativos, sino parte esencial de los mecanismos de interacción de cualquier interfaz que deben ser diseñados cuidadosamente. Aunque los íconos tienen limitaciones, su uso adecuado aporta grandes ventajas.

Por Eduardo Manchón
de www.alzado.org


Los íconos sustituyen a una unidad de significado (idea, concepto, acción…) que representada con texto ocuparía más espacio. Esa es su principal ventaja: multiplicidad de significados en el menor espacio posible, lo cual es de gran utilidad en interfaces en las que es muy importante obtener, con rapidez, una funcionalidad máxima, generalmente aplicaciones.

El significado de la mayoría de los íconos debe ser aprendido, pero esto no es problema cuando el uso es muy frecuente y repetido, o cuando existe una alta motivación extrínseca, razones de trabajo o estudio.

Los íconos también son adecuados para interfaces que ponderan su aspecto visual y no tanto la operatividad. Cuando despertar la curiosidad del usuario forma parte integral del objetivo del sitio o cuando se desea que el visitante investigue y descubra por sí mismo el funcionamiento de la interfaz, los íconos juegan un papel primordial.

Iconos en la web

En la mayoría de las webs no hay una frecuencia de uso tan alta y tan repetitiva como la de las aplicaciones. Por tanto, si deseamos utilizar íconos, estos deben ser apoyados con textos que aclaren su significado.

Los íconos son representaciones o metáforas y como todas las metáforas tienen una serie de limitaciones.

Limitaciones

A pesar de la creencia común, los íconos no se reconocen más rápido que los textos. Incluso con experiencia de uso, la velocidad de reconocimiento de uno y otro elementos es la misma.Los novatos en el uso de Internet cometen significativamente más errores en el reconocimiento de íconos que en el de textos. Ello puede resultar frustrante en una primera visita a una página web, tras la cual puede que el usuario decida no retornar a ese sitio. Sin embargo, en el caso de las aplicaciones, en las que el usuario tiene la motivación del aprendizaje y las operaciones son más repetitivas, la situación no llega a ser tan grave.Los íconos son siempre subjetivos, están sujetos a la interpretación individual de cada persona, a partir de su experiencia. Nunca son totalmente claros e inequívocos, y siempre existe el riesgo de malentenderlos. Por esta razón no se recomienda usar íconos para operaciones críticas.Se basan en representaciones equivalentes del mundo físico o convenciones para explicar un concepto o idea. Pero ¿cómo representar un concepto que no tiene tal equivalente?Los íconos no escalan adecuadamente con el crecimiento del sitio. Aunque con ellos es fácil representar una única idea simple, cuando se trata de muchas ideas, complejas o similares, la cosa no es igual, sus significados se confunden y se hacen enigmáticos.Los íconos como representaciones son pura intuición, a veces funcionan perfectamente y a veces no, no siempre se puede confiar en ellos como método de interacción con el usuario.

La accesibilidad de una página web para discapacitados psíquicos puede quedar trunca por el uso de íconos, ya que éstos pueden resultarles incomprensibles.

Conclusiones de estudios realizados

- No existen diferencias significativas en rapidez o exactitud refiriéndonos al reconocimiento de textos e íconos. En los usuarios novatos los íconos suelen requerir de más tiempo que los textos para ser identificados, pero con la experiencia ese lapso llega a ser idéntico para ambos casos.- El número de errores cometidos en la identificación de íconos fue significativamente mayor que en la de textos. Ese factor también llega a igualarse con la experiencia.

- Los usuarios pueden identificar correctamente los íconos cuando su número es reducido, pero no cuando la comunicación es exclusivamente mediante ellos.

Desarrollar y realizar test para íconos

Debido a los riesgos de interpretación de los íconos, su adecuado diseño no puede depender únicamente de la inspiración o preferencias de diseñadores o los responsables del sitio. Es necesaria la creación de varios diseños o prototipos para cada caso y la realización de tests con usuarios reales en un proceso iterativo de diseño-test-rediseño. (17-02-2003) 

Referencias bibliográficas:
- Benbasat, I., and Todd, P.
An experimental investigation of interface design alternatives: Icon vs. Text and direct manipulation vs. Menus., International Journal of Man-Machine Studies, 1993 Kellener & Barnes
- Rogers, Y. (1989).
Icons at the interface: their usefulness. Interacting with Computers, 1(1), 105-117.

Ver Además:
- Desarrollando iconos de Cesar Martín. Ejemplo real de fases de desarrollo de iconos y pruebas con usuarios.
http://www.alzado.org/imgconts/autor_id3/iconos.pdf

-
Icon Usability de Nielsen,J.
http://www.useit.com/papers/sun/icons.html

ProyectoWeb - Usando íconos en el diseño de interfaces

:: Portada
:: Agenda
:: Boletines por fecha

:: Lista de Correo (PWlist)
:: Tumblelog nueva ventana
:: ¿Quiénes Somos?

:: Contactar


2da Mesa Redonda Internacional - Una Web para Todos. La Habana
2da Mesa redonda Internacional de ProyectoWeb "Una Web para Todos". La Habana. abril 2008


Eventos
:: 1er Enc. Iberoamericano de
Diseño de Comunicación

- mayo de 2006 nueva ventana

:: 1ra Mesa Redonda Internacional "Una Web para Todos" - abril de 2006 nueva ventana

Día Mundial de la Usabilidad:
Evento Teórico "Por un Diseño Web Accesible y Universal"
:: 2005 - Relatoría nueva ventana
:: 2006
nueva ventana


Nos visitaron
:: Juan Leal - 2005
::
Nacho Puell - 2005
:: Jesús Carrera - 2006 nueva ventana
::
Jorge Barahona - 2006 nueva ventana



Web Afines
:: Happyuser nueva ventana
:: Lista de Cadius nueva ventana
:: NoSoloUsabilidad nueva ventana
:: Alzado nueva ventana
:: Pablo Impallari nueva ventana
:: UsoLab nueva ventana
:: Jarango.com nueva ventana
:: Véaseademás nueva ventana
:: Inusual nueva ventana
:: seisdeagosto.com nueva ventana
:: Usalo nueva ventana
:: Denken Über nueva ventana
:: Terremoto.net nueva ventana
:: dnxgroup nueva ventana
:: Biguel nueva ventana
:: SIDAR
nueva ventana
:: Usespanol nueva ventana
:: Nethodical nueva ventana
:: Macadamia nueva ventana
:: abcweb nueva ventana
:: Usable nueva ventana
:: Cadius Zaragoza nueva ventana



De Cuba
:: PROGRAFICA cubana nueva ventana
Organización interesada en trabajar en la promoción del Diseño Gráfico.



Sindicación RSS Feed
:: ProyectoWeb
:: Tumblelog


Recomendamos
:: Mozilla Firefox nueva ventana
:: Del.icio.us nueva ventana - Bookmarks
:: FutureMail nueva ventana - Notificador
:: Ovillo nueva ventana - Lista de Correo sobre estándares web en castellano

Redes Sociales
:: Estamos en Facebook
:: Comunidad en Ning
............................................

Portada | Agenda | Boletín por fecha | Suscribirse al Boletín nueva ventana
Lista de Correo | Tumblelog nueva ventana | ¿Quiénes Somos? | Contactar


RSS Feed:
ProyectoWeb | Tumblelog

ProyectoWeb - Sobre Diseño de Interacción, Usabilidad y AI - La Habana. Cuba
Creado en octubre de 2001
Correo Electrónico: info@proyectoweb.org
http://www.proyectoweb.org - http://www.proyectoweb.cubaweb.cu

ProyectoWeb, Sobre Diseño de Interacción, Usabilidad y AI