Guía de estilos
Ayuda en formularios
Si bien los campos que utilices en los formularios deben ser información que el usuario pueda conocer, habrá casos en que necesite ver un documento para encontrar la información solicitada. Por ejemplo, si debe ingresar un número que aparece en su comprobante de pago. En estos casos es necesario ofrecer una ayuda visual de dónde puede encontrar la información.
Información del DNI
En caso la información esté en el DNI de la persona, agrega un enlace debajo del campo de texto y dirige al usuario que haga clic en él hacia una de las siguientes páginas de Gob.pe:
- Encontrar grupo de votación en el DNI
- Conoce la fecha de emisión de tu DNI
- Encuentra el ubigeo de nacimiento en tu DNI
- Conoce el código de ficha de DNI
- Encontrar dígito verificador en el DNI
Ya que existen distintos diseños de DNI, es mejor tener la información completa en una página externa que incluya todos; en lugar de recargar el formulario con varias imágenes.
Ejemplo de aplicación:
Otras ayudas
Si la información se encuentra en un documento digital o impreso, incluye una imagen que resalte estos datos cerca al campo que los requiere. Por ejemplo, en una vista desktop la imagen puede incluirse al lado del formulario. Sin embargo, en una vista mobile puede estar debajo u oculta tras un enlace que la despliegue hacia abajo. Es importante que la ayuda no aparezca como un pop-up, ya que este elemento tapa el resto del formulario y dificulta el ingreso de la información. Adicionalmente, a los usuarios les ayuda tener un texto explicativo de qué deben buscar en el documento.
Ejemplo de aplicación:
Imagen sin desplegar:
Imagen desplegada: