Archivo por meses: mayo 2018

Clase 05. Navegación por teclado

Discutimos en esta clase la importancia de que toda la funcionalidad del sitio esté disponible para ser recorrida, activada y utilizada solo con un teclado, entendiendo ante todo cómo se utiliza el mismo para navegar, y a quién beneficiamos con esto.

Vimos el concepto de “1D” (una dimensión) para referirnos a la entrada de datos por teclado como un flujo continuo y consecutivo de caracteres, para diferenciarlo del mouse que es “2D” al recorrer la pantalla en los ejes vertical y horizontal. Establecimos el paralelo con el lector de pantalla, que lee el documento como un punto recorriendo una línea (y no un plano).

Conocimos el atributo tabindex para controlar el orden de tabulación, cuáles son las principales trampas para el foco y cómo evitarlas, y destacamos la importancia de pensarlo dos veces antes de aceptar que ciertas funciones no pueden ser controladas sin el mouse (por ejemplo arrastrar y soltar, o un programa de dibujo vectorial).

Clase 05. Taller de métricas

En la quinta clase vimos como tomar métricas de las pruebas y cada uno moderó al menos una prueba y tomamos métricas sobre lo que estaba sucediendo.

También se hizo la bajada del TP1. Pueden encontrar la ficha del mismo en el siguiente link: Ficha TP1

La guía que se usó en clase es: Práctica – Métricas

La lista de equipos y sitios asignados por equipo la pueden encontrar acá: UTN TP1 – Equipos y sitios asignados

Para grabar las pruebas se pueden usar las siguiente herramientas: Camtasia, Morae, Screenflow, Quicktime y el plugin de Chrome Loom

Clase 04. Marcado semántico

En esta clase trabajamos el tema del marcado semántico, y cómo la publicación de documentos en la Web debe pensarse esencialmente en 4 capas: contenido (texto plano), estructura semántica (HTML), presentación visual (CSS)  y comportamiento (JavaScript). Vimos el concepto de mejora progresiva como forma de separar en forma apropiada estas capas; de forma tal que se complementen sin entremezclarse

Nos detuvimos con especial cuidado en los encabezados, por ser claves para la comprensión, navegación y estructura de una página. Éstos tenderán a formar un árbol jerárquico, a partir del encabezado de nivel 1. También repasamos la importancia de seguir las convenciones para el texto plano a modo de “semántica de nivel cero”.

Entendimos por qué es bueno que un enlace contenga siempre URLs, y no eventos “onclick“, pseudo-protocolos “javascript:...“, o indicadores de fragmento “#“. Por último comenzamos a ver formas de aumentar la semántica provista por HTML mediante microformatos, RDFa, microdata y en especial WAI-ARIA, que veremos en detalle más adelante.

Clase 04. Métricas de usabilidad

En esta clase de usabilidad estuvimos viendo las principales métricas que podemos relevar de nuestros test con usuarios. El objetivo principal que persiguen son que nuestros informes sean más profesionales y puedan contener no solo datos cualitativos, sino brindar también datos cuantitativos.