Aplicaciones de entretenimiento

Aquí veras ideas de diseño que te ayudarán a crear aplicaciones multimedia de gran eficacia y popularidad.

Introducción

Windows 8.1 se ofrece en una variedad incomparable de dispositivos, desde tabletas táctiles a portátiles y equipos de escritorio de alta resolución. Muchas de las nuevas características de Windows 8.1 son especialmente adecuadas para experiencias de entretenimiento y multimedia, y otorgan a los publicadores de contenido nuevas formas de conectar, atraer y acercarse a su público.

La Tienda Windows también ofrece grandes oportunidades a los publicadores de contenido de distribuir, promover y vender su contenido. El acuerdo comercial en la Tienda Windows te permite usar el motor de comercio que ofrece Microsoft. O, si lo prefieres, puedes usar tu propio motor de comercio, lo que te permitirá llevar tu negocio a tu aire y maximizar la flexibilidad y los ingresos.

Este documento resalta las funciones de Windows 8.1 que son de especial importancia para publicadores de entretenimiento y multimedia. Incluyen:

• Aplicaciones de la Tienda Windows—Un lenguaje de diseño para aplicaciones, donde el contenido adquiere el rol más importante.
• Iconos dinámicos y notificaciones del sistema—Haz que el usuario vuelva a tu aplicación con una promoción eficaz del contenido y notificaciones relevantes, incluso cuando tu aplicación no se esté ejecutando.
• Contratos de Buscar y contratos para contenido compartido—Buscar y compartir contenido multimedia son ahora funciones de nivel superior del sistema operativo, que crea una experiencia del usuario más coherente y facilita las tareas de buscar y compartir contenido en tus aplicaciones.
• Contratos de dispositivo—Los usuarios pueden enviar contenido desde sus equipos a dispositivos en red como televisores y receptores de audio y vídeo, lo que permite una participación y visualización de grupos.

Diseño y navegación en aplicaciones multimedia

Las aplicaciones de entretenimiento suelen tener muchas categorías distintas para diferentes tipos de medios. Por ejemplo, una aplicación de películas te puede permitir buscar películas por género, por un director o actor específico, por tus preferencias de cine anteriores o por contenido destacado. De forma similar, en el caso de aplicaciones de música, los usuarios pueden buscar contenido por intérprete, álbum, género y contenido destacado. Para una experiencia óptima del usuario final con una aplicación multimedia, es crucial organizar el contenido de forma significativa para que los usuarios puedan encontrar lo que quieren de forma rápida y fiable. El uso de patrones de navegación jerárquicos y de otros tipos en las aplicaciones de la Tienda Windows convierte a tu aplicación en rápida, fluida y fácil de usar, y permite a los usuarios encontrar lo que quieren rápidamente.

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.

Modelo jerárquico

Las aplicaciones multimedia y de entretenimiento suelen tener un montón de historias e imágenes para que el usuario descubra. Si usas los patrones de interacción y navegación recomendados en Windows 8.1, estarás llevando el contenido a la superficie, permitiendo así que las historias y las imágenes sean el foco de la experiencia. La presentación de la información de lo más general a lo más específico permite a los usuarios encontrar rápidamente lo que buscan.

La página de concentrador de tu aplicación

Para permitir una experiencia rica y diversa en tu aplicación, usa el modelo jerárquico para aplicaciones de la Tienda Windows. La página de aterrizaje de tu aplicación, también denominada hub, puede mostrar contenido destacado, contenido recomendado para el usuario según sus intereses previos, contenido que se está reproduciendo actualmente, colas guardadas, géneros y categorías en una superficie por la que puedes desplazarte lateralmente de forma sencilla. Puedes resaltar cada grupo de categorías y, pulsando en el encabezado, revelarás más contenido, tal como se muestra en la imagen siguiente.

