Outbook

HTML+CSS+JS, Accesibilidad, PHP y más

Inicio que contiene a

Datos de búsqueda

Etiqueta ‘Diseño de interacción’

Enmascaramiento de contraseñas en los formularios

Fecha de publicación: 2009/06/25

Actualizado 2009-06-30.

Según Jakob Nielsen Ocultar los caracteres de un campo de contraseña (mediante <input type="password" id="ejemplo" name="ejemplo" />) puede ocasionar algunos problemas. Considero que se pasa un poco, de modo que expongo los que creo que son más importantes:

  • El usuario no ve lo que está escribiendo, lo que facilita que se equivoque.
  • Utilización de contraseñas más sencillas a la vez que inseguras o uso del copiar-pegar para introducir la contraseña.
  • En dispositivos móviles, en los que la escritura es más incómoda e imprecisa el usuario puede desesperarse, pensando si habrá tecleado bien.

He de aclarar que en bastantes dispositivos móviles en los campos de contraseña el caracter introducido está visible durante un breve espacio de tiempo, pero puede que no sea suficiente.

Nielsen también menciona que ocultar los caracteres de contraseña puede hacer que los usuarios se desanimen a entrar en un sitio web. Esto me parece un poco exagerado.

Puede que sea interesante dejar visibles los caracteres de los campos de contraseña, pero, si nos decantamos por esa opción habrá usuarios que no se sientan seguros, ya que la contraseña será visible por otras personas (imaginemos punto de acceso a Internet en un lugar público). Aquí Nielsen sugiere el uso de un checkbox para activar o desactivar la ocultación de los caracteres.

Ejemplo en Winzip

Capturas de la pantalla de encriptación de WinZip 12, en las que se puede apreciar la casilla que alterna la contraseña visible u oculta:

Ventana de encriptación de WinZip 12 con contraseña oculta

Ventana de encriptación de WinZip 12 con contraseña visible

Enlaces relacionados

Datos del artículo:

Duplicación de elementos de la interfaz en sitios web

Fecha de publicación: 2008/02/10

Enlace "Volver"

Una práctica muy habitual al diseñar un sitio web es la de introducir botones o enlaces con los textos "Atrás", "Volver" o cualquier otro cuyo significado sea el de volver a la página inmediatamente anterior.

Este tipo de enlace probablemente sea un poco redundante, ya que todos los navegadores web disponen en su interfaz de un botón para ir atrás, incluso los de móviles.

Enlace o botón "Imprimir"

Más de lo mismo. Todos los navegadores disponen en su interfaz de un botón para imprimir.

Adquiere sentido si lo que hace es abrir una versión de la página optimizada para la impresión.

Enlace "Enviar esta página por email"

Los navegadores también coinciden en incorporar esta opción, aunque en este caso se ahorra al usuario una más que probable apertura de la aplicación de correo que utilice.

Enlaces de aumentar/disminuir tamaño de página

Los habituales botones para aumentar o disminuir el tamaño en pantalla de la página. Cada navegador lleva sus propias herramientas para este propósito, además accesibles desde sencillos atajos de teclado.

Los usuarios que necesitan ésta funcionalidad muy probablemente estarán habituados a utilizar dichos atajos de teclado, prescindiendo de los enlaces de zoom.

Conclusión

Este tipo de enlaces y botones tiene como objetivo, consciente o inconsiente, sustituir a la interfaz del navegador para determinadas acciones, lo cual puede resultar redundante y ayuda a que los usuarios no se molesten en aprender a utilizar minimamente el navegador web que hayan (o les hayan) elegido.

Datos del artículo:

Información del sitio