web-development-kb-es.site

Formularios de órdenes de compra complejas: ¿tiene algún consejo o buenas referencias?

Supongamos que necesita diseñar un formulario de pedido de compra que sea más complejo de lo "habitual" y que tenga varios elementos que afecten el precio final:

  • Elija entre varias pistas (por ejemplo, Básico, Estándar, Premium, etc.)
  • Diferentes tipos de licencia en cada paquete (por ejemplo, limitado, completo, administrador, etc.)
  • Comprometerse a varios períodos de licencia

¿Cómo preferirías hacerlo?

Asistente paso a paso? o ver y poder cambiar todas las variables en un solo lugar?

El primero es más fácil de usar, pero el segundo permite al usuario comparar rápidamente y ver cómo se refleja cada cambio en el resultado final.

Si tiene buenos ejemplos de tales formas, me encantaría verlas.

6
Dan Barak

Parece que lo que está haciendo podría ser similar a ordenar una computadora en línea, donde selecciona entre diferentes opciones de procesador, memoria, accesorios, etc. Busque inspiración en los sitios web de Dell y Apple.

Dell usa un estilo de asistente donde cada opción está en una página diferente. Apple pone todo en la misma página. Tres cosas que me gustan y que ambas tienen en común:

  • Comienza eligiendo entre algunos tipos básicos de computadoras, antes de profundizar en los detalles. (Eso podría ser análogo a tus "pistas")

  • Un resumen de sus opciones y precio siempre está disponible en la esquina superior derecha.

  • Al seleccionar una opción, se cambia la "línea inferior", que le indica cuánto, por ej. "8GB (4X2GB) [Agregar $ 150.00]"

2
Patrick McElhaney

Usaría una solución híbrida de pestañas o un control de acordeón, por lo que, por un lado, es fácil entender cada pieza del asistente, pero por otro lado, la navegación sigue siendo simple y es fácil saltar de un paso a otro.

para ver un ejemplo de acordeón, consulte el formulario de registro de dominio en GoDaddy (en general, muy lento y demasiado confuso, pero observe cómo funciona el acordeón).

No recuerdo dónde he visto un asistente de pestañas recientemente.

1
Sruly

No recomiendo usar un asistente para un formulario de pedido de compra a menos que sus clientes sean especialmente pacientes y toleren cualquier cosa que le compren. Supongo que tiene pasos adicionales, como métodos de pago, etc. Sus clientes no apreciarán pasar por 6 pasos.

Depende de lo complicado que sea cada paso, pero para mí la regla general es solicitar el número mínimo absoluto de detalles y usar solo una página. Consulte el formulario de registro de 37signals.com.

1
idophir