Muestra las categorías del contenido en la página de concentrador de la aplicación y el contenido multimedia pertinente en cada categoría para llevar a los usuarios a esas categorías. Para hacerle saber al usuario que hay más contenido en la categoría, puedes agregar el glifo cheurón (>) al encabezado.

Marcadores, favoritos y listas de reproducción

Los usuarios suelen guardar listas de reproducción para agregar elementos multimedia a colas a las que accederán más tarde. Si tu aplicación admite esto de forma sencilla y accesible, los usuarios que quieran una experiencia sin problemas para acceder a sus elementos multimedia favoritos usarán tu aplicación de forma repetida.

Agrega una sección en tu página de aterrizaje llamada Marcadores, Favoritos o Lista de reproducción, que será una recopilación de todo el contenido multimedia guardado del usuario. Permite a los usuarios seleccionar estos elementos marcados y administrarlos moviéndolos a la parte superior de la cola, quitándolos de la cola u ordenándolos dentro de la cola. El ejemplo siguiente muestra contenido recopilado en una cola de "guardados para después".

Zoom semántico

Tanto en la página de aterrizaje como en las páginas de categoría, los usuarios pueden usar el zoom semántico para ver fácilmente toda la superficie y acceder rápidamente a los elementos en los que estén interesados.

La página Diseño de interacción táctil tiene más información sobre cómo puede admitir tu aplicación el movimiento panorámico. En la siguiente imagen se muestra una vista de grupo para el zoom semántico.

Al usar el zoom semántico, el usuario podrá reorganizar la colocación de categorías en la página principal. Para ello, seleccionará el grupo y lo moverá donde quiera. Tus usuarios ahora pueden personalizar la página de destino de la aplicación, lo que les da otro motivo para usar tu aplicación.

Los usuarios también pueden usar la barra de la aplicación superior para navegar, como se muestra en esta imagen.

También puedes usar el zoom semántico en una página de una categoría específica para navegar entre diferentes películas o canciones en esa categoría. Los usuarios usarán el zoom semántico para saltar rápidamente entre diferentes canciones y vídeos.

Pulsar elementos en la vista de concentrador

Caso 1: reproducción instantánea

Cuando un usuario pulsa elementos multimedia en la página de destino o en las páginas de sección, estos se reproducen. Como los usuarios esperan esto, es mejor que esta sea la respuesta predeterminada a la pulsación. Esta imagen muestra interacciones para la reproducción instantánea.

Probablemente, los usuarios querrán más información sobre los elementos multimedia que reproducen, así que es buena idea ofrecer un botón en la barra de la aplicación que les permita abandonar la vista de pantalla completa e ir a una vista del elemento detallada. La imagen siguiente muestra una simulación de esto.

Los elementos multimedia deben seguir reproduciéndose incluso cuando ya no se está en la vista de pantalla completa. Sigue mostrando controles multimedia incluso si el recurso multimedia no está en pantalla completa. De esta forma, el usuario tendrá la misma experiencia al abrir los controles multimedia, sin tener en cuenta si la aplicación está o no escalada.

Las acciones de tocar el botón de alternancia para pantalla completa o tocar el vídeo o la música presentados en la interfaz de usuario deberían reanudar el modo de reproducción en pantalla completa.

O bien, si la aplicación no ofrece una experiencia de información detallada para los elementos multimedia, un botón en la barra de la aplicación puede alternar la activación o desactivación de información adicional en lugar de cambiar a una vista detallada desde la barra de la aplicación. Puedes ver esto en la siguiente imagen.

Caso 2: vista de elemento detallada

Hay situaciones en las que tiene más sentido que la acción de pulsar dirija al usuario a una página de elemento detallada en lugar de reproducir elementos multimedia inmediatamente. Por ejemplo, si hay varios episodios de un programa de televisión, puedes dar al usuario una lista de opciones antes de que empiece el elemento multimedia. Y si el elemento multimedia solo está disponible con la opción de pague por ver, el usuario debe pagar primero antes de que comience, por lo que querrás mostrar información de pago antes.

