Aplicaciones de viajes

El libro de ideas de la aplicación de viajes describe una aplicación de viajes ficticia para Windows 8.1. Puedes inspirarte en ella para diseñar tu propia aplicación de viajes. Revisa los escenarios de este tema y fíjate en cómo se usa el lenguaje de diseño de Microsoft en la aplicación.

Escenarios de la aplicación de viajes

La aplicación de viajes que se describe en este tema usa las características de diseño de Microsoft para crear una atrayente experiencia de viajes para los usuarios.

Inspirar Reservar Facturar
imagen de iconos dinámicos y exploración imagen de una aplicación de viajes imagen de una notificación del sistema

 

Inspira a los usuarios y atráelos

Puedes usar iconos dinámicos para llamar la atención de los usuarios hacia tu aplicación, y el contrato para contenido compartido facilita la expansión de su contenido a otras. Sigue este escenario para ver cómo puedes hacer que tu aplicación de viajes sea atrayente.

imagen grande de iconos dinámicos y exploración

Ben ha abierto el icono dinámico de la aplicación Wigtip Destinations y la oferta de unas vacaciones en la playa le llama la atención.

imagen de la pantalla Inicio con los iconos dinámicos

Después de iniciar la aplicación, Ben hace clic en la oferta de destinos de playa.

imagen de una aplicación de viajes con ofertas

Ben selecciona la oferta de Contoso Beaches para echarle un vistazo.

Imagen de ofertas de viajes

A Ben le gusta el aspecto de la oferta, así que decide compartirla con su amigo.

imagen de una oferta de viaje y del acceso a Compartir

 

Resumen de iconos dinámicos y Compartir

En el primer escenario vemos que...

  • Los iconos dinámicos llaman la atención al usuario hacia la aplicación mostrando información que es relevante para el usuario.
  • Puedes convertir tu contenido en origen de contenido compartido y Windows 8.1 te conecta con otras aplicaciones, correo electrónico y redes sociales.

Para obtener información sobre iconos dinámicos y Compartir, consulta los siguientes temas:

Reserva del viaje

Puedes usar la barra de la aplicación y el zoom semántico para hacer que tu contenido destaque mientras proporcionas a los usuarios una forma coherente de navegar por la aplicación.

imagen de reserva de viaje

Ben inicia la aplicación Wingtip Destinations y escribe la ciudad a la que va a viajar. La aplicación ya conoce su ubicación actual.

imagen de un mapa con destinos

El calendario es fácil de usar con la funcionalidad táctil y un mouse.

imagen de una página de calendario

La barra de la aplicación le ofrece a Ben varias formas de ver, filtrar y ordenar sus opciones de vuelos.

imagen de la barra de la aplicación y las opciones de vuelos

A Ben le preocupa el precio, así que decide ver los resultados por precios.

imagen de las opciones de viajes y precios

Ben usa el zoom semántico para obtener una vista diferente de los datos.

imagen de precios de opciones de vuelos

Ben ve su itinerario, introduce la información de los pasajeros, elige los asientos e introduce los detalles del pago en un solo paso. A partir de aquí, puede guardar este viaje hasta más tarde o reservar su billete.

imagen del panel de viajes de una aplicación de viajes

Ben decide reservar el viaje y completa la compra.

imagen de la página de itinerarios de una aplicación de viajes

 

Resumen de la reserva del viaje

En el segundo escenario vemos que...

  • Tu contenido queda en primer plano al poner los comandos y la navegación en la barra de la aplicación.
  • El zoom semántico permite a los usuarios ver datos de diferentes formas.
  • Puedes hacer que la aplicación reconozca la ubicación mediante la ubicación geográfica.

Para ayudarte a elegir el mejor patrón de navegación para tu aplicación, consulta Patrones de navegación.

Consulta el patrón de navegación plano como parte de nuestra serie Características de aplicaciones, de principio a fin.

Para obtener información sobre la barra de la aplicación, el zoom semántico y las aplicaciones con reconocimiento de ubicación, consulta los siguientes temas:

Notificaciones e impresión

Puedes usar el ecosistema de Windows 8.1 para comunicarte con los usuarios.

imagen de una notificación del sistema

Ben está trabajando, cuando una notificación del sistema de Wingtip Destinations le informa de que es hora de realizar la facturación.

imagen de una notificación del sistema

Ben hace clic en la notificación del sistema, que es un vínculo profundo a la página de facturación. Realiza la facturación e imprime su tarjeta de embarque.

imagen de una página de facturación de una aplicación de viajes

 

Resumen de notificaciones e impresión

En el tercer escenario vemos que...

  • Las notificaciones del sistema vinculan en profundidad dentro de la aplicación y proporcionan al usuario la oportunidad de volver a actuar con el contenido.
  • Puedes aprovechar todo el ecosistema de Windows en tu aplicación, incluidos los dispositivos como las impresoras.

Para obtener información sobre las notificaciones del sistema y la impresión, consulta los siguientes temas:

Explora las posibilidades

Windows 8.1 está repleto de nuevas características que pueden hacer que tu aplicación destaque aun más.

Por ejemplo, agregar un cuadro de búsqueda permite que los usuarios busquen en el contenido de tu aplicación y agregar el contrato de Buscar permite que busquen en dicho contenido desde cualquier otra aplicación. Para obtener más información, consulta Muestra de Buscar e Instrucciones de búsqueda.

imagen de cómo funciona la búsqueda

Temas relacionados

Conocer las aplicaciones de la Tienda Windows

Directrices de experiencia del usuario para aplicaciones de la Tienda Windows

Directrices y lista de comprobación de notificaciones del sistema

Muestra de notificación del sistema

Muestra de iconos dinámicos

Directrices de iconos dinámicos

Instrucciones de la barra de la aplicación

Muestra de la barra de la aplicación (HTML)

Muestra de la barra de la aplicación (XAML)

Muestra de zoom semántico (C#/VB/C++)

Muestra de zoom semántico (JavaScript)

Directrices de zoom semántico

Instrucciones de impresión

Muestra de impresión

Directrices para aplicaciones con reconocimiento de ubicación

Muestra de ubicación geográfica

Muestra de Buscar

Instrucciones de búsqueda

Muestra de origen de contenido compartido

Muestra de destino de contenido compartido

Instrucciones de Compartir