Aplicaciones de noticias

En este tema se describe cómo crear fantásticas aplicaciones de noticias para Windows 8.1.

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. Estos diferentes factores de forma representan una oportunidad única para que los editores de noticias ofrezcan fantásticas experiencias en distintos casos y escenarios de uso y lleguen a un público mayor con una aplicación. 

La nueva Tienda Windows ofrece a las aplicaciones nuevas la oportunidad de distribuir, promocionar y rentabilizar el contenido, al tiempo que proporcionan flexibilidad en caso de que quieras ejecutar tu propio motor de comercio para suscripciones.  

En este documento se resaltan las nuevas funcionalidades de Windows 8.1 que son especialmente importantes para las aplicaciones de noticias, entre ellas:

  • Contenido frente a contenedor visual—En Windows 8.1, el contenido es el rey y el sistema operativo queda en un segundo plano. Los lectores serán más atractivos y distraerán menos que antes.
  • Deja que tu marca brille—Windows 8.1 te permite incluir el prestigio y el reconocimiento de tu marca en una aplicación con iconos dinámicos, una pantalla de presentación y tu logotipo, entre otras cosas.
  • Contratos para contenido compartido y contratos para dispositivos—La nueva funcionalidad de nivel superior del sistema operativo hace que el contenido se pueda compartir mejor y que la aplicación pueda usar los dispositivos que están próximos.
  • Notificaciones—Usa los iconos dinámicos y las notificaciones del sistema para alertar al usuario de nuevo contenido, aumentando así la atracción y la repetición de uso.

Diseño y navegación en aplicaciones de noticias

Las aplicaciones de noticias suelen presentar las noticias en numerosas categorías distintas. Con el patrón de navegación jerárquico para aplicaciones de la Tienda Windows, puedes hacer que el uso de tu aplicación sea realmente rápido y dinámico, al tiempo que proporciona el contenido que interesa a los usuarios.

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

En una aplicación de noticias suele haber gran cantidad de contenido que el usuario puede descubrir y consumir. Además, para administrar la información, las aplicaciones y los sitios web de noticias tienden a usar numerosas categorías distintas. Por ejemplo, está la típica sección "última hora" o "principales historias", que se suele destacar en primera página. También es probable que haya otras categorías, tales como política, internacional, tecnología, deportes, economía y ocio, con una selección de artículos mostrados en el nivel superior de la aplicación. Usar el modelo jerárquico de Windows 8.1 para diseño e interacción permite a tu aplicación propagar contenido interesante al usuario en el nivel superior, en lugar de ocultarlo en pestañas o menús. La página de aterrizaje de nivel superior, o concentrador, puede ofrecer una amplia variedad visual, atraer a los usuarios y llevarlos a distintas partes de la aplicación.

Cuando planees el diseño de la aplicación, asigna la prioridad de los escenarios y las categorías en función de su importancia relativa y de la atracción que provocan en el mayor número de usuarios. Por ejemplo, las categorías de noticias de última hora o principales noticias suelen ser importantes para la mayoría de los usuarios de aplicaciones de noticias, por lo que deben ocupar un lugar destacado en la página del concentrador.

Este diagrama ilustra un modelo jerárquico de ejemplo para una aplicación de noticias de ejemplo.

Ejemplo de un modelo jerárquico para una aplicación de noticias.

Página del concentrador de tu aplicación

El concentrador de tu aplicación puede mostrar las principales noticias, la última hora, contenido recomendado para el usuario y los artículos destacados de todas las categorías en una superficie que se puede mover panorámicamente de forma sencilla. Cada grupo de categorías puede propagar contenido atractivo al concentrador. Cuando un usuario pulsa el encabezado de un grupo, puede explorar una sección determinada y ver más contenido.

Categorías de noticias

Distribuye uniformemente las categorías de la aplicación en la página del concentrador de la aplicación y muestra unos pocos artículos de cada categoría para atraer al usuario a esa categoría. Puedes indicar que hay más artículos en una categoría mostrando un contador junto al encabezado de grupo, tal y como se muestra aquí.

Ejemplo que muestra cómo indicar que hay más artículos nuevos

Noticias de última hora

Las noticias de última hora son un escenario clave para las aplicaciones de noticias porque los usuarios suelen interesarse por las noticias más recientes y más importantes. Puedes resaltar las noticias de última hora y las historias en curso en un primer plano de la página del concentrador, haciéndolas más grandes que otro contenido del concentrador y usando variaciones de color y espesor en función de la prioridad de la noticia.

