Welcome to the
WalkMe Help Center
Please log in to continue
Please log in to continue
O Design da UI trata da aparência da implementação do WalkMe, incluindo os esquemas de cores, formas de botões, opções de fontes, animações e todos os aspectos visuais que facilitam a interação do usuário. O Design da UI é frequentemente comparado ao design gráfico, mas com foco na interatividade. Trata-se de criar interfaces esteticamente agradáveis, consistentes, coesas e que orientem efetivamente os usuários pela interface do produto.
Ativos de marca consistentes promovem a confiança do usuário final, reduzem o esforço de desenvolvimento de conteúdo e ajudam a criar implantações simplificadas e eficientes para o projeto.
A abordagem de design pode diferir dependendo do público-alvo de usuário final do software.
Não tem certeza das diretrizes da marca da empresa? Consulte as nossas aqui.
O Líder do Projeto deve comunicar as expectativas de design às partes interessadas durante as fases de lançamento e descoberta de uma implementação.
Exemplo de linguagem para a Equipe de Adoção Digital usar com as partes interessadas:
"A [Empresa] tem um formato CSS padrão usado em todos os aplicativos da empresa. O padrão de design é fácil de implantar, escalável e corresponde aos requisitos da marca [Empresa]. O design padrão será aplicado ao seu Editor após a criação."
Algumas partes interessadas podem querer um design personalizado e localizado que difere do padrão global. Veja como os recursos de entrega da Equipe de Adoção Digital devem lidar com essas conversas e definir expectativas adequadas.
Ponto chave: o design global é o mais fácil de dimensionar e manter.
Pergunte às partes interessadas: você tem alguém para lidar com a manutenção se forem necessárias alterações?
Ponto chave: alterar elementos visuais (via CSS) é o nível mais fácil/menor de esforço para um design personalizado, enquanto alterar o HTML leva tempo/trabalho de desenvolvimento. Em geral, remover aspectos de design dos modelos do WalkMe requer menos esforço do que adicionar novos aspectos de design.
Pergunte às partes interessadas: você está preparado para absorver ajustes no cronograma do projeto, se necessário, para acomodar o tempo adicional necessário para adicionar aspectos de design aos modelos?
Ponto chave: se um design se desviar significativamente da estrutura HTML existente, isso pode introduzir fragilidade e risco.
Pergunte às partes interessadas: Você tem alguém para lidar com a manutenção se forem necessárias alterações? Este é um item de alta visibilidade que causaria sofrimento significativo se fosse quebrado?
Ponto chave: entender o nível de conformidade com a acessibilidade é importante.
Pergunte às partes interessadas: A sua organização exige que os elementos da interface do usuário sigam padrões rígidos de acessibilidade? Ex. contraste de cores, acessibilidade do teclado, etc.
Assista a esses dois vídeos para ver como três clientes utilizaram as implementações do DAP como forma de reforçar suas marcas exclusivas com seus usuários. Descubra como personagens, cores e um foco em melhorar a experiência dos usuários levaram a pequenas mudanças que causaram grandes impactos.
Este cliente trouxe um Designer para sua equipe centralizada do programa para fazer uma marca detalhada para o Centro de Excelência do DAP, para apoiar a conscientização contínua das partes interessadas, o profissionalismo e a escala.
Criando e testando CSS - Dicas de Especialistas