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.
El diseño de la interfaz de usuario se refiere al aspecto y la sensación de la implementación de WalkMe, incluidos los esquemas de colores, las formas de los botones, la elección de fuentes, las animaciones y todos los aspectos visuales que facilitan la interacción del usuario. El diseño de UI a menudo se compara con el diseño gráfico, pero con un enfoque en la interactividad. Se trata de crear interfaces estéticamente agradables que sean coherentes, cohesivas y que guíen a los usuarios de manera efectiva a través de la interfaz del producto.
Los activos de marca coherentes fomentan la confianza del usuario final, reducen el esfuerzo de desarrollo de contenido y ayudan a crear implementaciones optimizadas y eficientes para tu proyecto.
Este artículo cubre el Branding y el diseño de la interfaz de usuario para el Contenido clásico de DAP (Globos, el Menú, CSS personalizado). WalkMe AI y Arco de Learning WalkMe tienen sus propias listas de verificación dedicadas al Branding y el estilo; consulta WalkMe AI – Lista de verificación de Branding y estilo y Arco de Learning WalkMe – Lista de verificación de Branding y estilo. WalkMe Haiku no tiene su propia interfaz de usuario para la marca (hereda el estilo de Ayuda y Menú en pantalla ya configurado aquí), pero su voz escrita debe seguir las mismas directrices de la marca.
El enfoque de diseño puede diferir dependiendo del público al que se destina el software.
¿No estás seguro de cómo son las pautas de marca de la empresa? Consulta las nuestras aquí.
El líder del proyecto debe comunicar las expectativas de diseño a las partes interesadas durante las etapas de inicio y descubrimiento de una implementación.
Ejemplo de idioma para que el equipo de adopción digital utilice con las partes interesadas:
"[Empresa] tiene un formato CSS estándar que se utiliza en todas las aplicaciones de la empresa. El diseño estándar se implementa fácilmente, se escalará y coincide con los requisitos de la marca [Empresa]. El diseño estándar se aplicará al Editor al crearlo".
Algunas partes interesadas pueden querer un diseño personalizado y localizado que difiera del estándar global. Así es como los recursos de entrega del Equipo de adopción digital deben manejar esas conversaciones y establecer las expectativas adecuadas.
Punto clave de discusión: el diseño global es el más fácil para el escalado y el mantenimiento.
Pregunta a tu participante: ¿tienes a alguien que se encargue de la actualización si se necesitan cambios?
Punto de discusión clave: cambiar los elementos visuales (a través de CSS) es el nivel de esfuerzo más fácil y más bajo para el diseño personalizado, mientras que cambiar HTML requiere tiempo y trabajo de desarrollo. En general, eliminar aspectos de diseño de las plantillas de WalkMe requiere menos esfuerzo que añadir nuevos aspectos de diseño.
Pregunta a tu participante: ¿estás preparado para absorber ajustes en el cronograma del proyecto si es necesario, para permitir el tiempo adicional necesario para añadir aspectos de diseño a las plantillas?
Punto de discusión clave: si un diseño se desvía significativamente de la estructura HTML existente, puede introducir fragilidad y riesgo.
Pregunta a tu participante: ¿Tienes a alguien que se encargue de la actualización si se necesitan cambios? ¿Es este un elemento de alta visibilidad que causaría un malestar significativo si se rompiera?
Punto de discusión clave: es importante comprender el nivel de cumplimiento de accesibilidad.
Pregunta a tu participante: ¿Tu organización requiere que los elementos de la interfaz de usuario sigan estrictos estándares de accesibilidad? Ej. contraste de color, accesibilidad del teclado, etc.
Mira estos dos videos para ver cómo tres clientes han utilizado las implementaciones de DAP como una forma de reforzar sus marcas únicas con sus usuarios. Descubre cómo los caracteres, los colores y un enfoque en mejorar la experiencia de los usuarios llevaron a pequeños cambios que tuvieron grandes impactos.
Este cliente trajo a un diseñador a su equipo de programa centralizado para realizar una labor de branding en profundidad para su Centro de excelencia de DAP, con el fin de apoyar la concienciación, la profesionalidad y el escalamiento continuos de las partes interesadas.
Creación y prueba de CSS - Consejos de expertos