En el ejemplo siguiente, los eventos en directo se distinguen mediante la colocación y el tamaño del contenido, y mediante el texto "En directo" en rojo antes del titular para captar la atención del usuario a dicho contenido.

Ejemplo de cómo indicar que hay contenido en directo

Marcadores/guardar para más tarde

Los usuarios guardan y marcan los artículos para continuar leyéndolos más adelante. Si tu aplicación permite hacer esto de forma rápida y dinámica, los usuarios continuarán usándola porque volver a los artículos que han guardado les resulta sencillo. Agrega una sección a tu página del concentrador llamada "Marcadores" o "Favoritos" donde almacenar todos los artículos guardados del usuario. Observa el siguiente ejemplo.

Ejemplo de marcadores de posición

Los usuarios pueden agregar artículos a la sección "Marcadores" o "Favoritos" y quitarlos cuando hayan terminado de leer.

Zoom semántico

El zoom semántico permite a un usuario navegar rápidamente en una sola vista. Por ejemplo, el usuario puede hacer un gesto de reducir y moverse panorámicamente para ir desde una de las noticias principales del concentrador a la última categoría de noticias de la página del concentrador. El ejemplo siguiente muestra cómo los usuarios pueden usar el zoom semántico para desplazarse rápidamente por las diferentes categorías de noticias.

Ejemplo de cómo el zoom semántico permite una navegación rápida

Estos son algunos otros ejemplos de zoom semántico en acción en una aplicación de noticias.

Otros ejemplos de zoom semántico

Cuando uses el zoom semántico, permite que el usuario pueda reorganizar las categorías de la página del concentrador seleccionando un grupo y cambiándolo de lugar. De esta manera, pueden personalizar la página del concentrador para que les guste aún más tu aplicación. Por ejemplo, quizás un usuario prefiera la categoría "Tecnología" de la aplicación y quiera colocarla antes que la categoría "Política". Al proporcionar esta capacidad a los usuarios, estás ajustando la apariencia de la aplicación a sus preferencias.

Ejemplo de categorías que se reorganizan

El zoom semántico también se puede usar en la página específica de una categoría para navegar por los diferentes artículos de dicha categoría. El zoom semántico permite que los usuarios salten rápidamente de un artículo a otro.

Vista de artículo de tu aplicación

La vista de artículo de tu aplicación es el lugar donde se muestra el contenido. Permitir que los usuarios disfruten de su experiencia en esta vista hace que tu aplicación destaque porque aquí es donde pasan la mayor parte del tiempo en la aplicación. Es importante que muestres el contenido de forma intuitiva y que esta vista sea visualmente agradable. También es importante garantizar que la navegación en esta vista sea eficaz.

En una aplicación de noticias, la vista de artículo debe moverse panorámicamente en horizontal para que los usuarios puedan usar los pulgares para moverse por el contenido de forma sencilla y ergonómica. Además, considera la posibilidad de dividir los artículos en páginas. En un artículo, los saltos de página dan a los usuarios una idea de cuánto han leído y les permiten ir fácilmente donde quieran.

Ilustración de cómo indicar el movimiento panorámico horizontal de un artículo a otro

Sin embargo, para lograr un diseño y una experiencia del usuario realmente magnífica, a la hora de crear la noticia piensa que los usuarios la verán:

  • En una tableta
  • En un portátil
  • En un equipo de escritorio

Cada uno de estos escenarios saca partido de los diferentes diseños que tienen en cuenta los patrones de uso de los usuarios. Por ejemplo, cuando los usuarios leen noticias en una tableta, usan tanto la vista vertical como horizontal, mientras que en un portátil o en un equipo de sobremesa es más probable que las lean en una vista horizontal. Por lo tanto, diseña las vistas de artículo con ambas orientaciones en mente. Además, el diseño pensado para una tableta también debe optimizarse para la navegación táctil. Como se sugirió anteriormente, es buena idea dividir el contenido en páginas. Una manera de agregar páginas, centrada en los gestos táctiles, es usar puntos de acople en el artículo para crear "badenes". Estos indican al usuario en qué lugar del artículo se encuentran mientras se mueven panorámicamente a toda velocidad por el artículo.