La imagen siguiente muestra el proceso de elegir elementos multimedia específicos del contenido agregado en una página promocional de un programa de televisión. El usuario pulsa una imagen de un episodio específico, puede leer sobre ese episodio y leer críticas antes de volver a pulsar para mostrar las opciones de reproducción del episodio.

Para volver a la página de información detallada de ese episodio, toca el botón Atrás de la barra de la aplicación superior o toca el botón Vista completa para alternar con la otra vista.

Experiencia de reproducción en curso

Cuando los recursos multimedia se están reproduciendo, tu aplicación puede marcar la diferencia ofreciendo una experiencia que muestre el contenido del usuario. Diseña la experiencia de reproducción de elementos multimedia para ser completamente envolvente, sin ningún tipo de cromo. Los controles multimedia se pueden mostrar en el recurso multimedia cuando el usuario lo quiera mediante un toque. Esta imagen muestra la experiencia de reproducción de un vídeo que es completamente envolvente.

Para aplicaciones de música y vídeo que incluyen el concepto de listas de reproducción, la experiencia de reproducción en curso permite a los usuarios administrar la lista de reproducción y navegar por ella fácilmente. Considera la posibilidad de poner un botón de lista de reproducción en el Canvas o en la barra de la aplicación superior que muestre un control flotante desplazable con la lista de reproducción dentro. Los usuarios pueden seleccionar elementos y administrarlos moviéndolos hacia arriba o hacia abajo o quitándolos de la lista completamente. La imagen siguiente muestra una lista de reproducción en curso.

Otra alternativa es que quieras mostrar siempre la lista de reproducción en la pantalla Reproducción en curso. Para ello, puedes usar un patrón de vista de lista y el desplazamiento vertical para permitir que los usuarios naveguen por la lista de reproducción fácilmente. Asegúrate de que el resto de la página tenga un ancho fijo, para que no se desplace en dos direcciones y cause confusión a los usuarios. Muestra otra información en una sección de ancho fijo junto a la lista de reproducción.

También puedes permitir que los usuarios deslicen transversalmente para seleccionar elementos y administrar la lista de reproducción tal como se muestra aquí.

Navegación entre videoclips o episodios anterior y siguiente

A menudo los usuarios miran varios clips o episodios relacionados seguidos. Si proporcionas botones Anterior y Siguiente, permites que los usuarios puedan navegar rápidamente al siguiente clip o episodio. Esta imagen muestra botones Anterior y Siguiente en una experiencia de lista de reproducción.

En el caso de aplicaciones de música, donde las interacciones de anterior y siguiente son más comunes, estos comandos se presentan mejor en el Canvas tal como se describe en la sección de Comandos a continuación.

Comandos

Controles multimedia

Para aplicaciones multimedia que tienen listas de reproducción de música y vídeo, la colocación de controles de reproducción en una ubicación coherente ayuda a los usuarios a interactuar con los recursos sin problemas. Si quieres más información sobre los comandos, lee Diseño de comandos para aplicaciones de la Tienda Windows.

El botón Reproducir/Pausa y el control deslizante de transporte son controles habitualmente cruciales para la reproducción de multimedia, por lo que se pueden colocar en el Canvas y mostrarse en cuanto el usuario toque la pantalla o deslice rápidamente el dedo. Reproducir/Pausa debe ser un botón que refleje la acción que ocurre cuando se toca. Por ejemplo, cuando se reproduce música, el botón debe mostrar "Pausa" como la acción, y viceversa. Esta imagen muestra controles en una aplicación multimedia.

Si tu aplicación usa un control deslizante de transporte, los botones Rebobinar y Avanzar duplican funciones porque el usuario puede usar el control deslizante para rebobinar y para avanzar la película o canción. Para evitar esta duplicación, no uses a la vez el control de transporte y los controles de rebobinar/avanzar.

