Please log in to continue
WalkMe stores your data in the region chosen during account setup.
We have data centers in the US and EU that follow local privacy and compliance laws. If you're not sure which region to select, check with your admin.
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.
Este artigo aborda o Branding e o design da UI para o conteúdo clássico do DAP (balões, o Menu, CSS personalizado). O WalkMe AI e o Arco de Learning WalkMe têm suas próprias listas de verificação dedicadas a Branding e Estilo. Consulte WalkMe AI – Branding e Styling Checklist e Arco de Learning WalkMe – Branding e Styling Checklist. O WalkMe Haiku não tem sua própria interface de usuário para a marca (herda o estilo da Ajuda na Tela/Menu já configurado aqui), mas sua voz escrita deve permanecer consistente com as mesmas diretrizes da marca.
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