Mejorando la UX de su sistema de diseño – Usabilidad web y seo

Mejorando la UX de su sistema de diseño

Vistas: 79
0 0
Tiempo de lectura:9 Minutos, 4 Segundos

Los hijos del zapatero no tienen zapatos

Hay innumerables proverbios en todo el mundo que dicen que los fontaneros tienen grifos, los herreros tienen cucharas de madera o los hijos de los joyeros no tienen gemas. Después de todo, aquellos que pasan el día invirtiendo sus habilidades en servir a los demás no siempre practican lo que predican cuando se trata de sus propias vidas. Me parece que este adagio también se aplica a algunos sistemas de diseño. Como diseñadores de productos y profesionales de UX, pasamos nuestras vidas tratando de comprender la raíz de los problemas de los usuarios, desafiando suposiciones y construyendo las mejores soluciones posibles para ayudar a las personas a hacer lo que necesitan de la manera más fácil y eficiente posible.

Sin embargo, en todo el mundo tenemos equipos que crean sistemas internos y documentación que son una maraña de suposiciones, pensamiento vago y carga cognitiva (también incluyo mis esfuerzos anteriores en esto). Parte del problema es que las empresas siguen siendo reacias a dedicar tanto tiempo y energía a un producto interno como lo hacen a un producto centrado en el consumidor. Esto a pesar de que los beneficios que se acumulan fácilmente para el usuario son el aumento de la eficiencia, la velocidad y la calidad en el equipo que elabora el producto final.

Como parte de mi trabajo de altura cero, he hablado con equipos de todo el mundo sobre lo que hace que los sitios de documentación sean buenos, desde pequeñas 2-3 empresas de diseño hasta grandes empresas como WebMD y Adobe. Una característica común de los sistemas de diseño exitosos es que el equipo de administración del sistema de diseño ve su sistema como un producto con KPI y métricas, un proceso de desarrollo de producto completo y recursos suficientes para lograr sus objetivos. Desafortunadamente, esto no significa que alguien pueda proporcionar una plantilla estándar para construir un sistema de diseño efectivo, ya que los problemas, necesidades y criterios para el éxito serán diferentes para cualquier sistema de diseño en particular. Sin embargo, existen algunos procesos estándar y beneficios comunes que pueden ayudar.

¿Quiénes son los espectadores y cuáles son sus problemas?

Una de las formas más obvias de comenzar es comprender quién es la audiencia y cuáles son sus necesidades, a fin de averiguar qué problemas deben abordarse. Es increíblemente fácil iniciar un sistema de diseño a partir de nuestras propias suposiciones, dado que “oye, tú mismo eres un diseñador”, pero hay dos cuestiones clave aquí: no todos los diseñadores son iguales y muchos utilizan un sistema de diseño eficaz. personas distintas de los diseñadores.

Un primer paso realmente simple es mapear usuarios, desde equipos de diseño e ingenieros hasta contenido, marketing, productos, investigación de usuarios, localización y cualquier otra persona que ingrese o consuma desde el sistema. El siguiente paso es hablar con estas personas y comprender por qué usan Design System, cómo lo usan, cuáles son sus puntos débiles y las mejoras que sugieren. Esto le dará una lista detallada de áreas potenciales de enfoque que luego pueden ayudarlo a priorizar qué hacer primero.

Diseñe IA pensando en el usuario

Al documentar un sistema de diseño, parece natural basar la documentación en la estructura del propio sistema de diseño. Sin embargo, los sistemas que parecen naturales para las personas profundamente versadas en el diseño de sistemas pueden no parecer naturales para las personas que realmente usan el sistema. Esto es algo que Xero descubrió relativamente temprano cuando basaron su estructura de documentación en los principios del diseño atómico. En lugar de ayudar al usuario a modelar conceptualmente dónde podría ubicarse un componente o estilo, comprometió la disponibilidad de ciertas partes del sistema. Sin el conocimiento incorporado existente sobre los principios atómicos, esta era una carga cognitiva adicional para ellos.

Al igual que con cualquier proyecto de IA, el primer paso es hablar con los usuarios y comprender sus objetivos y necesidades. Los ejercicios de clasificación de tarjetas son excelentes para reducir, agrupar y priorizar. Sin embargo, hemos visto algunas implementaciones comunes en muchos sistemas de diseño diferentes. El primer paso es pensar en las secciones de nivel superior. Estas son áreas autónomas que a menudo tienen en mente audiencias y objetivos obvios. Un patrón común para empezar es dividirlo en tres áreas, como Introducción, Conceptos básicos y Componentes. Esto a menudo se expande con “Plantillas” y “Plantillas” o “Páginas” a medida que se expande el sistema.

Captura de pantalla del sistema de diseño

Usar un lenguaje común para facilitar la búsqueda significa que todos pueden encontrar exactamente lo que necesitan, lo más rápido posible.

Otro caso de uso común para los sitios de documentación es cuando un usuario entra sabiendo lo que quiere encontrar. Esto significa que la búsqueda es a menudo una parte importante de un sitio de documentación bien diseñado, y se debe tener cuidado para garantizar que todo esté escrito en un idioma común para que sea más fácil encontrar cada página y elemento (que se discutirá con más detalle ). (vea los detalles abajo).

Cuanto escribir Matar a un ruiseñor vs tuit

Cuando se trata de lo que se incluye en la documentación, es tentador tirar todo, así como el fregadero de la cocina, en cada componente para asegurarse de que todos los rincones posibles estén cubiertos cuando alguien llegue. Por otro lado, también es muy común lanzar algún diseño, algún código y luego asumir que se completará en el futuro. Si bien se siente como una repetición constante, comunicarse con las personas que utilizan el sistema de diseño para recopilar lo que necesitan saber es clave para hacer que el sistema de diseño sea lo más efectivo posible.

Captura de pantalla de la navegación secundaria en una página del sistema de diseño

Proporcionar información de apoyo importante, como la accesibilidad o la investigación de apoyo, se realiza mejor detrás de las pestañas para no abrumar al usuario.

Dicho esto, siempre es mejor pecar de mostrar información importante con anticipación y luego usar la divulgación progresiva para proporcionar más detalles o documentación de respaldo. Esto reduce la carga cognitiva de los usuarios cuando encuentran lo que buscan y proporciona una experiencia más autodirigida para que solo puedan recibir la información que buscan.

¿La gente sabe cuando algo ha cambiado?

Un problema clave al que me he enfrentado al implementar sistemas de diseño a medida que se construyen es que las personas no regresan al sistema si no saben que se está realizando un cambio. Esta es una de las razones por las que incluimos una página de notas de la versión en nuestras plantillas de inicio para cualquier sitio de documentación. El hábito de documentar lo que ha cambiado con cada lanzamiento le da a las personas un único punto de referencia para mirar.

Sin embargo, es una solución simple para mantener a las personas informadas sobre los últimos desarrollos. El siguiente paso es tomar esta información y colocarla donde las audiencias clave pasen su tiempo. Las soluciones comunes para esto incluyen la configuración de un canal dedicado # design-system-updates en Slack que solo se usa para publicar actualizaciones de versiones. Esto tiene la ventaja de que está de acuerdo, por lo que los colegas pueden elegir si desean recibir actualizaciones. Alternativamente, otras personas confían en las actualizaciones periódicas por correo electrónico, que a menudo se completan con un boletín que tiene un ritmo regular. Esto aumenta la visibilidad tanto para las partes interesadas como para los usuarios, y también proporciona un punto conveniente de interacción para comentarios y aportes.

Un sistema es tan bueno como la suma de sus partes.

Cuando se trata de sistemas de diseño de edificios, la cuestión de cómo evolucionará ese sistema con el tiempo a menudo permanece en una etapa posterior. Sin embargo, tener puntos de contacto sencillos para cualquier persona de su organización es clave para crear un sistema de diseño que continúe creciendo después de la configuración inicial. Parte de esto es una lluvia de ideas tanto con los equipos que ejecutan el sistema como con los equipos que contribuyen con mayor frecuencia al sistema de diseño. Esto asegurará que obtenga una solución razonablemente rentable que no agregue gastos generales innecesarios a los equipos de desarrollo, sino que también proporcione suficiente administración con el equipo de Design System para garantizar el control de calidad.

El siguiente paso es asegurarse de que esto esté claramente documentado en la documentación. Normalmente, este proceso se indica en cualquiera de las secciones de Introducción. Sin embargo, para equipos más grandes que han automatizado el proceso de participación hasta cierto punto, es posible incluir llamadas a la acción más abajo en la jerarquía de información, y algunas personas incluyen llamadas a la acción en los propios componentes.

Recopilar comentarios y evaluar el impacto

Una parte clave de un proceso de UX sólido es recopilar comentarios de los usuarios para determinar el éxito de la calidad de cualquier producto o función. Lo mismo debería decirse de las herramientas internas, incluidos los sistemas de diseño. La configuración de un medidor de uso, tanto a través de herramientas de diseño como de ingeniería y documentación, puede proporcionar información valiosa sobre si los cambios que realiza son realmente beneficiosos para la empresa. La combinación de esto con revisiones periódicas con usuarios clave proporcionará una combinación sólida de datos cualitativos y cuantitativos que pueden señalar áreas de mejora para el equipo.

Captura de pantalla de la página del sistema de diseño con un formulario de solicitud de comentarios

Permitir que los usuarios proporcionen comentarios directamente en la documentación les da la oportunidad de participar en la creación del sistema de diseño.

Del mismo modo, proporcionar un punto claro de interacción con comentarios en su sitio de documentación puede capturar cualquier pequeña cosa o queja antes de que se convierta en problemas graves. Ya sea que se trate de un formulario tan simple como un formulario de Google o Typeform en el pie de página de un sitio, o un proceso de comentarios claramente descrito en la documentación que brinda a los usuarios la capacidad de conectarse con las personas detrás del Design System, no solo puede generar comentarios valiosos, sino también le da al usuario la tranquilidad de que puede participar en las decisiones que toma.

Próximos pasos

Como con cualquier producto, la clave para crear herramientas efectivas es continuar recopilando datos para mejorar la situación. Esto incluye tanto un análisis interno de lo que puede mejorar nuestros sistemas como una mirada externa para ver cómo otras personas están creando sistemas de clase mundial y cómo los sistemas se están integrando en otras partes del mundo.

Lectura recomendada

Pensamiento sistémico – Donnella H. Meadows

Midiendo el impacto de un sistema de diseño – Cristiano Rastelli

DesignOps 101 – Nielson Norman Group

Llantas DesignOps Island

Súper guía de diseño interactivo

La guía completa para principiantes sobre diseño interactivo

¿Listo para adentrarte en el diseño interactivo? En este artículo, tocaremos brevemente todos los aspectos del diseño interactivo: resultados, pautas, diseñadores famosos, sus herramientas y más. Incluso si usted es un diseñador de interacción, lea el artículo y comparta sus pensamientos.

Happy
Happy
0
Sad
Sad
0
Excited
Excited
0
Sleepy
Sleepy
0
Angry
Angry
0
Surprise
Surprise
0
Previous post Esta semana: Twitter, Google, Facebook e Instagram
Next post Toda la información sobre las actualizaciones de verano de Google

Average Rating

5 Star
0%
4 Star
0%
3 Star
0%
2 Star
0%
1 Star
0%

Deja una respuesta