Análisis de Uso de Espacio

Sunday 23 de April, 2006, 22:17

El análisis de uso del espacio en una página como herramienta de usabilidad fue coronado por Nielsen en su libro Homepage Usability: 50 Websites Deconstructed, en que analiza las portadas de 50 sitios. He utilizado este tipo de análisis varias veces, y siempre mi problema llegaba a la hora de calcular los porcentajes de las diferentes áreas. No es que sea algo difícil, incluso para los que no somos particularmente dotados con los números, pero es engorroso. Pues bien, hace un par de meses comencé a explorar una solución usando mi viejo amigo Director. Es que Lingo fue mi primer lenguaje de programación y trabajé bastante con él, y aún tengo una licencia no muy vieja de Director acumulando polvo. Puse manos a la obra y les muestro el resultado. Es de esas cosas que a veces se hacen casi por el puro placer de hacerlo. Sin embargo preveo una serie de usos, es más, acabo de utilizarla la semana pasada para evaluar 24 sitios para un benchmark. Casi demasiado jactanciosamente, les presento mi herramienta para analizar el uso de espacio en páginas. Todavía sin nombre, sus características son:

  • Permite importar una captura de pantalla en diversos formatos: PNG, JPEG, BMP, GIF
  • Permite dibujar múltiples zonas, eliminarlas o cambiar sus criterios
  • Utiliza los criterios de Nielsen para definir las áreas
  • Permite generar un gráfico de torta con los porcentajes para cada criterio y exportarlo como PNG, JPEG, BMP o GIF
  • Puede exportar la captura de pantalla con las áreas dibujadas en los mismos formatos
  • Puede exportar los datos en un archivo CSV para uso en planillas de cálculo

Aún faltan muchos detalles por pulir, pero funciona. Aquí van algunas pantallas:

Área de trabajo

El área de trabajo está preparada para analizar capturas de pantallas grandes, de hasta 1280×1024 píxeles. En la zona inferior, las funciones principales y la selección de criterios.

Creación de nuevo proyecto

Al crear un nuevo proyecto se importa una captura de pantalla para analizarla.

Captura de pantalla importada

Una vez importada la captura de pantalla se puede comenzar a definir las áreas. En la imagen, una captura de una ventana a 1024×768 píxeles.

Análisis de una captura

Se puede agregar las áreas necesarias y seleccionar los colores para los criterios deseados. Las áreas se pueden modificar o eliminar.

Gráfico de uso de espacio

Una vez definidas las áreas, se puede exportar un gráfico de torta con el uso de los espacios en diversos formatos.

Imagen exportada

Finalmente así es como se ve una captura analizada y exportada.

Comentarios para 'Análisis de Uso de Espacio'

  1. 1URItorresburriel, Monday 24 de April, 2006, 7:26

    Interesante acercamiento a la medición de espacios. Me ha gustado mucho.

    ¿La aplicación es tuya? ¿Está disponible o se trata de una herramienta de trabajo particular?

  2. 2URInelson, Monday 24 de April, 2006, 9:37

    Hola Dani, este es un proyecto completamente mío. No he pensado en ningún modelo de distribución simplemente porque requeriría de mucho más tiempo para dejarla usable para otras personas, tú sabes, uno puede tolerar muchas más cosas con un producto propio que los demás. En todo caso, no me cierro a la posibilidad… Mi objetivo primario para hacer esta herramienta es realizar evaluaciones masivas, ya he tenido cierta experiencia en ello y esta se suma a una aplicación en eterno desarrollo para evaluaciones heurísticas en línea.

  3. 3URIVuarnet, Monday 24 de April, 2006, 13:09

    Interesante!

    Se puede testear? ;)

  4. 4URIJuan C. Camus, Monday 24 de April, 2006, 17:27

    Muy buen trabajo, me encantaría verlo. Podrías publicar un análisis que hubieras hecho, con los detalles, para ver la forma de trabajo? Sería ideal.

  5. 5URINordic, Monday 24 de April, 2006, 18:55

    Muy interesante herramienta. No había leído casi nada de este tipo de análisis, así que voy a empaparme un poco del tema.

  6. 6URIyusef, Tuesday 25 de April, 2006, 10:02

    Muy interesante. Sería genial que finalmente decidieras distribuirla.

  7. 7URIcesar, Wednesday 26 de April, 2006, 6:25

    Estupendo,

    piensa lo de distribuir la herramienta, sería interesantísimo

  8. 8URICata, Wednesday 26 de April, 2006, 14:18

    lo distribuirias por una scoobygalleta?

  9. 9URIJorge, Thursday 27 de April, 2006, 14:35

    Hola Nelson, esta super interesante la aplicación, pero me llama la atención el espacio no utilizado. Este que puede variar de acuerdo a la resolución del monitor y los margenes laterales de cada sitio (si los tiene). Podría ser una alternativa establecer una zona de trabajo en el browser a la que posteriormente se le resten las zonas utilizadas.

    Saludos!

  10. 10URInelson, Thursday 27 de April, 2006, 15:53

    Hola Jorge, efectivamente la configuración del navegador afecta notoriamente la proporción de espacio no utilizado. Este es un factor a considerar cuando estás analizando y depende del objetivo que tengas al hacer el análisis. En el último benchmark utilicé como criterio ventanas a 1024×768px porque me interesaba ver cómo los sitios comparados se planteaban ante la tendencia creciente a usar monitores más grandes. Según TheCounter.com a marzo de este año el 60% de los usuarios utiliza monitores a 1024×768. En este caso, muchos sitios salían mal parados porque estaban diseñados para 800×600, pero la situación hubiera sido diferente si los analizaba al tamaño para el que habían sido diseñados. Finalmente, todo depende de qué es lo que estás observando, por lo mismo no es una medida absoluta ni se trata de un indicador preciso de usabilidad de un sitio.

  11. 11URIwebseeker, Tuesday 2 de May, 2006, 0:32

    ¡Fabuloso Nelson! Tengo el libro de Nielsen desde que salió hace algún tiempo ya, pero aplicarlo de esa manera es realmente genial. Felicitaciones por lograr simplificar un proceso tan arduo como ese.

  12. 12URIwebseeker, Tuesday 2 de May, 2006, 23:45

    Y por cierto, Nelson, me sumo también a los que creen que si distribuyes la herramienta sería fabuloso.

    ¡Saludos desde Venezuela!

  13. 13URIÚsalo. Usabilidad para todos » Medir el uso de pantalla en páginas de inicio, Tuesday 9 de May, 2006, 15:16

    […] Sin duda una herramienta útil para completar nuestro laboratorio de usabilidad. En el Blog de Nelson Rodríguez-Peña, el factor humano, nos presenta una herramienta para poder realizar con comodidad y precisión los análisis de uso de zonas de pantalla que propugna Nielsen. […]

  14. 14URIGocho, Wednesday 10 de May, 2006, 4:33

    Si el problema es dejarla “usable” para los demas no le veo la pega.

    Liberala bajo GPL y si alguien quiere usarla mejor ya se ocupara de modificarla él y pasar luego el código… O de contratar a alguien o de llamar algún amigo que programe en Director y tenga algo de tiempo, etc…

  15. 15URINOlo, Saturday 13 de May, 2006, 21:06

    Todos la queremos!! waaaaaa