Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

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
titleLista de informações
  • 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:

ver

Section
Column
width10%
Page Banner
defaulttrue
actionTitle
card-template

actionUrlhttps://tdn.totvs.com/pages/viewpage.action?pageId=811701323
description
DescRecomendado para a

É recomendado para

exibição de informações

e dashboards, podendo ser utilizado para incluir vários

, este componente versátil pode incluir diversos tipos de conteúdo, como

:

gráficos, tabelas, grids, açõe e imagens.

style

BtnURL

width: 341px; height: 236px;

https://tdn.totvs.com/pages/viewpage.action?pageId=811701323
BtnTextver template
TituloWidget

labelWidgettitleWidget Column
width10%
Page Banner
actionTitlever template
descriptionO list view vai disponibilizar a opção de inlcuir ações, expansão do componente e busca.
titleList view
Column
width10%
Page BanneractionTitlever templatedescriptionTexto explicandotitleAcordion