Control de navegación centralizada de aplicaciones con secciones de paneles (control Hub) (aplicaciones de la Tienda de Windows Phone)

El modelo que se describe en este tema es parecido al descrito en el tema sobre el control de navegación centralizada de aplicaciones con menú de página principal (control Hub o Pivot) para Windows Phone. Igual que en el caso anterior, tienes distintas áreas de funcionalidad para exponerlas al usuario. La diferencia aquí es que puedes presentar toda la interfaz de usuario principal en el nivel superior, sin tener que usar un menú de página principal.

Interfaz de usuario del control de navegación centralizada de aplicaciones para la administración de equipos de fútbol

Si en tu aplicación no hay áreas secundarias a las que desplazarse, toda la interfaz de usuario puede estar en una serie horizontal de secciones accesibles. Si quieres puedes usar el control Hub, pero en este caso no hace falta que haya una sección de página principal. Lo mismo ocurre con el control de navegación centralizada Contactos de Windows Phone. En la imagen siguiente se ve que el diseño básico del control de navegación centralizada sigue siendo el mismo.

Control de navegación centralizada Contactos

En el control de navegación centralizada Contactos, cada sección tiene su propia interfaz de usuario distinta y presenta un área de funcionalidad. La diferencia entre este modelo de diseño y el descrito en el tema sobre el control de navegación centralizada de aplicaciones con menú de página principal (control Hub o Pivot) para Windows Phone es que no solo estás exponiendo las áreas inferiores de la aplicación en el control de navegación centralizada. En el modelo anterior, las secciones situadas a la derecha de la sección principal proporcionan una vista rápida del contenido al que se tendría acceso mediante la navegación con el menú. Con el modelo que se describe aquí, las secciones no vuelven a exponer áreas encontradas en otras partes.

Una sección para cada área

En el caso de tu diseño, determina qué sección estará seleccionada cuando se abra la aplicación. Una opción es seleccionar la sección en la que estaba el usuario la última vez que salió de la aplicación. También puedes decidir que se seleccione siempre la primera sección. La primera sección es la que tiene la imagen de fondo alineada a la izquierda con el extremo izquierdo del título del control de navegación centralizada visible encima de ella.

Puedes determinar el número de secciones que hay a la derecha, pero te recomendamos que haya cuatro como máximo. Si hay más de cuatro secciones, es difícil para los usuarios saber dónde están.

Puedes poner la interfaz de usuario que quieras en cada una de las secciones. Si tienes cuatro áreas de funciones principales, puedes poner un área en cada una de las cuatro secciones. Puedes diseñar la primera sección con el contenido que creas que es probable que los usuarios quieran ver al iniciar la aplicación. En la figura anterior se muestra este tipo de uso del control de navegación centralizada como control de navegación centralizada de aplicaciones.

Cada sección del control de navegación centralizada contiene elementos en los que se puede hacer clic y que llevan a la información sobre ese elemento. Por ejemplo, en el control de navegación centralizada Contactos hay una sección de novedades con elementos que se pueden pulsar. Los elementos están en una lista con desplazamiento vertical y podrían representar publicaciones en Facebook. Al hacer clic en uno de ellos se abandona el control de navegación centralizada y se va a la información de esa publicación. Cada entrada de la sección novedades tiene varios destinos correctos. Uno lleva a la publicación, para ver sus respuestas. Otro destino lleva al nombre de la persona. Si se pulsa en ese destino, se va a un control Pivot de esa persona, en el que se ven varios elementos Pivot con información sobre ella.

Otro ejemplo

Cada sección puede ser un área independiente y no tener relación necesariamente con las demás secciones. Cuando un usuario pulsa el contenido de cada sección, también abandona el control de navegación centralizada principal. Al abandonar el control de navegación centralizada, va a los detalles de lo que se ha pulsado y no a un área secundaria totalmente nueva, como ocurre desde un menú de sección principal.

La aplicación Samsung Now tiene tres secciones en su uso del control de navegación centralizada como control de navegación centralizada de aplicaciones. El tema de esta aplicación es mostrar a los usuarios información sobre el día a la que podrían tener acceso rápido, por ejemplo el tiempo, las noticias y la información de la bolsa.

Aplicación Samsung Now

El usuario sigue pudiendo abandonar el control de navegación centralizada. Por ejemplo, al hacer clic en el símbolo de una empresa en la sección de la bolsa se abre una página con información sobre esa empresa exclusivamente.

Consejo

En el tema sobre el control de navegación centralizada de aplicaciones con menú de página principal (control Hub o Pivot) para Windows Phone y en este tema se usa el control de navegación centralizada. Muchos de los consejos y advertencias mencionados en ese tema se deben tener en cuenta aquí.

Temas relacionados

Hub

Pivot