Otros controles multimedia como Anterior y Siguiente (canción o episodio) dependen realmente de los escenarios de tu aplicación. Por ejemplo, en el caso de una película que se está reproduciendo, Anterior y Siguiente no tienen mucho sentido, pero en el caso de una lista de reproducción de música o programas o series de televisión con episodios, son muy útiles. Si usas los controles Anterior y Siguiente en tu aplicación, colócalos con Reproducir/Pausa y el control deslizante de transporte, para que, cuando el usuario toque o deslice rápidamente el dedo, pueda ver todos los controles disponibles a la vez.

No muestres controles que no tienen sentido en un contexto determinado. Por ejemplo, al comenzar una nueva lista de reproducción de música, el botón Anterior no será válido hasta que la reproducción empiece (porque el usuario está al principio de la lista de reproducción y no hay ninguna pista “anterior”).

Los controles multimedia aparecen al tocar y deslizar rápidamente. La barra de la aplicación aparece al deslizar rápidamente desde el borde. Siempre que el usuario desliza rápidamente el dedo para mostrar la barra de la aplicación, muestra también los controles de transporte de recursos multimedia en el Canvas, para que el usuario pueda interactuar con los elementos multimedia mientras usa los comandos de la barra de la aplicación si así lo quiere.

Además de controles multimedia de la interfaz de usuario, puedes dar a los usuarios más control sobre su experiencia de reproducción de multimedia si les permites controlar tu aplicación con botones multimedia de teclado o botones multimedia remotos como:

• Reproducir
• Pausa
• Avance rápido

Un control deslizante de control de volumen y un botón de silencio están disponibles en los botones de hardware y no hace falta duplicarlos en tu aplicación.

Otros comandos que no son tan cruciales para la reproducción de multimedia pueden ir en la barra de la aplicación: como la alternancia entre modo de pantalla completa, subtítulos opcionales y metadatos Lee Directrices y lista de comprobación de barras de aplicación si quieres más información sobre el uso de la barra de la aplicación.

Para administrar listas de reproducción, considera la posibilidad de colocar también botones para "quitar de la lista de reproducción", "borrar cola", "guardar cola", "subir en la cola" y "bajar en la cola" en la barra de la aplicación.

Tamaño de ventana estrecho

Cuando un usuario cambia el tamaño de la aplicación a un ancho estrecho, la interacción con los controles de medios debería ser la misma.

• Pulsa el lienzo de medios para mostrar los controles de la reproducción de multimedia. Reproducir/Pausa es esencial para mantener en anchos estrechos.
• Otros controles, como el control deslizante de transporte y Anterior y Siguiente pueden colocarse en anchos estrechos.

Esta imagen muestra un botón Reproducir/Pausa en una aplicación multimedia estrecha.

Reproducción en primer plano y en segundo plano

Si tu aplicación multimedia reproduce música y el usuario cambia a otra aplicación, tu aplicación puede permitir que el usuario siga escuchando música en segundo plano. Algunos buenos ejemplos de escenarios multimedia que funcionan bien en segundo plano son música, radio de transmisión en secuencias, podcasts y vídeos musicales. Pero si se reproduce contenido visual como programas de televisión y películas, tu aplicación debería pausar automáticamente cuando el usuario cambie a otra aplicación. De esta forma, los usuarios pueden volver al momento en que lo dejaron cuando vuelvan a la aplicación, sin perderse ningún contenido.

Para ver más información sobre la reproducción de multimedia en segundo plano, lee el MediaControl.Soundlevel | soundLevel property y el documento Reproducción de audio en una aplicación de la Tienda Windows.

Controles de transporte del sistema