Como la orientación horizontal es más habitual para los usuarios de portátiles y equipos de escritorio, piensa cómo distribuir el artículo para evitar un aburrido conjunto de columnas. Una técnica de diseño es el uso de bajorrelieves de contenido, imágenes u otros elementos multimedia que abarcan varias columnas. Puedes agregar citas o incluir títulos que abarquen toda la página para aportar variedad al diseño. Además, en los escenarios de portátiles y equipos de escritorio, los usuarios usarán principalmente el teclado y el mouse para navegar. Por lo tanto, es importante asegurarse de que el diseño responde tanto a la entrada del teclado como del mouse.

Puedes mostrar los artículos relacionados y los comentarios en la vista de artículo para conseguir que los usuarios sigan disfrutando de su experiencia de lectura y permanezcan más tiempo en tu aplicación. Esta es una posible apariencia.

Usuario viendo los artículos relacionados y los comentarios

Los usuarios suelen estar interesados en un tema determinado o en una categoría de noticias y pueden consumir varios artículos relacionados. Si el contenido de tu aplicación suele ser corto, deja que el usuario se mueva panorámicamente a la derecha después del final del artículo para ir al siguiente artículo, y hacia la izquierda antes del principio del artículo para ir al artículo anterior. También puedes ofrecer zoom semántico en esta vista para que los usuarios puedan cambiar a diferentes artículos rápidamente.

Ejemplo de diseño de un artículo

Si el contenido de cada publicación o artículo suele ser largo, considera la posibilidad de colocar los botones "artículo anterior" y "artículo siguiente" en la barra de la aplicación superior para que el usuario pueda cambiar fácilmente a otros artículos. Puedes ofrecer estos botones además de permitir que los usuarios pasen atrás y adelante de un artículo a otro. Puedes probar diferentes estilos para estos botones; por ejemplo, mostrar miniaturas de los artículos anterior y siguiente ofrece una bonita vista previa del contenido al que cambiarán. Otra alternativa es usar los glifos estándar "anterior" y "siguiente" y probar a hacer que la barra de la aplicación superior sea translúcida o transparente para que no distraiga del contenido. Este es un ejemplo de estos botones en la barra de la aplicación superior.

Ejemplo de interfaz de usuario con la barra de la aplicación superior que muestra Anterior y Siguiente

Comandos

Los comandos para tareas comunes, como "agregar a marcadores", "agregar nuevas fuentes" y "anclar icono a Inicio" deben situarse todos en la barra de la aplicación inferior porque reúne todos estos comandos en un solo lugar donde los usuarios pueden encontrarlos.

Para obtener más información sobre los comandos, consulta Diseño de comandos para aplicaciones de la Tienda Windows.

Marcadores de posición

Normalmente, los usuarios marcan los artículos desde la página del concentrador cuando guardan los artículos para leerlos más adelante, o cuando están leyendo un artículo y no pueden terminarlo por el momento. Una aplicación de noticias atractiva debe admitir ambas situaciones para que los usuarios puedan marcar los artículos seleccionados con la barra de la aplicación inferior desde la página del concentrador y de categorías, y mientras están leyendo un artículo. El botón de marcador debe ser un botón de alternancia, —es decir, un único botón que agrega o quita un marcador.

Incluye siempre los marcadores en el perfil móvil para que los usuarios puedan continuar leyendo sus artículos marcados independientemente del dispositivo que estén usando. Por motivos de coherencia, asegúrate de que el botón permanece en el lado izquierdo de la barra de la aplicación, como en el ejemplo siguiente, aunque la función del botón sea contextual en la página del concentrador pero global en la vista de artículo.

Ejemplo que muestra un botón de marcador en el lado izquierdo de la barra de la aplicación

Consulta Diseño de navegación para aplicaciones de la Tienda Windows para obtener más información sobre la jerarquía de navegación de una aplicación.

Selección de texto

Permite la selección de contenido en tu aplicación, especialmente de texto en la vista de artículo, porque los usuarios tienden a seleccionar extractos de los artículos. El sistema muestra automáticamente el menú contextual para copiar el contenido seleccionado.

Contratos

Siempre que sea razonable, tu aplicación de noticias debe usar los contratos de Windows 8.1 para enriquecer las experiencias del usuario y ayudar a conectar la aplicación con el resto de su experiencia con Windows. Para obtener más información sobre contratos, consulta Extensiones y contratos entre aplicaciones.

El contrato para 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 desde tu aplicación de noticias, y hacia ella, que pueden diferenciarla de otras de una manera clara y positiva. Con el contrato para contenido compartido en Windows 8.1, tendrás todos estos escenarios sin tener que agregar código para la integración adicional en tu aplicación. 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 la aplicación use datos de otras aplicaciones, la aplicación debe ser un destino de contenido compartido.

