LUN. 7 SEP. 2009

ctrlEnter

Ya hace tiempo que veía un problema muy común con las formas en la web. Fuera de los textarea y los select, teniendo el foco en cualquier elemento de una forma y presionando Enter, hace que la forma sea enviada. Si pudiera, haría un estudio con el fin de ver qué porcentaje de estas son enviadas presionando Enter por equivocación.

Pero como no puedo, mejor especulo y digo que es bastante alto. La gente común y corriente no utiliza Enter para las búsquedas en el home de Google; tienen que agarrar el mouse y presionar el botón. Lo que a un usuario de poder nos parecería obvio, para mucha gente no lo es. Así que si en una forma con un sólo campo, no presionan Enter para enviar, qué podemos esperar de una que tiene al menos cinco elementos más?
El Enter en estos casos sirve para una sola cosa; frustar al usuario.

Estos días he estado desarrollando un plugin para jQuery llamado CtrlEnter, que lleva una solución un paso adelante. Primero, deshabilitando la tecla Enter para todos los campos, evitando que las formas se envíen por error. Y en segundo lugar, una opción accesible para el power user; si ya acabaste de completar la forma, presiona la combinación Ctrl + Enter para enviarla.

Descargar CtrlEnter // Demo

Un poco detrás de la idea de ctrlEnter: Observen los aparatos electrónicos de a su alrededor, en especial los controles remotos. Úlitmamente, para la acción más destrucitva (apagarlo), buscan evitar que se presione el botón de apagado (hundiéndolo, vean el control del Wii), no haciéndolo botón (el del DS es un deslizable) o necesitan la confirmación presionándolo un par de segundos (la mayoría de los celulares). La razón es la misma: usabilidad.
Algunos teclados tienen botones de apagado y de dormir. Muchos, posicionadas en el lugar de las teclas menos usadas; Impr Pant y compañeras. El problema es que no requieren confirmación de ningún tipo y presionarlas por error, en el peor de los casos ocasionará perder datos no guardados. Una equivocación por no pedir un par de segundos de confirmación antes de ejecutar la acción.

Espero me haya explicado. De ahora en adelante este será uno de los scripts por default en mis siguientes proyectos y ya está implementado en therror. Si lo usan en sus sitios, no duden en poner un comentario con el enlace.

ctrlEnter fue escrito por fael el día lunes 7 de septiembre de 2009 a las 2:47 a. m.

Este post fue etiquetado: js web geek usabilidad