Para las aplicaciones que reproducen multimedia en segundo plano, los controles de transporte del sistema permiten a los usuarios ver lo que está reproduciendo la aplicación y controlar la reproducción sin tener que volver a la aplicación. Los usuarios pueden presionar un botón de volumen del hardware en su dispositivo para acceder a controles multimedia y metadatos de una forma rápida y fluida desde fuera de la aplicación. Ofrece información sobre la pista y el nombre del intérprete para que los usuarios sepan lo que se está reproduciendo. Si tu aplicación está cargando o descargando contenido, puedes ofrecer información del estado al usuario para que sepan el estado de su reproducción de archivos multimedia. La imagen siguiente muestra controles de transporte del sistema.

Volver a la experiencia de reproducción de multimedia

Si un usuario usa tu aplicación, navega para agregar más canciones a la lista de reproducción o compra música nueva, es importante contar con un lugar coherente al que navegar para la Reproducción en curso de música y vídeo. Esto permite a los usuarios volver rápidamente a la experiencia de Reproducción en curso.

La imagen siguiente muestra lo fácilmente accesible que es la barra de navegación cuando los usuarios realizan otras tareas relacionadas con multimedia. Los usuarios pueden navegar rápidamente a la sección de Reproducción en curso de la aplicación cuando así lo quieran.

Clasificación y revisión

La clasificación y revisión de contenido multimedia es un escenario importante para la mayoría de aplicaciones multimedia. Considera la posibilidad de colocar estrellas en la parte superior de una sección de tu aplicación que muestre revisiones para que los usuarios puedan revisar rápidamente el contenido multimedia. Para que los usuarios escriban revisiones, puedes mostrar un cuadro de texto en la parte superior que deje espacio para que aparezca el teclado táctil. Al presionar Entrar se enviará la revisión. El cuadro de texto puede crecer si es necesario en el caso de una revisión más larga.

Los usuarios pueden ver más revisiones si tocan el encabezado, tal como se muestra aquí.

Tipografía en aplicaciones multimedia

Sigue las instrucciones de la tabla de tipos para crear una sensación de ritmo y estructura del contenido. Para alinear la tipografía de tu aplicación multimedia con la de Windows 8, usa Segoe Semilight de 11 puntos como el tamaño principal para el contenido, y Segoe UI Light de 20 puntos para títulos y subencabezados. Si necesitas un tamaño inferior, usa Segoe UI Regular de 9 puntos para títulos cortos y créditos. No especifiques tipos por debajo de los 9 puntos.

Usa Segoe UI Light de 42 puntos con moderación para titulares y títulos. Evita configurar encabezados, como “Música” o “Películas” de 42 puntos. Reserva el tamaño de tipografía más grande para el nombre de la película, del álbum o de la pista musical. Cuando uses el tamaño de tipografía más grande, es importantísimo que apliques interletraje y puntuación correcta. Usa comillas curvas y apóstrofos en lugar de comillas rectas. El ejemplo siguiente muestra el uso correcto e incorrecto de la puntuación.

Aunque la personalidad de Windows 8 requiere el uso de mayúsculas tipo oración, puedes decidir que para tu contenido es más apropiado el uso de todo mayúsculas, todo minúsculas o tipo título. Ten en cuenta que estos tratamientos tipográficos no se transmiten a muchos idiomas traducidos. Asegúrate de usar estilos de uso de mayúsculas y minúsculas coherentemente y de diferenciar partes distintas del contenido; no solo se trata de agregar interés visual a la tipografía de la aplicación.

Si decides salirte de esta recomendación, trata de usar un máximo de cuatro tamaños y estilos diferentes de fuente. Usa el color y el tamaño de fuente para diferenciar el contenido que se muestra en el mismo tipo de fuente.

El documento Directrices para fuentes contiene más información sobre las prácticas recomendadas para las fuentes, como el color, el tamaño y el estilo.

Contratos

Contenido compartido

