Video | 0:45 min
Podés encontrar a Daniel en Google+
]]>Guía Oleo—desde su canal en Twitter—está invitando a quienes deseen participar en el el test de usabilidad del nuevo diseño del sitio Web; para ello, sólo enviar los datos del participante a [email protected]
Usabilidad en Guía Oleo
Sitio Web | Guía Oleo
Podés encontrar a Daniel en Google+
]]>Esta ventana activa sólo permanece mostrando el video (preview) si el usuario presiona la barra espaciadora; de otra manera la ventana actúa como una suerte de tooltip multimedia (si se me permite el término).
Esta ventana puede redimensionarse en forma manual; hasta el tamaño mismo de la ventana del navegador que la ha generado.
Como mejorar la experiencia de usuario en YouTube
Instalar extensión | YouPop
Requerimientos | Firefox 2.0 – 4.0b8pre
Podés encontrar a Daniel en Google+
]]>Los datos mostrados son filtrados por usuarios Windows. Y sólamente son cuantificadas las acciones mediante el mouse
Como la gente usa Firefox
Vía | Kottke
Podés encontrar a Daniel en Google+
]]>Existen utilitarios del lado del cliente para ser utilizados en tiempo de diseño—la opción de Firebug de redimensionar la pantalla, por ejemplo—pero Browize es útil porque es independiente del navegador y de las extensiones que tengamos o no instaladas.
Browize
Es soportada por Firefox, Opera, Internet Explorer y Safari (no así por Chrome).
Con sólo útilizar el botón correspondiente es posible redimensionar a:
- 480 × 320
- 640 × 480
- 800 × 600
- 1024 × 768
- 1280 × 1024
- 1600 × 1200
- 1920 × 1200
- Cualquier otro ancho y alto personalizado
Vía | Delicious
Podés encontrar a Daniel en Google+
]]>
Aquí está nuevamente el infame calendario de la Mala Usabilidad, en su versión 2010.
El Calendario de la Mala Usabilidad es publicado—en forma ininterrumpida desde 2005—por Netlife Research, una consultora en experiencia del usuario en Oslo, Noruega.
Disponible por el momento en inglés y noruego, cualquier iniciativa por traducir a nuestro u otro idioma. son siempre bienvenidas.
Por cierto, las versiones anteriores, no tienen desperdicio.
Archivo | PDF > 4.6Mb
Sitio Web | Bad Usability
Podés encontrar a Daniel en Google+
]]>Los tópicos que se tratan a través de las 48 páginas, incluyen básicamente 4 grupos:
- Heat Mapping
- Screen Recording
- User Testing
- User Feedback
Vía | Smiley Cat
Podés encontrar a Daniel en Google+
]]>
De forma simple, la comprobación puede llevarse mediante esta prueba atendiendo 4 secciones generales:
- accesibilidad
- identidad
- navegación
- contenido
Descargar | checklist – formato PDF
Podés encontrar a Daniel en Google+
]]>Un sitio Web puede aportar un alto grado de frustación a nuestros visitantes si previamente no llevamos a cabo un test de usabilidad.
La siguiente comprobación sólo toma 10 segundos y es un buen ejercicio para tal efecto.
El primer paso es acceder al sitio Web y deshabilitar los estilos. Dependiendo del navegador se seguirá la siguiente metodología:
Firefox
Ver > Estilo de página > Sin estilo
Safari
Edición > Preferencias confirmar que en la pestaña Avanzadas esté tildada la opción Mostrar menú de Desarrollador en en la barra de menú. Hecho esto, ir a Desarrollador > Deshabilitar estilos
Internet Explorer 8
Ver > Estilos > Sin estilos. Si estuviese instalada la Developer Toolbar, Deshabilitar > CSS
Opera
Ver > Estilo > Modo usuario, asumiendo que no existe un estilo de usuario.
Esta metodología deshabilitará todas las declaraciones de estilo, tanto las que se carguen desde archivos externo, como internos y reglas inline. Por lo que sólo quedará en el navegador la presentación por defecto del marcado.
Queda ahora, sólo comprobar 3 puntos:
Marcado semántico: El contenido debe ser comprendido sin información de estilo. Las etiquetas que hayan sido elegidas para el markup del documento deben darle significado al contenido.
La navegación del sitio debe ser una lista de enlaces de forma tal que sea contenida dentro de una lista desordenada.
Organización lógica: La estructura de la página debe estar comprendida dentro de una jerarquía. El encabezado principal, el que le da significado al documento; debe anteceder al contenido, de la misma forma que cualquier otro documento que nos sea presentado.
Sólo deben verse las imágenes que tienen relación con el contenido: En esta instancia no debieran aparecer ni las imágenes de fondo y ni siquiera el ícono de correo electrónico ¿se entiende? Deshabilitados los estilos, sólo debieran verse las imágenes con el correspondiente atributo ALT.
Si el markup del documento, satisface estas 3 comprobaciones básicas, estamos hablando entonces de una estructura lógica y además user-friendly—como bien se suele decir—
Para satisfacer los más básicos principios de Usabilidad Web, el sitio Web terminado (con los estilos CSS aplicados) debe reflejar la misma usabilidad que el marcado sin los estilos.
Aquí no se define la última comprobación de usabilidad. Por el contrario, debe ser la primera. La que nos muestra la forma correcta de hacer las cosas.
No es una coincidencia que llegado a este estado de cosas, hayamos obtenido un buen nivel de Accesibilidad Web.
Basado en una traducción libre del artículo de Jason Garrison: 10-second website usability testing
Podés encontrar a Daniel en Google+
]]>