Zoom semântico

Zoom semântico para o aplicativo Alley Oop

Zoom semântico é uma poderosa ferramenta de navegação. Ele permite a você aplicar zoom em uma exibição para mostrar um resumo do conteúdo do aplicativo. Em vez de um zoom óptico simples, o zoom semântico pode agrupar dados em ordem alfabética, por categoria, em ordem cronológica ou por outros agrupamentos. Baseado no princípio de design da Microsoft de rapidez e fluidez, o zoom semântico oferece uma exibição de resumo do conteúdo, enquanto fornece meios eficazes de navegação. Você também pode exibir informações adicionais sobre cada grupo, como o número de itens, o número de partidas jogadas, os resultados ou as pontuações. Embora a navegação pelo conteúdo seja possível através de movimentos panorâmicos e rolagens, o zoom semântico desbloqueia recursos adicionais de navegação e organização.

Zoom semântico no Windows

O zoom semântico nos aplicativos Bing Health e Fitness

Um usuário executa o zoom semântico com gestos de aperto e ampliação. Afastar os dedos aumenta o zoom, enquanto aproximá-los diminui o zoom. Nos aplicativos da Windows Store, você também pode pressionar a tecla Ctrl enquanto rola a roda de rolagem do mouse. O zoom semântico aproveita o princípio de design da Microsoft autenticamente digital, ao fornecer diversas maneiras úteis de visualizar o conteúdo. Ao oferecer aos usuários uma exposição rápida de agrupamentos de dados dentro do seu aplicativo, você pode reduzir a complexidade e facilitar a navegação em áreas específicas.

Inovação com o zoom semântico

O zoom semântico permite a você carregar a estrutura e apresentação da informação, com base no nível de zoom. Você pode criar soluções envolventes que são otimizadas para os cenários de usuário mais comuns. Tire vantagem do zoom semântico ao reduzir a complexidade e fornecer claridade adicional sobre a organização do conteúdo do seu aplicativo.

Exemplos

My Zoo

O aplicativo My Zoo é um exemplo de implementação criativa e lúdica do zoom semântico. Diminuir o zoom revela o arranjamento alfabético do conteúdo, em que a personalidade e marca do aplicativo são estendidas às letras individuais do alfabeto. Cada caractere do alfabeto é preenchido com ilustrações de animais que começam por aquela letra. Este tratamento visual facilita uma navegação simples e suave, enquanto proporciona momentos inesperados de surpresa e encantamento.

O zoom semântico no aplicativo da My Zoo

Exibição com zoom no aplicativo My Zoo

 

Zappos

O aplicativo Zappos usa o zoom semântico para fornecer uma experiência de compra rápida e fácil para os seus clientes. O zoom aumentado na visualização de categorias de exemplos e subcategorias de produtos com opções de filtragem, enquanto a diminuição do zoom oferece um layout consolidado mais simples. A transição entre ambos os modos de exibição é suave e fluida, encorajando a exploração de um catálogo abrangente de ofertas da Zappos.

zoom semântico no aplicativo Zappos

 

Animal Planet

O aplicativo Animal Planet usa zoom semântico para reduzir a complexidade ao simplificar suas categorias com um tratamento tipográfico limpo. A exibição de zoom aumentado é rica com fotografia em cores, ilustrações e carrosséis rotativos de conteúdo. A diminuição de zoom mostra uma grade mais básica de tipos de conteúdos e permite aos usuários navegar com confiança pela categoria de sua escolha.

Zoom semântico no aplicativo Animal Planet

 

TouchMail

TouchMail optou por uma abordagem realmente inovadora no zoom semântico. Neste aplicativo, alterar o nível de zoom também altera o nível de detalhe exibido dentro de visualizações ricas de conteúdo de sua caixa de entrada. O TouchMail otimiza a capacidade dos usuários de manter sua caixa de entrada limpa e organizada rapidamente, e de manter importantes e-mails na ponta dos dedos quando estes são necessários.

Zoom semântico no aplicativo TouchMail

Tópicos relacionados

Diretrizes de zoom semântico