Histórico da Página

O padrão mobile tem como objetivo mapear os fluxos mais utilizados em nossos produtos para disponibilizar templates e exemplificar as jornadas mais comuns aos usuários.
A ideia é que fluxos comuns, como, cadastros, login, lista de informações, não precisem ser repensados e sigam um padrão de produto.
Este mapeamento vai ser continuo, serão incluídos novos fluxos conforme o desenvolvimento de novos produtos.

Templates

Os templates estão divididos por fluxos, indicando o uso de componentes, composição e hierarquia das informações e navegação.

• Lista de informações

A lista de informações é um fluxo muito comum em nossos produtos, na Web geralmente utilizamos a tabela para demonstrar e trazer diversos tipos de conteúdo.
Quando falamos de um produto mobile, o uso da tabela não é indicado, porque dificulta a visualização e o uso, isso ocorre pelo espaço de tela disponível.
O mais indicado para exibir informações no mobile é o agrupamento de informações através de “cards”, como a maioria dos aplicativos utilizam essa navegação, o usuário já está habituado, além disso o agrupamento e a divisão facilitam a leitura, a organização e direciona melhor o usuário para as açõesEm produtos para a web, é comum utilizar tabelas para apresentar uma variedade de informações, mas em produtos mobile, isso pode dificultar a visualização devido ao espaço limitado na tela. Uma abordagem mais recomendada é o uso de "cards" para agrupar e exibir informações. Essa prática é amplamente adotada em aplicativos móveis, proporcionando uma navegação mais intuitiva, facilitando a leitura, organização e direcionamento do usuário para ações específicas.

Componentes que podem ser usados para listar informações: