Branding de contenido y diseño de interfaz de usuario.
Breve descripción general
El diseño de UI tiene que ver con el aspecto y la sensación de la implementación de WalkMe, incluidos los esquemas de colores, las formas de los botones, las opciones 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.
Cómo afecta esto a tu programa
- Reduce el tiempo de entrega para futuros proyectos completamente nuevos y elementos de WalkMe.
- Genera confianza con los usuarios finales a través de una experiencia de marca coherente.
- Elimina la fatiga de la decisión: estandariza temprano.
- Falta de confianza del usuario final
- Estilos no autorizados que se crean sin supervisión.
Enfoque de diseño por tipo de software
El enfoque de diseño puede diferir dependiendo del público al que se destina el software.
- Usuarios: empleados y contratistas (EX)
- WalkMe Design Recommended: se adhiere a las pautas de marca y estilo de la empresa.
- Consideración: determina si hay una forma de optar por no seguir el diseño estándar. Si es así, ¿cuáles son las razones y las vías de aprobación?
- La razón más común para la exclusión es un conflicto de diseño (por ejemplo, globos azules de WalkMe sobre un fondo de aplicación azul).
- El equipo de adopción digital debe ponerse de acuerdo en un enfoque alternativo.
- Necesidades multifuncionales: No suelen ser necesarias.
¿No estás seguro de cómo son las pautas de marca de la empresa? Consulta las nuestras aquí.
- Usuarios: clientes o usuarios orientados al público (CX)
- Diseño recomendado por WalkMe: se adhiere a las pautas de marca y estilo de la aplicación.
- Consideraciones: designa a los propietarios del diseño de aplicaciones como las principales partes interesadas en la creación y aprobación de plantillas de diseño.
- Además, determina la "voz" del copywriting a la que se debe adherir.
- Esto puede requerir una asociación con el liderazgo del equipo de redacción técnica.
- Consulta los materiales que el equipo de adopción digital puede aportar para facilitar la colaboración y el diálogo.
- Necesidades multifuncionales: UX, diseño o marketing.
Cuando esto es relevante
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".
- Incluye capturas de pantalla de ejemplos de globos de WalkMe, el menú o cualquier idea de diseño.
Navegación por una consulta de diseño localizado
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 interesado: ¿Tu organización requiere que los elementos de la interfaz de usuario sigan estrictos estándares de accesibilidad? Ex. contraste de color, accesibilidad del teclado, etc.
Inspírate: aprende de otros clientes.
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 un Diseñador a su equipo de programa centralizado para que hiciera una marca en profundidad para su Centro de Excelencia de DAP, para apoyar la conciencia de las partes interesadas, el profesionalismo y la escala.
Comenzar
Creación y prueba de CSS - Consejos de expertos