Pantalla de selección de idioma

  • Mostrar opciones de selección de idioma (podría tener nombre del idioma y bandera juntos, solo bandera o solo nombre del idioma).
  • Solo botones grandes como opciones y sin distracciones.
    Elegir simplemente con un toque y pasar a la siguiente fase de la interfaz.
  • Problema de lógica posible: si el usuario vuelve hasta aquí y tiene ítems en el carrito, estos se borran automáticamente.

Pantalla de selección de categoría

  • Mostrar opciones de las categorías de los ítems existentes (podría tener nombre e imagen o solo nombre de la categoría).
  • Solo botones grandes como opciones y sin distracciones.
  • Elegir simplemente con un toque y pasar a la siguiente fase de la interfaz (selección de ítem).
  • Opciones en la parte superior: volver atrás (selección de idioma) y un selector de idioma.
  • Opciones en la parte inferior: cancelar pedido (volver a selección de idioma) o ir al carrito (mostrar solo si existen ítems en el carrito y el número de ítems).

Pantalla de selección de ítem dentro de la categoría elegida

  • Mostrar grid de ítems de la categoría elegida (debe tener imagen, nombre y precio).
  • Solo botones grandes como opciones y sin distracciones.
  • Elegir simplemente con un toque y pasar a la siguiente fase de la interfaz (personalización del ítem).
  • Opciones en la parte superior: volver atrás (selección de categoría), selector de idioma, selector de categoría y selector de subcategoría.
  • Opciones en la parte inferior: cancelar pedido (volver a selección de idioma) o ir al carrito (mostrar solo si existen ítems en el carrito y el número de ítems).

Pantalla de personalización del ítem

  • Mostrar detalles del producto (imagen, nombre, descripción, precio) además del botón “añadir al carrito”.
  • Solo botones grandes como opciones y sin distracciones.
  • Al usar el botón “añadir al carrito” pasa a la siguiente fase de la interfaz (carrito de compra).
  • Opciones en la parte superior: volver atrás (selección de ítem) y selector de idioma.
  • Opciones en la parte inferior: cancelar pedido (volver a selección de idioma), seguir comprando (volver a selección de categoría) o ir al carrito (mostrar solo si existen ítems en el carrito y el número de ítems).
  • Problema de lógica posible: si el usuario vuelve y añade el mismo ítem, solo se agrega 1 unidad y es llevado directamente al carrito, sin opción de seguir comprando.

Pantalla de carrito de compra o resumen del pedido

  • Lista de ítems añadidos al carrito (imagen, nombre, precio, cantidad y opción de borrar).
  • Solo botones grandes como opciones y sin distracciones (cantidad con botones de añadir/quitar y botón de borrar ítem).
  • Teclado virtual para insertar nombre del cliente.
  • Al usar los botones de cantidad o borrar, la interfaz se mantiene igual solo actualizando valores.
  • Opciones en la parte superior: volver atrás (selección de ítem) y selector de idioma.
  • Opciones en la parte inferior: cancelar pedido (volver a selección de idioma), seguir comprando (volver a selección de categoría) o finalizar compra.
  • Al usar el botón “finalizar compra” pasa a la siguiente fase de la interfaz (confirmación).
  • Lógica: después de finalizar la compra, guardar en la base de datos el pedido con sus detalles y limpiar el carrito.

Pantalla de confirmación

  • Mensaje de confirmación del pedido con detalles (lista de ítems, total, fecha y número de pedido).
  • Lógica: después de 20 segundos, redirigir a la pantalla inicial (selección de idioma).
  • Problema de lógica posible: si el usuario deja de interactuar por 2 minutos o más, será redirigido al inicio (selección de idioma), borrando cualquier actividad del carrito.

Caso versión web

  • El sistema inicia en una pantalla igual a la de selección de ítem, pero mostrando todos los ítems.
  • Puede filtrar categorías y subcategorías en la parte superior, además de cambiar idioma.
  • Un nuevo botón en la parte superior lleva al carrito, mostrando también el número de ítems.
  • No necesita opciones en la parte inferior, excepto en la pantalla de carrito de compra.

Reglas generales

  • Siempre usar botones grandes como opciones y sin distracciones.
  • Siempre usar ventanas de confirmación (borrar o cancelar pedido).