No Es…

General

Estas ideas me vienen dando vuelta desde hace algún tiempo luego de escuchar algunos conceptos erróneos. No pretendo que sean frases para el bronce, sólo me pareció entretenido el formato:

  • Usabilidad no es preguntarle a los usuarios qué hacer, es oirlos, observarlos e interpretar sus necesidades.
  • Accesibilidad no es ponerle alt a las imágenes, es establecer una política organizacional que asegure la generación de contenido accesible.
  • Diseño Centrado en el Usuario no es ponerse en el lugar de los usuarios, es observar a usuarios de verdad y aprender a conocerlos.

Análisis de Uso de Espacio

General

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:

screen-01

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.

screen-02

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

screen-03

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.

screen-04

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

screen-05

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

exportar-final

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

Tags y Categorías

General

La definición de Technorati sobre los tags comienza con:

What’s a tag?

Think of a tag as a simple category name. People can categorize their posts, photos, and links with any tag that makes sense.

Asumo que la definición intenta simplificar el problema, pero me parece esencialmente incorrecta. Tags y categorías no son lo mismo.

El uso de tags en un rango amplio de sitios es un fenómeno reciente e interesante, pero me sorprende que la diferencia entre ambos no sea suficientemente clara para muchos. Hay sitios que utilizan tags, otros que utilizan categorías y otros que hacen uso de ambos. A continuación trataré de anotar algunos aspectos importantes de ambos esquemas para comentar sus beneficios y algunos casos en que uno sea más apropiado que otro.

Categorías

Las categorías son un sistema de asociación de contenido con uno o más temas. Permitendefinir y agrupar la información estableciendo relaciones. Las categorías tienen estructuras planas (un nivel) o jerárquicas (múltiples niveles). Establecen una relación de dependencia del tipo pertenece a.

Por ejemplo:

  • Recetas
    • Postres
      • Fruta
        • Manzanas
        • Peras
        • Naranjas
        • Sandías

Tags

Los tags, o keywords, son términos simples que hablan de una propiedad o característica de la información, pero no la define ni la agrupa jerárquicamente. Es información sobre la información, o un metadato. Un nodo o unidad de información puede tener uno o más tags, relacionados o no, cada uno de los cuales se refiere a una característica específica del objeto, pero que no lo clasifica o categoriza. Por ejemplo:

Manzanas
fruta, vegetales, postre, verde, roja, dulce

En este caso, cada uno de los tags habla sobre una propiedad del objeto Manzana, pero no son categorías a la que éste pertenezca. Se trata de una estructura plana de términos que lo caracterizan, en un esquema de es o tiene.

Dado que ambos esquemas son diferentes, pero no son opuestos, es posible utilizarlos simultáneamente para obtener una mayor riqueza en la organización de la información. Una estructura de clasificación es útil, por ejemplo, para establecer un esquema de navegación jerárquico. Los directorios son un muy buen ejemplo de esto.

categoriasdmoz

Dmoz.org utiliza un esquema de categorías para organizar la información de su Directorio.

Los tags, en cambio, permiten alimentar muy precisamente un buscador, porque identifican los términos más relevantes de un contenido. Esto es particularmente importante para contenido no textual, como fotografías, videos y audio, casos en los que no es fácil extraerlos automáticamente.

tagsflickr

Flickr.com permite asociar tags a las fotografías de sus usuarios, esto facilita la descripción de las imágenes.

Existen casos en que es posible beneficiarse del uso de ambos esquemas por su complementariedad. Por ejemplo, Spurl.net, un organizador de bookmarks, permite organizar los bookmarks en categorías y asignarles tags. Esto facilita el encontrar la información mediante el uso de un buscador o explorando directamente las categorías o los tags.

categoriasspurl

Spurl.net permite el uso de categorías para organizar los bookmarks.

tagsspurl

De un modo complementario, Spurl.net da la posibilidad de asociar tags a los bookmarks.

Un factor adicional de los tags es el uso en esquemas colectivos, conocidos como folksonomía, en que cada usuario puede agregar tags a diferentes contenidos, de modo que se complementan entre ellos y ayudan a describir de modo más completo al contenido.

En el rediseño de una intranet que realicé hace poco, se definieron dos esquemas de categorización diferentes: uno centrado en los contenidos y otro en la estructura de la institución. Por ejemplo, un formulario de solicitud de vacaciones correspondería a la categoría Formularios, según su tipo de contenido y a Recursos Humanos desde la perspectiva de la organización. El primer esquema se utilizó para navegar el sitio y el segundo para aportar un esquema complementario. Adicionalmente, se sugirió el uso de tags para que los propios usuarios pudieran ayudar a definir los contenidos de un modo más eficiente y con una perspectiva centrada en los usuarios, desde abajo hacia arriba (orgánica), antes que desde arriba hacia abajo, como es el caso con los esquemas de clasificación predefinidos.

En este caso, los tags deberían contribuir a alimentar las descripciones
de contenidos mediante los metadatos, y de este modo se pueden mejorar o precisar los resultados de búsqueda.

En suma, hemos visto que:

  • las categorías ordenan y agrupan contenido
  • los tags hablan de características del contenido, pero no lo agrupan
  • las categorías pueden ser jerárquicas
  • los tags son planos, sin jerarquías
  • las categorías determinan a qué pertenece el contenido
  • los tags hablan de qué es o que tiene el contenido

Usabilidad No es Control de Calidad

General

Es cierto que se pueden realizar evaluaciones de usabilidad en las fases finales de un proyecto, pero los riesgos aumentan mucho respecto a incorporar prácticas y pautas de usabilidad desde la etapa de diseño. Si los errores o problemas se detectan de modo temprano, el costo de corregirlos es bajo. Por el contrario, si se detectan problemas al concluir un proyecto, el costo de las correcciones será mucho mayor.

Por esto es importante considerar la usabilidad como una más de las prácticas del diseño de un producto, realizando pruebas desde los prototipos más tempranos y estableciendométricas y objetivos precisos. Así, las revisiones finales y el control de calidad sólo considerará factores menores y se enfocará en comprobar que las pautas se hayan cumplido.