You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Atualmente, telas vazias (listas sem conteúdo, páginas de erro ou instruções) são apresentadas sem um padrão definido, o que pode gerar inconsistências na experiência do usuário. A criação do componente FeedbackMessage tem como objetivo padronizar a exibição dessas situações.
Exemplo visual
Esse novo componente irá contemplar:
Ícone opcional para reforçar o contexto da mensagem
Título descritivo e claro
Subtítulo ou texto de apoio para orientar o usuário
Opção de exibir um botão de ação (CTA), caso necessário
Justificativa / Por que é importante?
Padronização da experiência: Ao apresentar uma estrutura consistente para telas vazias, garantimos que o usuário tenha uma experiência familiar e coerente, independentemente de qual produto ou seção esteja utilizando.
Clareza e orientação: Fornecer um bloco visual e textual padronizado ajuda a guiar o usuário sobre o que está acontecendo (por exemplo, não há dados disponíveis) e quais próximos passos podem ser tomados.
Escalabilidade e reutilização: Com um componente único e bem definido, equipes de desenvolvimento podem facilmente aplicá-lo em diferentes contextos, reduzindo retrabalho e inconsistências visuais.
Atualmente, telas vazias (listas sem conteúdo, páginas de erro ou instruções) são apresentadas sem um padrão definido, o que pode gerar inconsistências na experiência do usuário. A criação do componente
FeedbackMessage
tem como objetivo padronizar a exibição dessas situações.Exemplo visual
Esse novo componente irá contemplar:
Justificativa / Por que é importante?
Figma
Atualização de componentes
The text was updated successfully, but these errors were encountered: