Compartir a través de


Zoom semántico

Zoom semántico en la aplicación Alley Oop

El zoom semántico es una herramienta de navegación tremendamente eficaz que permite alejar una vista para mostrar un resumen del contenido de una aplicación. En lugar de un simple zoom óptico, el zoom semántico agrupa datos por categoría, cronológicamente o a partir de otros grupos. El zoom semántico, que sigue el principio de diseño de Microsoft de ser rápidos y fluidos, ofrece una vista resumida del contenido y es, al mismo tiempo, un modo de navegación eficaz. También puedes ver más información sobre cada grupo, como el número de elementos, la cantidad de juegos que se ha jugado, resultados o puntuaciones. Si bien la navegación por el contenido es posible solamente a través del movimiento panorámico y el desplazamiento, el zoom semántico revela más funcionalidades organizativas y de navegación.

Zoom semántico en Windows

Zoom semántico de la aplicación de salud y bienestar de Bing

El zoom semántico se efectúa por medio de los gestos de reducir y ampliar. Si se separan los dedos, se acerca la imagen, y si se acercan, se la aleja. En las aplicaciones de la Tienda Windows, también se puede mantener presionada la tecla Ctrl mientras se mueve el mouse o la rueda del mouse. El zoom semántico saca partido del principio de diseño de Microsoft verdaderamente digital y, como tal, proporciona numerosas formas útiles de ver contenido. Como los usuarios pueden acceder rápidamente a los agrupamientos de datos de la aplicación, la complejidad es menor y resulta más fácil navegar a áreas específicas.

Innovación en el zoom semántico

El zoom semántico permite cambiar la estructura y la presentación de la información según el nivel de zoom aplicado. Puedes crear soluciones atractivas que estén optimizadas para la mayor parte de los escenarios de usuario más habituales. Saca partido del zoom semántico para reducir la complejidad y aportar mayor claridad en la organización del contenido de la aplicación.

Ejemplos

My Zoo

La aplicación My Zoo es un ejemplo de implementación creativa y divertida del zoom semántico. Cuando la imagen se acerca, se muestra una disposición alfabética del contenido donde la personalidad y la marca de la aplicación se plasman en las letras individuales del alfabeto. Cada carácter alfabético está relleno de ilustraciones de animales que comienzan por la letra en cuestión. Este tratamiento visual hace que la navegación sea fácil y fluida y, además, ofrece momentos inesperados de deleite y descubrimiento para el usuario.

Zoom semántico en la aplicación My Zoo

Vista ampliada de la aplicación My Zoo

 

Zappos

La aplicación Zappos emplea el zoom semántico para ofrecer a sus clientes una experiencia de compra fácil y rápida. La vista aumentada clásica muestra las categorías y subcategorías de productos con opciones de filtrado, mientras que la vista reducida se caracteriza por un diseño consolidado más básico. La transición de una a otra es perfecta, lo que fomenta que se explore el catálogo completo que Zappos pone a disposición.

zoom semántico en la aplicación Zappos

 

Animal Planet

La aplicación Animal Planet usa el zoom semántico de cara a reducir la complejidad, algo que logra simplificando sus categorías con un tratamiento tipográfico y limpio. La vista aumentada está repleta de fotografías e ilustraciones a todo color y secuencias de contenido giratorias. En esta vista aumentada se muestra una cuadrícula de tipos de contenido más sobria en la que el usuario puede navegar con total seguridad a la categoría que desee.

Zoom semántico en la aplicación Animal Planet

 

TouchMail

TouchMail ha implantado un método de zoom semántico realmente transgresor. En esta aplicación, cuando se cambia de nivel de zoom, también se modifica el nivel de detalle de las visualizaciones enriquecidas de contenido de la bandeja de entrada. Los usuarios de TouchMail conservarán una bandeja de entrada limpia y organizada y tendrán los correos electrónicos importantes a mano cuando los necesiten.

Zoom semántico en la aplicación TouchMail

Temas relacionados

Directrices para zoom semántico