Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Comparativa paso a paso de cómo se reserva por internet en restaurantes.

Comparativa paso a paso de cómo se reserva por internet en restaurantes.

Post con más detalles en: http://restaurant50.com/como-mejorar-reservar-restaurantes-internet

Así lo hace Restaurant50, ElTenedor, Savored y CLUBKVIAR.
Claves de interacción y UX.

--
Las 3 claves del formulario de reservas de Restaurant50

Cuando nos pusimos a trabajar en el módulo de reservas, y sabiendo que aún tenemos que mejorar muchos pequeños detalles, queríamos que cumpliera tres requisitos que sorprendentemente no cumplían ningún otro servicio tanto en España como fuera.

Son 3 claves que consideramos necesarias para cualquier web de reservas, sea o no de restaurantes, e incluso para cualquier carrito de compra de cualquier ecommerce:

1. Queríamos que en cada ficha de restaurante se reservara desde el primer vistazo de pantalla y no consumiera mucho espacio para que la ficha se siguiera viendo sin perder protagonismo.

2. Tenía que ser sencillo y rápido. Por tanto, tenía que ser sin cargar páginas nuevas ni moverte la pantalla. Y, sobre todo, sin obligarte a registrarte antes para reservar. Mientras vas reservando te registras sin apenas darte cuenta.

3. Y la última clave es que evitara lo máximo posible reservas equivocadas y cancelaciones por haber escrito mal los datos de reserva. Este último detalle tenía que seguir siendo compatible con la sencillez y rapidez del primer punto.

Restaurant50

May 05, 2014
Tweet

Other Decks in Design

Transcript

  1. Comparativa paso a paso de cómo se reserva por internet

    en restaurantes. Así lo hace Restaurant50, ElTenedor, Savored y CLUBKVIAR.
  2. Paso 1.- Tanto si eres nuevo usuario como si estás

    ya logueado empiezas clickando en el botón verde de “Reservar”.
  3. Paso 2.- “Scroll down” en misma página para elegir tipo

    de reserva con descuento, sin descuento…
  4. Paso 5 y final.- Carga de página nueva en la

    que te confirman la reserva.
  5. Paso 2.- Carga de página nueva. Da igual si eres

    usuario nuevo o estás deslogueado para que te registres o loguees.
  6. Paso 3.- Carga de página nueva si en paso 2

    has elegido registrarte por email Paso 2.- Si estás logueado de antes y haces tu primera reserva, la capa negra gira. ¡Bien!
  7. Paso 4 y final.- Carga de página nueva con la

    confirmación de la reserva.
  8. Paso 2.- Cuando eliges días, hora y comensales en el

    paso previo te salta mensaje de advertencia y expulsión si no acudes a la reserva.
  9. Paso 3.- Rellenar algún dato personal que te falta, añadir

    opcionalmente algún comentario y confirmar tu petición de reserva con 30% dto.
  10. Paso 4 y final.- El paso 3 era confirmar reserva.

    Con esta nueva pantalla te dicen que has hecho la reserva y que el restaurante te la tiene que confirmar y ya te avisarán. Lo hacen con todos. Entendible.
  11. Paso 1.- Caso de usuario nuevo o deslogueado, reservas al

    primer vistazo, sin cargar páginas y sin mover pantalla. Si usas Facebook heredas tus datos para reserva y registro.
  12. Paso 2.- Ya estás logueado. Sólo ha cambiado header y

    franja. Ahí está la clave. Reservas al primer vistazo, sin cargar páginas y sin mover pantalla.
  13. Paso 3.- Cuando clickas en“Reservar” te sale al instante ese

    mensaje. Evitas muchas reservas erróneas y no tapas el formulario si editas datos.
  14. Paso 4 y final.- Mensaje de éxito y de confirmación

    de reserva. Los restaurantes eligen días y horas = Poquísimas cancelaciones.
  15. :)