Usabilidad

En jankoatwarpspeed nos comentan algunos tips de usabilidad al realizar consultas con ajax. La idea principal es ayudar a los usuarios de la aplicación a identificar fácilmente que es lo que esta ocurriendo en la página web y prevenir que cometan errores durante el uso de la aplicación...

Como si fuera un cine o teatro, YouTube ha implementado una herramienta llamada Theater View, que permite oscurecer todos los elementos de una página web, agrandar el tamaño de su reproductor y ubicarlo al centro para su mejor visibilidad. Esta herramienta parece sólo estar habilitada en vídeos de larga duración, pero se espera que se implemente en muchos más.

Además de la vista teatro, también disponemos de una herramienta llamada Lights Off, con la que podemos únicamente oscurecer la página web, a fin de centrar nuestra mirada en el vídeo sin sufrir con el brillo blanco de su background.

Desde el siguiente enlace podemos realizar una prueba de estas nuevas herramientas.

Enlace | Youtube con Theater View

Si la contraseña contiene caracteres raros, números y letras, se considerará una contraseña súper segura; pero, si la contraseña es sólo una palabra, conocida y en minúsculas, la contraseña puede ser fácilmente descubierta… Ya existen algunas aplicaciones, como las de correo electrónico (Gmail, Hotmail o Yahoo), que indican a una persona cuando va registrarse, que tan buena contraseña es la que esta escogiendo; y esto, lo realizan utilizando un javascript como el que podemos probar y descargar aquí.

Este script mide que tan segura es una contraseña (vía webappers), alargando una barrita de colores, mientras se la va escribiendo. Así, cuando más larga es la barrita, más seguro será el password… Interesante el script. Pero, otra manera de entender este sistema, es viendo la aplicación de Geek(Wisdom), que incluso añade puntajes a la palabra que vamos escribiendo.

Además, profundizando un poco, un buen tutorial para aprender sobre medidores de contraseñas seguras, es este artículo publicado en codeandcoffee, en donde explican todos los pasitos al detalle, aquí pueden ver el ejemplo del tutorial. Muy bueno.

El eyetracking es una tecnología que permite seguir los movimientos oculares de una persona para determinar lo que esta observando en la pantalla. Esto se logra con el uso de un eye tracker, un monitor ó camara especial que emite rayos infrarrojos a los ojos de quien lo usa. Estos rayos rebotan en su pupila y vuelven al aparato, permitiendo así calcular con precisión dónde está observando.

En Baluart, ya hemos publicado algunos artículos y enlaces referentes a estudios de Eyetracking. Pero en estos días, Usolab ha publicado, creo yo, el más reciente estudio, enfocado desde el de vista de la Usabilidad y sobre webs en español. Realmente vale la pena leerlo.

Enlace | La aportación del eyetracking en el sector de usabilidad

Desde un punto de vista práctico, los microformatos no son más que una forma de dar instrucciones, una forma manual de comunicarse entre Webs. Así, como cuando un editor etiqueta sus artículos y los lectores comprenden de que trata el contenido sólo con ver las etiquetas. Con los microformatos, lo que se hace es "etiquetar" las etiquetas XHTML, para que sean los servicios webs (google ó technorati por ejemplo) quienes puedan comprender fácilmente y actuar de acuerdo a lo que cada microformato le indica.

Dos populares microformatos, por ejemplo, son los atributos:

rel=”nofollow” para indicarle a los buscadores que no lo tomen en cuenta, y
rel=”tag” para indicar a technorati que almacene el artículo bajo tal etiqueta.

Esta es una explicación muy práctica y simple. En realidad, sobre los microformatos se esta hablando muchísimo y un muy buen artículo que acabo de leer, es el que acaban de publicar en Grancomo. En él, nos cuentan casi todo sobre los microformatos: ¿Cómo surgió la idea? ¿Quiénes la impulsaron en sus inicios? ¿Qué son los microformatos? ¿Cómo implementarlos? y más.

Yo me quedo convenientemente con esta rápida explicación de ¿Por qué el título Microformatos: La web semántica para torpes?

• Porque cualquier usuario con conocimientos mínimos de XHTML puede incorporarlos a su sitio Web y anunciarlo al mundo
• Porque un desarrollador con algo de carisma y de acuerdo con la Comunidad puede proponer su propio microformato
• Porque si fallan, no pasa nada, la información que gestionan no es crítica (de momento)
• Para darle un título “original” y polémico a este artículo.

Artículo recomendado | Microformatos: La web semántica para torpes

En Maestros del Web han publicado la traducción de Ajax Mistakes, un excelente artículo por la cantidad de ítems (errores) que comenta:

• Usar AJAX por ser “AJAX”
• Hacer inservible el botón de volver atrás
• No mostrar inmediatamente señales del progreso de una operación
• No pensar en la gente desconectada (offline)
• No me hagas esperar
• Enviar de forma insegura información sensible
• Asumir que el desarrollo AJAX sólo es para una plataforma
• Olvidar que la aplicación puede estar siendo usada por varias personas a la vez
• Demasiado código, hace que el navegador sea lento
• No tener un plan para aquellos que no usen o habiliten Javascript
• Hacer parpadear o cambiar partes de la página de forma inesperada
• No usar enlaces que pueda pasar a un amigo o añadir a favoritos
• Realizando operaciones por lotes de forma asíncrona
• Mover la posición vertical en la página y hacerme perder la situación donde me encontraba
• Inventar nuevos “estándares” de interacción con la interfaz
• Blockear el acceso a la información a nuestras amigas las arañas
• Conjuntos de caracteres
• Cambio del estado con enlaces (peticiones GET)
• No transferir los cambios locales a otras partes de la página
• Aviso de errores
• Retorno de la inversión
• Imitar el comportamiento de navegación del navegador de forma errónea

La traducción fue realizada por Manuel Cebrian y se titula Puntos a tener en cuenta cuando uses AJAX.