Introducción a una buena usabilidad

La usabilidad es algo muy importante que siempre hay que tener en cuenta , entre otras cosas porque se diseña para los usuarios y éstos deben estar cómodos visitando nuestra página.
Para los que necesiten empezar a aprender, el documento que pasamos a continuación introduce algunos de los aspectos importantes. Pero empieza diciendo algo importante: sobre el tema de usabilidad es muy difícil hacer algo nuevo, por lo que es mejor que no pierdas el tiempo inventando, copia de los grandes, que gastan mucho dinero en hacer que sus sitios sean usables.
Entre los consejos que da, trata el tema de los breadcrumbs (barra de navegación), indicando que debe ser la misma que los menús, no debes inventarte una navegación nueva, y que la página actual no debe tener enlace.
Sobre las pestañas indica que debe haber solamente una fila, y en el caso de que haya dos, la segunda debe ser dependiente de la primera (tipo submenús) y quedar diferenciadas en el diseño (por ejemplo con distintos colores).
De los enlaces dice que lo mejor es seguir los estándares, que sean azules y subrayados y que los enlaces visitados también se diferencien. Aunque si no lo quieres hacer así (lo más normal), deben ser claramente diferenciables del texto normal y si se usan imágenes, que estas cambien al pasar el ratón sobre ellas.
De los servicios que acortan URLs no habla demasiado bien, pero yo creo que su uso es muy correcto en determinados escenarios, sobre todo si el enlace solo se usa para ir a un contenido que se ha descrito anteriormente.
En resumen, un documento muy interesante para ir empezando con la usabilidad.
Introduction to Good Usability
Vía / Css Globe

8 consejos para mejorar la usabilidad

8 buenos consejos para que podamos mejorar la usabilidad de nuestras aplicaciones web, algo que a veces se ignora pero que hace sufrir a algún que otro usuario.

  • Cuanta más interacción se necesite para realizar una tarea, más difícil se vuelve: cuando se necesite realizar una acción hay que evitar pedir todas las posibles características de la acción, simplemente pide lo estrictamente necesario. Por ejemplo, un buscador, puedes pedir que te ofrezcan la categoría, el número de resultados, el criterio de orden, … o simplemente pedir la palabra a buscar y si se quiere ofrecer una búsqueda avanzada para quien quiera refinar la búsqueda.
  • Cuanto mayor tiempo de concentración se necesite para realizar una tarea, menor es la usabilidad: intenta que la aplicación responda lo más rápido posible para que el usuario mantenga su atención.
  • Cuanto más tenga que trabajar el usuario, menos efectiva es la interfaz: lo que nos lleva a otro punto, haz la interfaz intuitiva.
  • No vayas en contra de lo que espera el usuario: el usuario está acostumbrado a una serie de herramientas: botón para volver, recargar, … Diseña la aplicación teniendo en cuenta que el usuario está acostumbrado a algo y es lo que espera encontrar. El mal uso de Ajax a veces va en contra de esta premisa.
  • Las páginas de error no gustan: nada es peor que mostrar uno o dos errores al usuario al mismo tiempo.
  • Permite al usuario modificar la interfaz: a todo el mundo le gusta modificar los colores y el aspecto del entorno de trabajo. Que la gente se sienta cómodo con los colores es también algo a tener en cuenta.
  • No esperes que los usuarios lean las instrucciones: debido a ello, la interfaz debe ser lo más parecido a lo que se está acostumbrado, para que cuando se encuentren con lo que tienen que hacer sea igual o muy parecido que lo de siempre.
  • Mantén al usuario libre de errores: por ejemplo, una página 404 no dice nada, en vez de ello ofrece alternativas.

5 (+3) tips to increase web application usability

Vía / dzone

| |

Endless.com: Experimento de Amazon en comercio electrónico

endless_logo.pngEndless es una nueva tienda de Amazon, dedicada a la venta de zapatos y bolsos, en la que destaca una interfaz de usuario rica y novedosa a base de DHTML y AJAX.
El sitio merece una exploración en profunidad pero un primer recorrido ya nos permite ver detalles alentadores:

  • Explorador visual de los artículo con zoom
  • Filtros de productos por marcas, color, tamaño o precio mediante AJAX (espectacular el de precios)
  • Paginación AJAX

http://sentidoweb.com/img/2007/01/endless_cap_2-thumb.png
Una interfaz de usuario realmente lograda, ejemplo de lo que la web 2.0 está consiguiendo y posiblemente una referencia en patrones de diseño en comercio electrónico.
Una pequeña crítica: se echa de menos un poco de enfoque social; al menos comentarios sobre los productos.

5 características que se echan de menos en las webs

Leo en SigT 5 características que se echan de menos cuando se visitan algunas páginas web. Podría haberla puesto dentro de los Quicklinks, pero como no puedo estar más de acuerdo con lo que dice, prefiero crear una entrada y ya de paso, con el permiso del autor, dar un par de comentarios personales:

  • Formulario para darse de baja: como no suele haber, lo mejor es tener una cuenta de correo especial para darse de alta, porque suele ser necesaria una cuenta de correo y de paso te mandan un email con un código de activación.
  • Elegir entre formularios paso a paso o avanzados
  • Una funcionalidad mínima en los vídeos hechos con Flash: ¿Qué diferencia hay entre el pause y el stop?, normalmente le doy al pause para que se vaya descargando el video y luego verlo de seguido y no sufrir parones por la conexión. Sin embargo, cuando le doy al stop porque el video no me interesa, se sigue bajando, con lo cual el ancho de banda sufre, y el problema es que si estoy en un blog, no me apetece cerrar la ventana para que pare de bajarse y volver a abrir la página para seguir leyendo el resto de las entradas.
  • Una menor complejidad en las páginas oficiales: sobre todo en los ministerios, yo creo que lo hacen a proposito para que prefieras ir a preguntar a la ventanilla y verles “trabajar”. Hay un recurso de imágenes y sonidos en el Ministerio de Educación y Ciencia que jamas soy capaz de encontrar si entro directamente en la web del ministerio.
  • Que el webmaster tenga un poco de sentido común: yo incluso lo usaría para los clientes que nos obligan a hacer cada cosa…

5 características que se echan de menos en las webs