Interactive examples

Dos mapas de energía interactivos, una diferencia: usabilidad

• english

Recientemente me topé con dos mapas interactivos de energía, uno hecho por “The Environmental Defense Fund (EDF)” que rastrea la quema de combustible sucio en Nueva York, y el otro hecho por la “Renewable Energy Policy Network for the 21st Century (REN21)”, el cual despliega una amplia gama de información de energía renovable alrededor del mundo. Ambos mapas despliegan incontable puntos de información en un mapa, pero luego de jugar con ambos es evidente que decisiones con respecto al UI y el diseño de la interacción resultó en dos experiencias de usuarios drásticamente diferentes.

El mapa de EDF fue creado por Vu Nguyen de MSNBC. Pueden leer más acerca de los componentes técnicos del mapa en su blog, BiofusionDesign. Aunque los puntos de información parecen demasiados al principio, los usuarios pueden usualmente cambiar el tamaño del mapa y moverlo para una vista más fácil de digerir. La interfaz reacciona instantáneamente con cada interacción, lo que siempre se aprecia. El paquete está bien diseñado, y el esquema de color es agradable a la vista.

Los residentes de Nueva York pueden tener una experiencia única a ellos ingresando su dirección para ver su edificio está quemando combustible sucio. Este es un excelente componente y estoy segura de que es uno que vale la pena, ya que los usuarios se involucran en el tema. Más aún, también el mapa llama a la acción, permitiendo a los usuarios contactar su compañía de administración y al Alcalde Bloomberg acerca de la información que obtuvieron en el mapa.

El objetivo del mapa de REN21 es mostrar visualmente una “gran cantidad de información sobre energía renovable, incluyendo políticas de apoyo, metas de expansión, acciones actuales, capacidad instalada, producción actual, escenarios futuros y promesas de políticas.” Pueden leer más acerca del mapa en su reciente comunicado de prensa.

A diferencia del mapa de combustible, el mapa interactivo de REN21 es un poco desalentador, por decir lo menos. Aunque la audiencia es probablemente un poco más sofisticada que la del mapa anterior, la usabilidad es aún bastante limitada. La función del zoom es torpe, y la paleta de colores es un poco abrumadora. Entiendo que los colores corresponden a las secciones del sitio Web principal, pero la extensa cantidad de amarillo me distrae del mapa blanco, que es donde debiera enfocarme.

Ellos organizaron su contenido en una lista de 11 categorías, co una gran cantidad de títulos cortados debido al poco ancho. Más aún, la columna de la derecha de más o menos 160 pixeles es una pérdida, a no ser que los usuarios presionen el perfil de un país, que luego despliega la misma información que la la caja. Yo sugeriría que ese espacio extra fuera utilizado para agrandar la navegación vertical de la izquierda para dedicar aproximadamente 300 px a la navegación y 630 al mapa.

Los colores de interacción del mapa también me confunden. Cuando uno presiona sobre un ítem de la lista de navegación, aparece una marca comprobación de color verde agua. Por lo tanto, asumo que mi selección será verde agua. Sin embargo, el mapa cambia entre verde agua, morado y gris, por lo que no estoy segura del significado de cada uno. El pop-up también es un poco esporádico con respecto a cuando aparece, y asumo que es porque hay un poco de espera en el tiempo de respuesta.

A continuación hay un vídeo que crearon para demostrar la funcionalidad del mapa. Personalmente creo que un narrador hablando sobre la imagen hubiera sido más útil que las cajas de texto.

Tutorial Video_Renewables interactive map
by Renewable21

Personalmente sé que mucho tiempo de programación es dedicado para estos interactivos, por lo que quiero aplaudir ambos esfuerzos. El mapa aún está en su versión beta, por lo que espero ansiosa el cómo va a cambiar y evolucionar en el tiempo. Me interesaría saber si hicieron pruebas de usabilidad para esta versión, ya que parecen más preocupados con la información entregada que con el diseño y la usabilidad.

Entonces, qué piensan de los mapas?¿Están de acuerdo o no con mi crítica al mapa de REN21?

Other posts that might interest you:

• Vu Nguyen, editor interactivo de MSNBC, discute el mapa de seguimiento del estímulo
• Toyota Why Not? Innovation Experience incorporates user input into interactive contest
• “CNN Chllenge” prueba el conocimiento de los usuarios en un ambiente interactivo

© 19 January 2010 Innovative Interactivity (II).