Histórico da Página
O padrão mobile tem como principal objetivo mapear os fluxos mais frequentemente utilizados em nossos produtos, a fim de disponibilizar templates e exemplificar as jornadas mais comuns para os usuários.
A proposta é que fluxos padrão, como cadastros, login, e listagem de informações, entre outros, não necessitem ser reavaliados a cada novo desenvolvimento de produto, permitindo que sigam um padrão consistente.
Este mapeamento será contínuo, com a inclusão de 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:
|
| Expandir | ||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||||||||||||
O processo de cadastro é amplamente utilizado em todos os nossos produtos, independentemente do tipo de informação a ser cadastrada, seja produtos, clientes ou fornecedores. A exibição e o preenchimento de um novo cadastro seguem um padrão consistente. Exemplos de páginas de cadastros 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