Versões comparadas

Chave

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

01. INTRODUÇÃO

Nesta versão 24.01 temos 01 temos em nossos módulos desktop, também conhecidos como módulos Centura, a atualização dos ícones que compõem a navegação do sistema.

Os ícones são uma parte essencial da experiência das pessoas com as interfaces dos nossos produtos desktop. No entanto, com o passar do tempo, o design e a estética dos ícones tiveram uma grande evolução, com base em 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:

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


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

Tooltip
linkTextStrongtrue
appendIconKein Icon
linkTextTooltip

Exemplo de Tooltip

 ao  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. 

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

Você pode acessar o link 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

04.PRÓXIMOS PASSOS

Nessa primeira atualização contemplamos 93% de todo o produto. Os outros 7% estão em processo de atualização e estarão disponíveis na próxima versão.


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