Muchos expertos en usabilidad han criticado a AJAX al señalar casos en los que perjudica las pautas en 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 para las pautas en Usabilidad:
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.
Para las Pautas en Usabilidad se debe 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ó.
En las Pautas en Usabilidad se debe 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 para las Pautas en Usabilidad 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