El contrato para contenido compartido proporciona a los usuarios una manera natural y conocida de compartir contenido entre dos aplicaciones. Hay muchos escenarios para compartir contenido en tu aplicación, o desde ella, que pueden diferenciarla del resto. Si deseas permitir que los usuarios compartan contenido de la aplicación, la aplicación debe ser un origen de contenido compartido. Si deseas permitir que los usuarios usen datos de otras aplicaciones, la aplicación debe ser un destino de contenido compartido. También puedes admitir las dos formas de uso compartido, según las necesidades específicas de la aplicación.

Compartir contenido procedente de tu aplicación de entretenimiento

El uso compartido de contenido multimedia es un escenario esencial en las aplicaciones de entretenimiento. Mediante el uso del contrato para contenido compartido, permites que tus usuarios compartan vídeos que encuentran interesantes o canciones que están escuchando con cualquier aplicación que admita este formato. Esto permite muchos escenarios atractivos, como compartir vídeos graciosos en redes sociales o enviar por correo electrónico recomendaciones de películas o canciones a los amigos. También permite transformar música, fotos o vídeo de tu aplicación multimedia de una manera interesante mediante otras aplicaciones de Windows, como aplicaciones de filtro de cámara y aplicaciones de autosintonización, etc.

Compartir contenido en tu aplicación de entretenimiento

Si tu aplicación admite el almacenamiento de fotos, música o vídeos para compartir con amigos, familiares o todo el público, debes registrarla para el Contrato para aceptar contenido compartido. De esta forma, los usuarios podrán aprovechar fácilmente la aplicación para organizar sus elementos multimedia de otras aplicaciones y llegar a un público más amplio.

Si tu aplicación multimedia puede transformar el contenido de otras aplicaciones de forma interesante (ya sea mediante la aplicación de filtros especiales en fotografías, grabaciones de música con autosintonización o la composición de panorámicas, etc.), debes registrarla para el Contrato para aceptar contenido compartido. De esta forma, los usuarios podrán aprovechar fácilmente la aplicación para descubrir su valor con contenido de otras aplicaciones.

Buscar

La búsqueda es un escenario importante en las aplicaciones multimedia, que suelen mostrar resultados de búsqueda de diversas categorías. El acceso a Buscar proporciona una experiencia centralizada para todas las necesidades de búsqueda del usuario, incluida la Web. En cambio, el cuadro de búsqueda de la aplicación ayuda a proporcionar una experiencia totalmente personalizada para el usuario.

Para obtener más información sobre la búsqueda, lee Directrices sobre búsqueda. La imagen siguiente muestra una experiencia típica de búsqueda.

Si tu aplicación tiene más escenarios de búsqueda avanzada que incluyen filtrado y ámbitos de búsqueda, puedes ofrecerlos en el Canvas de la aplicación cuando sea apropiado.

Además, el uso de sugerencias de consulta ayuda a completar automáticamente consultas de búsqueda del usuario y agiliza sus búsquedas al evitar la necesidad de escribir toda la cadena.

Configuración

Todas las opciones de configuración aplicables para aplicaciones multimedia, como información de cuenta de usuario, información de suscripción, configuración de privacidad y configuración de notificaciones, deben estar activas en el acceso a Configuración. Ofrece un lugar único para que los usuarios puedan retocar su configuración. Y además evita que la interfaz de usuario de tu aplicación se llene con configuraciones diferentes. Esta imagen muestra configuraciones en una aplicación multimedia.

Dispositivos

El contrato de dispositivos ofrece una buena opción de conexión para tu aplicación. Tus usuarios pueden querer ver películas o vídeos en televisión y reproducir música en dispositivos de audio. La integración con el contrato de dispositivos permite que tus usuarios hagan esto con un solo gesto. La imagen siguiente muestra contenido reproducido en un dispositivo.

Conectado y activo

Iconos y notificaciones

