Autocompletar: optimizando el ingreso de información en nuestro sitio web

En nuestro último artículo conocimos tres maneras de mejorar el ingreso de datos a través de formularios de búsqueda. Hoy conoceremos a fondo una de ellas: la función de autocompletar, que consiste en acercarle al usuario una lista de palabras sugeridas a medida que escribe en uno de los campos del formulario.

En sitios web, esta herramienta se utiliza para completar los campos de cualquier tipo de formularios, no solo de búsqueda. Por ejemplo, es común que, al completar el campo de un formulario, el browser nos acerque la lista de términos que ya ingresamos anteriormente en ese mismo campo. En dispositivos móviles, esta función puede ahorrarnos trabajo para escribir un mensaje o la dirección de un sitio web. En procesadores de texto, puede facilitarnos la fecha actual cuando escribimos una carta. En programas de correo electrónico, puede ahorrarnos el trabajo de escribir varias veces los datos de un mismo destinatario. En entornos de desarrollo, puede ayudarnos a completar palabras reservadas del lenguaje que estemos usando.

Según una wiki de desarrolladores de Nokia, es ideal utilizar esta característica en los siguientes casos:

  1. Las posibles opciones para completar la frase son finitas y fácilmente manejables por el usuario (por ejemplo, una lista de direcciones de email).
  2. Son importantes la velocidad y la exactitud de los datos ingresados (por ejemplo, en sitios para reservar vuelos).
  3. Las opciones pueden ser validadas, así sea contra información que el usuario ingresó en el pasado, o bien a través de consultas a bases de datos, bibliotecas del back-end, etc.

Hay escenarios donde la lista de opciones es fija, es decir, no variará de acuerdo a elecciones previas del usuario o a circunstancias del momento (como sería el caso de una lista de vuelos disponibles). Si hay muchas opciones (por ejemplo, la lista de todos los países del mundo), es mejor utilizar el control select. Si hay alrededor de cinco opciones (por ejemplo, una lista de montos disponibles para donar), lo ideal es una lista de radio buttons.

Por último, para proteger la seguridad del usuario, es aconsejable deshabilitar el autocompletado del browser en campos de formulario destinados a información sensible, como, por ejemplo, el número de tarjeta de crédito.