gcba / estandares

Estándares y lineamientos de experiencia digital
https://gcba.github.io/estandares/
MIT License
16 stars 5 forks source link

Patrones de Formulario #110

Closed aloyber closed 1 year ago

aloyber commented 3 years ago

Encontre este formulario que te va agregando a medida que completas los pasos como una especie de bloque a la derecha con los campos que seleccionaste. En este caso tampoco haría siempre falta un último paso de confirmación con todo el resumen sino que lo verías siempre al costado...

Lo divide en Pasos arriba de todo con la opcion de volver al paso anterior.

Es re estetico y funcional.

Cuando te da la confirmación, te recuerda los próximos turnos/tramites/inscripciones (podría ser lo que querramos). Y te da un detalle de todo lo que cargaste.

Los que desarrollaron tienen esta web https://es.fresha.com/ (también hay versión app). Es como una especie de template que se puede adecuar a cada tipo de negocio.

1 2 3 4 5

@Vpappacena

aloyber commented 3 years ago

Trabajando en el portal de pagos comenzamos a generar una propuesta visual para lo que son formularios. Comienza con un "Paso a paso" (stepper) que contiene:

A su vez el formulario en si está conformado por diferentes bloques de información los cuales contienen el contenido a completar para avanzar en los pasos. También se agrego un bloque a la derecha con un detalle (en este caso del pago total que tiene que realizar con el detalle de las boletas a pagar).

@Vpappacena

Web 1366 – 27 Web 1366 – 30

Vpappacena commented 3 years ago

Se modificaron los estados de todos los controles . queda pendiente revisar placeholder y label @mathiassassone1 @aloyber @Fcunsolo , antes de pasar a desarrollo