Existen muchos escenarios atractivos para el uso de iconos dinámicos en aplicaciones multimedia. Iconos para aplicaciones de películas que muestran la última película recomendada para el usuario, nuevas entregas disponibles en DVD, vídeos muy populares —todo esto ayuda a captar de nuevo al usuario. De forma parecida, en las aplicaciones de música: iconos que muestran álbumes nuevos de un intérprete favorito, música que está en reproducción o un intérprete recomendado según los intereses del usuario siguen llevando al usuario a tu aplicación cuando descubren contenido nuevo inesperado en tu icono. Estas imágenes muestran iconos dinámicos que presentan información.

Al permitir a los usuarios anclar diferentes géneros de cine, canales de televisión, intérpretes y listas de reproducción a Inicio, les estás permitiendo ver notificaciones adaptadas sobre el contenido en el que están más interesados y acceder rápidamente al contenido que más les preocupa. Este es otro motivo para hacer que los usuarios vuelvan a tu aplicación. Las imágenes siguientes muestran iconos anclados para aplicaciones multimedia.

Si permites que los usuarios puedan ver noticias de última hora mediante notificaciones del sistema incluso cuando la aplicación no se está ejecutando, mantendrás al usuario actualizado con las últimas noticias, lo que hará que vuelva a tu aplicación. Pero asegúrate de que las notificaciones del sistema son opciones que el usuario pueda habilitar en la configuración de la aplicación a través del acceso a Configuración, porque pueden ser bastante intrusivas para algunos usuarios.

Activación de roaming

Roaming es el traslado de la configuración y las preferencias de un dispositivo a otro. La mayoría de la gente tiene más de un equipo con Windows. Si creas una aplicación que ofrezca una experiencia del usuario coherente en todos sus equipos con Windows 8, estarás dando a los usuarios lo que esperan. Siempre que sea posible, utiliza un perfil móvil para las opciones de configuración de la aplicación, el contenido multimedia guardado, los favoritos, el historial de lo último visto y el momento en que el usuario dejó de ver cierto recurso multimedia. Pueden encontrarse directrices adicionales sobre roaming en los temas sobre directrices para la configuración de una aplicación y directrices para perfiles móviles de datos de la aplicación, y en el tema acerca de cómo administrar datos de la aplicación.

Orientación y tamaño de ventana

Vertical y horizontal

Cuando diseñes tu aplicación multimedia para Windows 8.1, considera todos los tamaños de dispositivo, resoluciones de pantalla y orientaciones. Windows 8.1 facilita escalar el diseño de pantallas de alta resolución y de diseño vertical, lo que incluirá más contenido en tu aplicación con dispositivos más grandes. Muestra tu aplicación en vista horizontal y vertical. Para ciertas vistas en tu aplicación, como ver una película, puede tener sentido bloquear la vista en horizontal.

Cambio de tamaño de ventana

Windows 8.1 permite a los usuarios realizar varias tareas al colocar varias aplicaciones una al lado de otra en la pantalla. Diseñar la aplicación para que funcione correctamente en los anchos estrechos es una excelente forma de aumentar el tiempo de la aplicación en pantalla y atraer a los usuarios durante períodos más largos. Esto permite a los usuarios trabajar en varias tareas mientras usan tu aplicación y hace que la mantengan en pantalla durante más tiempo aunque estén haciendo otras cosas.

Existen escenarios atractivos en los que el usuario querrá poder realizar varias tareas con una aplicación multimedia. Un usuario puede querer ver una competencia deportiva transmitida en vivo mientras navega en la Web, o escuchar su lista de reproducción de Spotify mientras lee las noticias. Adapta experiencias de reproducción principales a ventanas de todos los tamaños para admitir estos escenarios comunes.

Esta imagen muestra ejemplos de aplicaciones de entretenimiento que han sido cambiadas a anchos estrechos. Observa que hay una vista útil y adaptada de cada página, lo que permite al usuario mantener el contexto cuando la aplicación cambia de tamaño.

