Directrices para zoom semántico

[Este artículo contiene información específica para aplicaciones de la Plataforma universal de Windows (UWP) y Windows 10. Para instrucciones sobre Windows 8.1, descarga el PDF sobre las directrices para Windows 8.1 ].

Un control de zoom semántico permite que el usuario alterne entre dos vistas distintas del mismo conjunto de datos. A diferencia de un zoom gráfico estándar, que aumenta o disminuye el tamaño y el detalle de los objetos, el zoom semántico cambia los parámetros y el diseño de una representación gráfica y modifica la visualización de la estructura y la selección de datos.

Funciones

  • Una aplicación solo puede contener un control de zoom semántico.
  • El tamaño de la vista alejada está restringido por los límites del control del zoom semántico.
  • Al pulsar en un encabezado de grupo, se alterna entre las vistas. Se puede habilitar el gesto de reducir como una forma de alternar entre las vistas.
  • Los encabezados activos cambian entre vistas.

Ejemplos

Una libreta de direcciones es un ejemplo de un conjunto de datos por el que puede ser mucho más fácil navegar con un control de zoom semántico. En este ejemplo, el zoom semántico hace uso de una lista de accesos directos. En una vista, se trata de la información general completa y alfanumérica de las personas de la libreta de direcciones (imagen de la izquierda), mientras que en la vista ampliada se muestran los datos por orden y con mayor detalle (imagen de la derecha).

Ejemplo de zoom semántico en una libreta de direcciones

Recomendaciones

  • Al usar el zoom semántico en la aplicación, asegúrate de que el diseño de los elementos y la dirección del movimiento panorámico no cambian en función del nivel de zoom. Las interacciones de movimiento panorámico y de diseño deben ser predecibles y coherentes en todos los niveles de zoom.
  • El zoom semántico permite al usuario saltar rápidamente al contenido, de forma que se limita el número de páginas y pantallas a tres en el modo alejado. Demasiado movimiento panorámico disminuye la utilidad del zoom semántico.
  • Evita usar el zoom semántico para cambiar el ámbito del contenido. Por ejemplo, un álbum de fotos no debería cambiar a una vista de carpeta en el Explorador de archivos.
  • Usa una estructura y una semántica que sean esenciales para la vista.
  • Usa los nombres de los grupos para elementos en una colección agrupada.
  • Usa criterios de ordenación de una colección que esté sin agrupar, pero ordenada, como orden cronológico de fechas u orden alfabético de una lista de nombres.

Temas relacionados

Para diseñadores
Directrices para las interacciones del usuario comunes
Para desarrolladores (XAML)
Inicio rápido: entrada táctil
Inicio rápido: controlar entrada de puntero
Windows.UI.Xaml.Input
Para desarrolladores (HTML)
Inicio rápido: agregar un elemento SemanticZoom
Windows.UI.Input
Para desarrolladores (aplicación de Windows en tiempo de ejecución con DirectX con C++)
Responder a la entrada táctil (DirectX y C++)
Muestras (XAML)
Entrada: muestra de eventos de entrada de usuario de XAML
Muestra de desplazamiento, movimiento panorámico y zoom XAML
Muestras (WinJS)
Muestra en HTML de SemanticZoom para controles personalizados
Muestra en HTML de agrupación de ListView y SemanticZoom
Muestras (DOM)
Muestra de desplazamiento, movimiento panorámico y zoom HTML
Entrada: muestra de gestos instanciables
Muestras (DirectX)
Muestra de entrada táctil de DirectX
Entrada: muestra de manipulaciones y gestos (C++)

 

 

Mostrar:
© 2015 Microsoft