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á.
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 | ||||||
---|---|---|---|---|---|---|
| ||||||
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.
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 Texto De>Para - Facelift Centura Link https://tdn.totvs.com/download/attachments/772828409/De_Para_Facelift_Centura.pdf?version=1&modificationDate=1688494359167&api=v2
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> |