SENAC
Redesign de um Sistema de Gestão
Em um sistema que já estava bastante desatualizado, fizemos melhorias na interface com o objetivo de modernizá-la, priorizando as funcionalidades existentes e aprimorando a usabilidade e a visualização de dados. A interface deveria apresentar componentes consistentes e informações bem organizadas para guiar os usuários de maneira clara. O primeiro passo foi definir nossas áreas de foco: A. Design Visual - Criar uma UI abrangente e sistemática. - Aplicar elementos visuais para melhorar a navegação e a visualização de informações. - Atualizar a interface com um padrão visual mais leve, mais alinhado com as melhores práticas no design digital. B. Design de Interface - Estabelecer uma hierarquia mais clara para conteúdo, botões, guias, etc. - Padronizar as telas para orientar os usuários no uso adequado da plataforma.
Meu Papel
Designer de Produto — Design de Interação, Design Visual, Fluxos de Usuário, Prototipagem Rápida.
Entregáveis
Bibliotecas de Componentes Designs de Alta Fidelidade Revisão do design após o desenvolvimento
Time
2 Designers 1 Gerente de Projeto 2 Desenvolvedores
Ferramentas
Figma
A criação dos componentes foi baseada em uma estrutura organizada, definindo características específicas para cada tipo de mensagem e ação. A definição do estilo dos componentes leva em consideração seu contexto e posicionamento na tela, garantindo um agrupamento harmonioso que melhora a visibilidade das informações para os usuários. Não havia uma organização clara nem do fluxo do usuário nem dos componentes visuais. Além disso, este sistema possui dois tipos de usuários: básico e administrador. No entanto, a única diferença entre eles é que alguns caminhos não levam a lugar nenhum para o usuário básico, uma vez que ele não tem permissão para visualizar determinados elementos. Além disso, o sistema não possui qualquer forma de responsividade para dispositivos móveis.
Priorizamos uma interface consistente em todas as páginas, com uma hierarquia visual bem definida para aumentar a visibilidade dos elementos-chave nos painéis. Agora, as telas com o menu lateral azul indicam o ambiente do administrador, que oferece mais opções dentro da plataforma. Além disso, incluímos uma seção de geração de relatórios com vários filtros, permitindo uma maneira alternativa de visualização dos dados. Também desenvolvemos a versão para dispositivos móveis. No entanto, a pedido do cliente, esta versão inclui apenas a visualização básica do usuário, com as funções mais práticas para eles, como visualizar painéis e fazer upload de certos arquivos. Algum tempo após a implementação e com base no feedback dos usuários, refinamos certos fluxos de trabalho e adicionamos novos recursos, como uploads de fotos. No geral, a resposta foi muito positiva, com relatos de aumento no uso da plataforma por parte dos funcionários, além de um processo de treinamento muito mais fácil e prático para os novos usuários.