Contexto

Los activos son otros elementos visuales que no encajan en una categoría, como los colores o las fuentes, entre otros. Pueden ser imágenes o logotipos, por ejemplo.

Puede encontrar todos los activos predeterminados para Kiosk en este archivo Figma y usarlos como plantilla.

Imagen de la pantalla de inicio

Utiliza toda el área segura en la parte superior de la pantalla para mostrar cualquier elemento visual nítido, pero también una llamada a la acción clara como PEDIR AQUÍ. Las pruebas demuestran que una llamada a la acción evidente integrada en la imagen de la pantalla de inicio anima a los usuarios a acercarse al kiosco y usar la app del kiosco. La parte inferior de la pantalla se reserva para los botones de tipo de pedido e idioma. Recuerda no colocar elementos de imagen que puedan interferir con la interfaz en esa zona.

La imagen de la pantalla de inicio puede ser estática (JPG), pero también una animación en formato GIF.

Requisitos:

• Resolución de la imagen: 1080 x 1920 píxeles
• Tamaño máximo del archivo: hasta 1 MB para JPG; hasta 50 MB para GIF
• Formato de la imagen: JPG, GIF
• Nombre del archivo: home_image

Imagen del encabezado

Se utiliza en la parte superior de la página del menú, arriba de la barra de navegación de las subcategorías. Puedes usar esta

área para fines de marketing o para presentar tu marca. 

Ten en cuenta que la mayoría de los modelos de kiosco ya muestran tu logotipo justo encima, por lo que se recomienda no incluirlo en la imagen del encabezado.

Requisitos:

• Resolución de la imagen: 1080 x 280 píxeles
• Tamaño máximo del archivo: 1 MB
• Formato de la imagen: PNG, JPG
• Nombre del archivo: header_image

Imagen que indica que la tienda está cerrada

Se utiliza como imagen de la pantalla de inicio cuando una tienda está cerrada. La práctica recomendada es dejar despejada el área central al menos 800 x 1080 píxeles.

Requisitos:

• Resolución de la imagen: 1080 x 1920 píxeles
• Tamaño máximo del archivo: 1 MB
• Formato de la imagen: PNG, JPG
• Nombre del archivo: venue_closed_image

Instrucción de escaneado

La imagen de la instrucción de escaneado aparece en la pantalla de inicio de sesión y detalla a los usuarios la acción precisa que deben realizar. Los usuarios comprenderán fácilmente la imagen y el proceso de escaneado, con lo que la experiencia será sencilla e intuitiva. Se recomienda tener un estilo de imagen circular.

Requisitos:

• Tamaño de la imagen: 660 x 660 píxeles
• Formato de la imagen: PNG
• Nombre del archivo: scan_instruction.png