Posts del mes December, 2004

añadir botón “enviar” en los formularios

Quería suscribirme a la lista de correos de Typofonderie, así que he hecho clic en el input correspondiente, (donde había un texto que no he leido) y se ha borrado. He escrito mi e-mail y …. ¿dónde está el botón enviar??

Captura de pantalla de una web con dos campos de entrada de un formulario pero sin ningún botón de enviar

Por suerte el mecanismo era el mismo que el del formulario superior, el buscador, y he comprendido que se enviaba pulsando la tecla Enter.

Seguramente si hubiera sido una usuaria primeriza, no hubiera tardado mucho en frustrarme y cerrar la página.

Es cierto que cuando utilizo un formulario con un solo campo de entrada y un botón para enviar los datos de ese campo (como el típico formulario de búsqueda o de suscripción), casi nunca cojo el ratón para hacer clic en el botón. Normalmente pulso la tecla Enter, que es mucho más rápido.

Pero cuando falta el botón, se crea un gran desconcierto. No solo porque no te queda claro cómo introducir los datos (¿habrá cargado mal la página? ¿se le habrá olvidado al webmaster poner el botón?), sino que además desaparece el feedback gráfico del botón pulsado (que aparece también cuando se activa con una tecla en vez de con el ratón) y que te hace saber que la acción de enviar se ha iniciado.

Asi que, diseñadores del mundo, no juguéis con los formularios, que son una cosa muy seria. La web está en pañales aún y hay que seguir unas reglas de interacción mínimas para facilitar el aprendizaje a los usuarios.

Ya habrá tiempo de experimentar ;)

parecer más rápido

La importancia de la velocidad de carga de los sitios web para la experiencia de los usuarios es indiscutible. El debate gira en torno a cuánto tiempo están dispuestos a esperar los usuarios a que cargue un sitio y, aunque existen diversos estudios, no parece existir un consenso sobre este dato, si bien parece claro que el tiempo de espera tolerable por los usuarios se situa bastante por encima de los famosos 10 segundos del tío Jakob.

Habitualmente, los buenos diseñadores web se esfuerzan en minimizar el código XHTML, reducir el peso de las imágenes al máximo y otras diversas técnicas de optimización de sitios web. Pero existen otros factores influyentes que no son habitualmente considerados:

El tiempo de carga percibido

Dos páginas con el mismo tiempo de carga real pueden ser percibidas por los usuarios como una más rápida que otra. Existen muchas formas de influir en esta percepción y es realmente esta variable la que valorarán los usuarios.

Evitar que los elementos varien su posición durante la carga (para que el usuario pueda empezar a ojear aquellas zonas ya cargadas), permitir la descarga progresiva de los gráficos e imágenes, ofrecer un adecuado feedback durante la espera, ofrecer contenido de interés durante la carga (interesante para contenido realizado con flash), cargar primero aquella información que suelen venir buscando los usuarios y otra técnicas de este estilo, pueden ayudar a reducir el tiempo de espera percibido y/o hacerlo más llevadero.

La experiencia de uso comienza mucho antes de que el sitio haya terminado de cargar

Al igual que nuestra experiencia con un nuevo producto comienza desde el momento que tenemos el paquete en nuestras manos y no cuando ya lo estamos utilizando, nuestras experiencias con los sitios podemos considerar que comienzan desde el momento en que tecleamos la url en nuestro navegador. Por este motivo, debemos facilitar el que nuestros sitios puedan ser usados sin necesidad de que hayan cargado por completo.

Un ejemplo concreto: un usuario trata de encontrar una imagen en la que aparece un determinado personaje en una galería de 20 imágenes que se muestran a un tamaño considerable, en esta situación, un simple texto alternativo suficientemente explicativo en cada imagen sería de muchísima utilidad y le permitiría buscar la imagen sin necesidad de esperar a que hayan cargado todas.

Sobre blogold

blogold era un blog sobre desarrollo y estándares web, diseño gráfico, usabilidad, new media y ciberespacio.


Otros blogs de ávidos

ring
blog sobre desarrollo y usabilidad web para dispositivos móviles.
detalles
blog sobre diseño gráfico, ilustración, motion graphics y street art.
blog
noticias sobre los últimos movimientos y proyectos de ávidos.