Versões comparadas

Chave

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

01. INTRODUÇÃO

Nesta Na versão 24.01 temos em nossos módulos desktop, também conhecidos como módulos Centura, 01 finalizamos a atualização dos ícones que compõem a navegação do sistemados módulos desktop dos produtos TOTVS Varejo Supermercados - Linha Consinco e TOTVS Varejo Supermercados WMS.

Os ícones são uma parte essencial da experiência das pessoas desempenham um papel essencial na experiência dos usuários com as interfaces dos de nossos produtos desktop. No entanto, com o passar Ao longo do tempo, o design e a estética dos ícones tiveram uma grande evolução, com base em desses ícones evoluíram significativamente, acompanhando as tendências de estilo e novos conceitos de simbologia

Essa atualização para versões mais modernas e intuitivas pode colaborar bastante na realização das tarefas do dia a dia, tornando o sistema mais atraente visualmente e agradável de usar, além de potencializar a produtividade das operações.

O intuito aqui será mostrar essas mudanças que realizamos sobre este tema e os benefícios que essa atualização trará.

02. O QUE MUDOU?

Um dos principais objetivos de uma atualização de ícones é melhorar a usabilidade e a compreensão dos usuários. Ícones modernos são projetados considerando princípios de design mais recentes, como a simplicidade e o minimalismo. Isso resulta em ícones mais limpos, com formas mais definidas e menos detalhes desnecessários, facilitando a identificação e o reconhecimento das funções que eles representam.

Para trazer mais clareza sobre essa mudança, veja como era a nossa principal barra de ferramentas do sistema:

Image Removed

Agora veja como ficou após a mudança:

Image Removed

É importante ressaltar que a posição dos ícones e suas funções continuam as mesmas, sendo que a mudança refere-se refere somente apenas ao visual dos ícones, tendo também o apoio dos 

Tooltip
linkTextStrongtrue
appendIconKein Icon
linkTextTooltip

Exemplo de Tooltip

 ao passar o mouse sobre a maioria deles, facilitando a compreensão de qual é sua função. 

Para este trabalho realizamos testes de usabilidade com clientes internos e externos da TOTVS, para que tivéssemos a maior assertividade possível nessa atualização e vocês aproveitassem o máximo possível desta novidade.

03. DOCUMENTAÇÃO "DE/PARA"

Ao implementar a troca de ícones para um estilo mais moderno e intuitivo, é importante considerar a familiaridade dos usuários com o sistema anterior, por isso teremos muitas referências simbólicas também aos ícones antigos que tínhamos nas últimas versões.

Apesar deste cuidado, a transição está sendo muito planejada e comunicada, fornecendo informações claras sobre as mudanças e oferecendo recursos de aprendizado para facilitar a adaptação. 

seu aspecto visual.

Para Para visualizar as diferenças entre os ícones antigos e os novos, criamos uma documentação De/Para.

Você pode acessar o link os links abaixo e conferir a mudança feita em cada ícone:

Button
Cor#FF9900
TextoDe>Para - Facelift Centura
Linkhttps://tdn.totvs.com/download/attachments/772828409/De_Para_Facelift_Centura.pdf?version=1&modificationDate=1688494359167&api=v2

...

Na Fase 2 deste projeto, continuamos nossa jornada de atualizações, abrangendo não apenas os ícones, como foi contemplado integralmente na Fase 1, mas também direcionando nossa atenção para uma renovação visual abrangente.
Nosso foco está na modernização dos componentes utilizados no sistema, incluindo inputs, tabelas e outros elementos. Com essa atualização, visamos conferir uma aparência mais moderna e amigável aos produtos, aproximando-os da identidade visual característica da Totvs.
Image Added



HTML
<script>
  jQuery(document).ready(function() {
     jQuery(".wiki-content a").attr("target", "_blank");
    });
</script>