Dado que el usuario puede cambiar el tamaño de una ventana hasta un ancho mínimo, la relación de aspecto puede variar en gran medida. Muestra vídeos y otro contenido multimedia en consecuencia. Si la relación de aspecto de la ventana no coincide con el contenido multimedia, debes mostrar el contenido multimedia en un formato letterbox para que no se vea estirado.

Pantalla de presentación

A menudo las aplicaciones multimedia tienen que descargar contenido actualizado de la Web. Para hacer que tu aplicación muestre una respuesta rápida, no esperes a que se descarguen todas las imágenes de cada categoría para mostrar la pantalla de destino. Esto puede impacientar a los usuarios. Muestra al usuario la página de destino de la aplicación después de descargar los iconos de contenido y de cargar imágenes y otros datos de forma asincrónica. Esta imagen muestra una pantalla de presentación de ejemplo.

Procedimientos recomendados de música y vídeo

Aplicaciones de música

Recomendación	Descripción
Registra tu aplicación como elementos multimedia en segundo plano	Si la aplicación puede reproducir listas de reproducción de música, puedes hacer que la reproducción continúe en segundo plano aunque el usuario cambie a otra tarea. Para obtener más información, consulta Cómo reproducir audio en segundo plano.
Responde a todos los botones multimedia del hardware	Registra y responde a los eventos de Reproducción, Pausar, Reproducir-Pausa, Pista siguiente, Pista anterior y otros botones multimedia para que los usuarios puedan controlar la aplicación desde controladores remotos o botones de teclados multimedia. Para obtener más información, consulta Cómo configurar teclas para controles multimedia.
Proporciona información de "Reproducción en curso" en los controles de transporte del sistema	Las aplicaciones que pueden reproducir en segundo plano deberían proporcionar información de la pista, nombre del intérprete y la carátula del álbum en los controles de transporte del sistema para que los usuarios tengan amplia información sobre lo que se está reproduciendo, aunque no estén en la aplicación. Si la aplicación tiene un retraso cuando el usuario cambia de pista, rellena el campo de nombre de pista con "Cargando pista siguiente" para que no dé la sensación de que la aplicación ha dejado de funcionar. Para obtener más información, consulta Guía para desarrolladores de controles de transporte del sistema.

 

Aplicaciones de vídeo

Recomendación	Descripción
Elige el tipo correcto de transmisión por secuencias para la aplicación	En la mayor parte de los casos, registra la aplicación como de elementos multimedia solo en primer plano Si los usuarios tiene n música reproduciéndose en segundo plano cuando se inicia el vídeo, la secuencia hará que se pause automáticamente toda la música en segundo plano para que los usuarios puedan escuchar el sonido proveniente del vídeo. Cuando los usuarios abandonen la aplicación, pon el vídeo en pausa automáticamente para que los usuarios puedan continuar más tarde exactamente desde donde lo dejaron sin que se pierda ninguna parte del vídeo. Para obtener más información, consulta Reproducción de audio en una aplicación de la Tienda Windows. Si el usuario reproduce vídeos de música o crea una lista de reproducción de vídeo, registra la aplicación como elementos multimedia en segundo plano Cuando los usuarios usan la aplicación como un reproductor de música o para crear una cola de vídeos, esperan poder oír la reproducción incluso cuando abandonen la aplicación. Para obtener más información, consulta Cómo reproducir audio en segundo plano.
Responde a todos los botones multimedia del hardware	Registra y responde a los eventos de Reproducción, Pausar, Reproducir-Pausa, Pista siguiente, Pista anterior y otros botones multimedia para que los usuarios puedan controlar la aplicación desde controladores remotos o botones de teclados multimedia. Para obtener más información, consulta Cómo configurar teclas para controles multimedia.

 

Temas relacionados

Conocer las aplicaciones de la Tienda Windows

Directrices de experiencia del usuario para aplicaciones de la Tienda Windows

Reproducción de multimedia, de principio a fin (HTML)

Reproducción de multimedia, de principio a fin (XAML)