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.
| Expandir | ||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||||||||||
Em 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:
Card template | | |||||||||||||||||||||
| Desc | O acordion possibilita a otimização do espaço em tela, uma vez que pode ser aberto. Indicado para conteúdos com muito texto. | |||||||||||||||||||||
| BtnText | ver template | |||||||||||||||||||||
| Largura | 250px | Titulo | Acordion
|
Em 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:
| ||||||||||||
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas