Antes de comenzar a escribir código, siempre es mejor dar un paso atrás y tomarte el tiempo necesario para pensar en tu formulario. Diseñar una maqueta rápida te ayudará a definir el conjunto de datos adecuado que deseas pedirle al usuario que introduzca. Desde el punto de vista de la experiencia del usuario (UX), es importante recordar que cuanto más grande es tu formulario, más te arriesgas a frustrar a las personas y perder usuarios. Tiene que ser simple y conciso: solicita solo los datos que necesitas.
Diseñar formularios es un paso importante cuando creas un sitio web o una aplicación. Va más allá del alcance de este artículo exponer la experiencia de usuario de los formularios, pero si deseas profundizar en ese tema, puedes leer los artículos siguientes:
- Smashing Magazine tiene algunos artículos muy buenos sobre formularios UX, incluido el artículo —antiguo pero relevante— An Extensive Guide To Web Form Usability \[Amplia guía de usabilidad para formularios web\].
- UXMatters también es un recurso que da buenos consejos, desde buenas prácticas básicas hasta cuestiones complejas como los formularios de varias páginas.
En este artículo, vamos a crear un formulario de contacto sencillo. Hagamos un esbozo.
Nuestro formulario va a tener tres campos de texto y un botón. Le pedimos al usuario su nombre, su correo electrónico y el mensaje que desea enviar. Al pulsar el botón sus datos se enviarán a un servidor web.