Compartir contenido procedente de tu aplicación de noticias

Una mayoría de las aplicaciones de la categoría de noticias son sobre el consumo de contenido de noticias. El uso compartido de artículos e historias interesantes es hoy en día una característica clave de las aplicaciones de noticias, de modo que pensamos que cada una de estas aplicaciones deberían ser un origen del contrato para contenido compartido.

Ser un origen de contenido compartido significa que la aplicación de noticias ofrece su contenido, ya sean direcciones URI, mapas de bits, código HTML, texto, elementos de almacenamiento o tipos de datos personalizados, a otras aplicaciones que consuman estos formatos. Esta funcionalidad hace que muchos escenarios atractivos sean posibles. Es fácil imaginar el paisaje de uso compartido social con un contrato de este tipo. Puedes hacer que tu aplicación pueda compartir al instante en redes sociales, aplicaciones de blogs y aplicaciones de correo electrónico.

Un ejemplo de uso compartido de una aplicación de noticias.

Más allá del uso compartido social, el contrato permite que los usuarios puedan completar tareas de investigación, planificación archivado mediante el uso compartido de historias de noticias con aplicaciones para tomar notas, agregadores de noticias y otros destinos de contenido compartido. A modo de ejemplo, si deseo guardar un fragmento seleccionado de una noticia en mi equipo portátil ligero junto con un vínculo al artículo para consultarlo en el futuro, puedo hacerlo si el origen de contenido compartido proporciona los tipos de datos correctos que representan esa información.

Si admites el Contrato para ofrecer contenido compartido, también permites que la aplicación comparta contenido de forma directa con los dispositivos cercanos de la misma manera que Tocar y enviar.

Como aplicación de origen, es importante que admita todos los tipos de datos significativos para el contenido que quieres que compartan los usuarios. Esto permite que los usuarios puedan compartir contenido de la aplicación con un amplio conjunto de aplicaciones de destino de contenido compartido. En el siguiente ejemplo, Contoso News es la aplicación de origen. Consiste en compartir texto, una miniatura y un vínculo del artículo que está resaltado. El panel Compartir tiene una lista de vínculos rápidos y aplicaciones de destino de contenido compartido que admite el recurso compartido de estos tipos de contenido.

Un ejemplo de las opciones para compartir del panel Compartir de una aplicación de noticias.

Compartir contenido en tu aplicación de noticias

Algunas aplicaciones de noticias serán excelentes para agregar artículos desde otras aplicaciones, proporcionando un método para que el usuario organice y consuma información de un gran conjunto de orígenes de manera familiar y mantenido automáticamente. Estas aplicaciones deberían invertir en admitir el Contrato para aceptar contenido compartido.

Aceptar contenido compartido significa que se permite que la aplicación consuma los datos proporcionados por las aplicaciones que ofrecen contenido compartido de un modo interesante y significativo. En el siguiente ejemplo, puedes compartir un artículo de una aplicación de noticias al agregador de noticias para leerlo más tarde.

Un ejemplo de uso compartido con una aplicación de agregador de noticias.

Para obtener más información sobre el contrato para contenido compartido, consulta Uso compartido y recepción de contenido.

Comentarios e integración con otras aplicaciones sociales

Las aplicaciones de noticias aportan valor porque permiten a sus usuarios publicar comentarios o discutir artículos, así como etiquetarlos mediante aplicaciones integradas con el acceso a Compartir. El uso de aplicaciones que se integran con el acceso a Compartir te permite personalizar tu experiencia de uso compartido de acuerdo con las aplicaciones que tus usuarios ya usan para compartir, y les ayuda a reunir todo el uso compartido en una experiencia consolidada. Además, no necesitas invertir tiempo en codificar para redes sociales específicas porque cuando se lanzan nuevas redes sociales, la aplicación se integra con ellas automáticamente.

Tipografía en las aplicaciones de noticias

Usa la cuadrícula y la tabla de tamaños de tipografía en las aplicaciones de noticias para crear una jerarquía visual que permita a los usuarios explorar y consumir gran cantidad de información de forma rápida y sencilla. Aunque el uso de la fuente Segoe UI especificada en la tabla de tipos es apropiada para contenido de noticias, podrías considerar la posibilidad de usar Calibri, nuestra fuente recomendada para documentos en las aplicaciones de la Tienda Windows, o Cambria, nuestra fuente recomendada para "documentos tradicionales". La fuente Georgia es una opción popular para los sitios de noticias en Internet y también puede ser una opción familiar para tu aplicación de noticias.

