Muchos expertos en usabilidad han criticado a AJAX al señalar casos en los que perjudica la usabilidad. Aunque es posible que AJAX tenga ese efecto, no creo que AJAX perjudique de forma inherente la usabilidad; es solo que muchos desarrolladores tienen el enfoque equivocado al agregar AJAX a sus sitios. Concéntrese en las palabras de moda y los resultados de la última tecnología en buenas demostraciones, pero no necesariamente en sitios fáciles de usar. El desarrollo web siempre debe estar enfocado al usuario; agregar AJAX a la mezcla no debería cambiar eso.

 

Cuando use AJAX, tenga en cuenta las siguientes pautas y terminará con un sitio o una aplicación web altamente utilizable:

 

Mantenga las expectativas del usuario en mente.

 

Tener en cuenta las expectativas del usuario es una directriz amplia, pero también es importante. En el nivel más simple, significa no cambiar cómo funcionan las cosas sin dejar que el usuario lo sepa. En la mayoría de las páginas web, los botones se utilizan para enviar formularios, por lo que tener alguna otra acción, como hacer clic en un hipervínculo, para enviar un formulario puede ser confuso para los usuarios. Esta regla entra en juego en cualquier lugar donde redefina la forma estándar en que funciona un sitio web.

 

Un área en la que tendrá dificultades para cumplir con las expectativas es con el marcado de libros y las operaciones del botón Atrás / Adelante; en muchos casos, ya no funcionarán, y necesitará nuevas formas de admitir marcadores en su aplicación. Esta guía no significa que deba cambiar la forma en que el usuario interactúa con su sitio; solo significa que debe trabajar para proporcionarle al usuario los comentarios suficientes para que él o ella sepa lo que está sucediendo.

 

Proporcionar retroalimentación a las acciones

 

La guía se enfoca en proporcionar retroalimentación de que se ha llevado a cabo una acción AJAX. Con esta información, los usuarios saben que se ha producido alguna acción, incluso si no funciona como se esperaba. En una aplicación web básica, la recarga de la página muestra que algo está sucediendo. En una aplicación AJAX, eliminamos la recarga, por lo que debemos reemplazar esta información. Este mecanismo de retroalimentación abarca desde un mensaje de carga en la esquina de la pantalla que es similar a la bandera que usa Internet Explorer para resaltar visualmente las secciones de la página que han cambiado. En muchos casos, querrá usar múltiples enfoques, como mostrar un cuadro de carga estándar mientras se está transmitiendo el contenido nuevo y luego resaltar la parte de la página que se actualizó. Proporcionar comentarios evita que su aplicación se sienta frustrada. Cuando alguien hace clic en un enlace, espera que algo cambie; sin los comentarios, es fácil pasar por alto lo que sucedió.

 

Mantener el enfoque del usuario al agregar contenido

 

A medida que agrega comentarios a su aplicación AJAX, evite perturbar el enfoque del usuario. Esta guía de usabilidad es especialmente importante cuando se usan mensajes emergentes; nunca deben usarse, excepto en áreas donde se requiere acción inmediata.
Aquí hay algunos puntos a tener en cuenta cuando se trata de mantener el enfoque de un usuario en un área:

 

    • Acciones que mueven el foco de un cursor. Tales acciones harán que el usuario escriba en el cuadro de entrada incorrecto o que se tome el tiempo para descubrir la ubicación actual del cursor.
    • Acciones que causan reflujos de página. Si un usuario rellena un formulario y un mensaje de error hace que la forma se mueva hacia abajo media pulgada, el efecto puede ser desorientador.
    • Estilos de mensaje de distracción. El texto rojo parpadeante puede robar el enfoque del usuario con la misma facilidad que una ventana emergente.

Cuando un usuario interactúa con su sitio, recuerde que él o ella controla la interacción, no usted; si su mensaje no es lo suficientemente importante como para requerir una acción inmediata, no lo introduzca prematuramente en el foco del usuario.

 

Mantener la capacidad de deshacer acciones

 

Muchas aplicaciones AJAX intentan superar a sus usuarios guardando datos automáticamente según sea necesario o enviando un formulario sin hacer clic en un botón. Cuando esto se hace bien, puede ser efectivo, pero debe tener en cuenta las expectativas del usuario cuando aplique estas técnicas. Los usuarios están acostumbrados a un entorno web indulgente en el que simplemente pueden restablecer un formulario si la entrada actual es incorrecta. A medida que agrega AJAX, debe mantener ese nivel de perdón; las operaciones siempre deben ser imposibles de hacer. Autoguardar es uno de los peores delincuentes en esta área, pero se puede reparar fácilmente agregando un botón Restablecer en un formulario de autoguardado o exponiendo el historial de los guardados.

 

Sepa si está desarrollando una aplicación o un sitio web

 

A medida que desarrolle con AJAX, es importante saber si está creando una aplicación o un sitio web. Si está desarrollando una aplicación, concéntrese en hacer que actúe como una aplicación nativa; seguir las pautas de la interfaz humana del sistema operativo de destino suele ser una buena idea. Si está desarrollando un sitio web, procure que su trabajo se ajuste al modelo estándar de sensación e interacción. Este enfoque ayuda a establecer las expectativas del usuario y hará que su interfaz sea más fácil de aprender porque el usuario tendrá un marco de referencia correcto contra el cual compararlo.

 

Use solo AJAX donde tenga el mayor efecto

 

AJAX es una herramienta poderosa, pero debería ser solo una parte de su arsenal de desarrollo web. Siempre asegúrese de no abusar de AJAX. Se debe utilizar en áreas donde sus capacidades adicionales proporcionan suficientes beneficios para superar sus inconvenientes. Un ejemplo de tal área es la ruptura de marcadores en una página. AJAX es una gran herramienta para actualizar parte de una página, simplemente cargue el contenido modificado, pero no debe usarse para cargar una página completa. Las páginas normales funcionan bien y van a ser tan rápidas como volver a cargar la página con AJAX. Cuando decida utilizar AJAX, busque un problema que necesite solución, no solo para los lugares donde sea posible usar AJAX.

 

Tener un plan para aquellos usuarios sin XMLHttpRequest

 

La última guía de usabilidad es tener un plan para los usuarios cuyos navegadores no pueden realizar las operaciones de AJAX. No importa cuán utilizable sea una aplicación, si el usuario no puede ejecutarla, es inútil. Para las aplicaciones internas, esto rara vez es un problema porque se puede requerir un navegador específico, pero eso no siempre es una gran idea para un sitio web de mercado masivo. Si está utilizando AJAX solo para mejorar tareas lentas, una solución fácil es mantener el soporte para la operación más lenta que no sea AJAX. Sin embargo, si gran parte de su sitio depende de AJAX, necesitará crear una versión que no sea AJAX o mantener a los usuarios que no son AJAX fuera de su sitio. Los usuarios que usan navegadores que no son compatibles con AJAX siempre deben recibir, como mínimo, mensajes de que algunas acciones no funcionarán para ellos. A medida que agrega AJAX, asegúrese de entender a su público. Aunque AJAX es ampliamente compatible, no funcionará en todos los navegadores (especialmente los móviles), y no desea bloquear a ninguna parte de su audiencia sin abordar las consecuencias.