Si decides especificar fuentes del sistema alternativas, asegúrate de confirmar que se instalan con Windows 8.1 y que no requieren la instalación de una aplicación diferente como Microsoft Office. Si usas tus propias fuentes personalizadas o con licencia, asegúrate de tener los derechos legales suficientes para incluirlas con tu aplicación. Independientemente de las fuentes que uses, la tabla de tipos de Windows 8.1 ofrece buenas indicaciones sobre el número máximo de tamaños y estilos que debes usar.

Usar un conjunto pequeño de tamaños de fuente en toda la aplicación, tal y como se recomienda en las indicaciones de la tabla de tipos, crea una sensación de estructura y ritmo en el contenido. Si varios elementos usan el mismo tamaño de fuente de la tabla de tipos pero transmiten diferentes tipos de información, considera la posibilidad de usar colores, espesores y estilos de fuente para establecer una jerarquía de la información. El ejemplo siguiente muestra cómo usar tamaño de fuente, color y espesor para crear esta jerarquía.

Ejemplo de tamaños de fuente y una jerarquía de la información

Consulta Directrices y lista de comprobación de texto y tipografía para obtener más información sobre los procedimientos recomendados para las fuentes, como tamaño, color y espesor.

Actualidad del contenido

En los escenarios de noticias, es esencial que el contenido de la aplicación esté actualizado y al día. Veamos los elementos que indican la actualidad a los usuarios.

La hora en que se actualizó el contenido por última vez

Mostrar la información de la "última actualización" al usuario fomenta la confianza en la fiabilidad de tu aplicación de noticias. Muestra en el Canvas información acerca de la última actualización de forma que no moleste. Esta información debería aparecer con el estilo de información terciaria (9 puntos) de la tabla de tipos. Observa el siguiente ejemplo.

Ejemplo que muestra la actualidad del contenido

Hora de publicación del artículo

Mostrar cuándo se publicó el artículo es otra manera habitual de mantener a los usuarios informados de la actualidad del contenido que están leyendo. Para estas marcas de hora, usa el estilo de información terciaria de la tabla de tipos, color y espesor para distinguirla de otro contenido del diseño que pudiera usar la misma tabla de tipos.

Actualización del contenido

Las aplicaciones de noticias deben mostrar siempre el contenido más actualizado. Para asegurarte de que el contenido de tu aplicación esté al día, descarga los datos cuando se presente la oportunidad. Por ejemplo, mientras el usuario está leyendo un artículo, descarga contenido nuevo para la página del concentrador de manera que, cuando el usuario vuelva a esa página, se haya actualizado. Sin embargo, no descargues datos en segundo plano mientras el usuario está usando una conexión móvil inalámbrica, porque las aplicaciones deben minimizar el uso de datos en segundo plano cuando están usando movilidad o banda ancha móvil.

Además, asegúrate de que tu aplicación puede administrar escenarios sin conexión y notificar a los usuarios cuando el contenido no esté disponible sin conexión.

Si tu aplicación necesita actualizar el contenido de una página en la que se encuentra el usuario en ese momento, indica el progreso de la actualización en la parte superior del área del Canvas, tal y como se describe en Directrices y lista de comprobación de controles de progreso. Asimismo, usa animaciones para insertar contenido nuevo y retirar el contenido antiguo del Canvas, tal y como se describe en Directrices y lista de comprobación de animaciones de listas. La imagen siguiente muestra un ejemplo con la barra de progreso en la parte superior de la imagen.

Ejemplo de una barra de progreso

Si hace un tiempo que tu aplicación de noticias no actualiza su contenido y el usuario cambia a ella, considera la posibilidad de ocultar el contenido antiguo y mostrar el progreso en el Canvas para indicar que se está actualizando gran cantidad de contenido.

Asegúrate de que la aplicación tiene capacidad de respuesta incluso aunque se esté actualizando el contenido. Además, si la conexión es débil, asegúrate de establecer un valor de tiempo de espera y mostrar la interfaz de usuario sin conexión de tu aplicación. La imagen siguiente muestra el contenido de la página del concentrador oculta durante una actualización.

Ejemplo que muestra que el contenido se está actualizando

Conectados y en directo

Los iconos dinámicos y las notificaciones permiten mostrar contenido actualizado cuando los usuarios están en la pantalla Inicio. Con estas características, puedes crear una conexión con el usuario y llenar de actividad tu aplicación.

Iconos y notificaciones

Mostrar en iconos las historias más recientes y las últimas noticias vuelve a captar la atención del usuario y les atrae de nuevo a tu aplicación cuando descubren nuevas historias interesantes en el icono de la aplicación. Este es un ejemplo de un icono de la aplicación que muestra el titular de una noticia.

Ejemplos de cómo el icono de la aplicación puede atraer al usuario

Permite que los usuarios anclen a Inicio los distintos iconos de categorías de noticias para que puedan ver las notificaciones personalizadas según esas categorías y acceder rápidamente al conjunto de noticias particular de su interés. Esta es otra manera de atraer al usuario a tu aplicación.

Si permites que los usuarios elijan si desean recibir notificaciones del sistema sobre noticias de última hora, que se mostrarán aunque la aplicación no se esté ejecutando, la aplicación mantendrá a los usuarios que así lo deseen al día de las últimas noticias y les atraerá a ella. Esta debe ser una opción elegible que el usuario pueda habilitar en la configuración de la aplicación, mediante el acceso a Configuración, porque las notificaciones no solicitadas podrían molestar a los usuarios que no expresen explícitamente un interés en ver las notificaciones del sistema de las últimas noticias. Este es un ejemplo de una notificación del sistema.

Ejemplo de notificación del sistema

Movilidad

Como la mayoría de las personas tienen más de un equipo con Windows, tu aplicación de noticias puede ofrecer a los usuarios la experiencia que esperan gracias a una experiencia del usuario coherente en todos sus equipos con Windows. Puedes crear perfiles móviles para configuraciones, marcadores de artículos, categorías de noticias favoritas, preferencias de lectura y otros datos de la aplicación que resulten útiles en todos los equipos del usuario. Consulta las Directrices para perfiles móviles de datos de la aplicación para obtener los procedimientos recomendados para los perfiles móviles de los datos de la aplicación.

Cambio de tamaño de ventana

Windows 8.1 permite a los usuarios realizar varias tareas al disminuir el tamaño de las ventanas hasta un ancho mínimo y colocar las aplicaciones una al lado de otra en la pantalla. Diseñar la aplicación para que funcione bien en anchos estrechos es una excelente forma de aumentar el tiempo de tu aplicación en pantalla y atraer a los usuarios por períodos más largos. Esto permite a los usuarios trabajar en varias tareas mientras usan tu aplicación porque la mantienen en pantalla aunque estén haciendo otras cosas.

El usuario puede cambiar el tamaño de la aplicación por diversos motivos. El posible que haya vínculos en un artículo y el usuario quiera abrir un nuevo vínculo en el explorador sin salir del artículo. Quizás el usuario solo quiera aumentar el tamaño de otra aplicación en ejecución. Independientemente del motivo por el cual el usuario cambia el tamaño de tu aplicación, es importante que dicha acción no inicie una navegación que provoque la pérdida del artículo que el usuario estaba leyendo.

Cuando el usuario cambia el tamaño de tu aplicación para que esta sea más alargada que ancha, piensa en ajustar el flujo de páginas para permitir el movimiento panorámico vertical. Para obtener más información sobre el cambio de tamaño de ventana, consulta Directrices sobre cambio de tamaño de ventanas y escalado en pantallas.

Ejemplos de nuevas aplicaciones con ancho estrecho

Pantalla de presentación

Como se indicó anteriormente, las aplicaciones de noticias deben descargar con frecuencia contenido actualizado de Internet. Para que tu aplicación sea más rápida y con más capacidad de respuesta, no esperes a que se hayan descargado todas las imágenes de cada categoría antes de mostrar la página de aterrizaje; la espera podría impacientar a los usuarios. Muestra al usuario la página del concentrador de la aplicación tan pronto se hayan descargado los titulares de la noticias y después carga asincrónicamente las imágenes y otros datos.

Durante el corto tiempo de espera hasta que aparezca la página del concentrador, muestra la pantalla de presentación con un mensaje que informe al usuario de que la aplicación está descargando contenido. Observa el siguiente ejemplo.

Ejemplo de pantalla de presentación

Temas relacionados

Diseño de comandos para aplicaciones de la Tienda Windows

Conocer las aplicaciones de la Tienda Windows

Diseño de navegación para aplicaciones de la Tienda Windows

Diseño de la interacción táctil

Directrices de experiencia del usuario para aplicaciones de la Tienda Windows