Atajo de acceso por teclado
Como pasante de diseño de UX en Oracle, tuve la oportunidad de abordar un problema complejo de múltiples usuarios, al mismo tiempo que contaba con la flexibilidad de explorar soluciones bien pensadas que equilibraban el sistema de diseño de Redwood con mi propio enfoque creativo.
Equipo
Redwood Design System (RDS) en el equipo de IA y Búsqueda centradas en el ser humano
Rol
Pasante de Diseño UX
Duración
6 meses
Como pasante de diseño de UX en Oracle, tuve la oportunidad de diseñar un atajo para uno de los componentes más importantes de nuestros productos para mejorar la experiencia del usuario y hacerla más accesible. Esta fue la oportunidad perfecta para trabajar en un proyecto de la vida real, lo que me permitió aplicar todos los aspectos de la metodología de design thinking.
El programa de pasantías de Oracle ofreció mucho más que solo trabajar en un proyecto. Fue una valiosa experiencia de aprendizaje en términos de UX, diseño y trabajo en equipo.
Descripción general del proyecto
Mi proyecto se centró en diseñar un atajo de teclado para un componente de IA del Redwood Design System; formé parte del equipo de Búsqueda e IA Centrada en el Humano. El proyecto se enfocó en mejorar la accesibilidad de un componente de IA, particularmente para los usuarios que dependen en gran medida de su teclado para la navegación, así como para los usuarios con discapacidades que solo utilizan su teclado para navegar. El objetivo era proporcionar a estos usuarios una forma de acceder al componente sin interrumpir su flujo de trabajo y mejorando su eficiencia.
Responsabilidades
A lo largo del proyecto, diseñé un atajo tanto para usuarios internos como externos. Lideré todo el proceso de diseño, realizando investigaciones, explorando ideas, perfeccionando soluciones y creando prototipos, todo esto considerando el crecimiento futuro. Trabajar junto a equipos multidisciplinarios, partes interesadas, el equipo de RDS y mis mentores fue invaluable, ofreciendo diferentes perspectivas sobre el proyecto y mejorando mi comprensión del problema que el atajo pretendía resolver.
Definición del problema
La eficiencia y el enfoque de los usuarios se ven comprometidos porque tienen que pasar por todos los elementos de la página para llegar al componente deseado. Si la página está llena de elementos, la cantidad de esfuerzo requerido aumenta, lo que afecta su flujo de trabajo.
Perfil de usuario
El objetivo del proyecto era diseñar un atajo fácil de usar, por lo que definir el perfil de su usuario objetivo era esencial. El enfoque se centró en los usuarios que navegan con el teclado, ya sea por elección o debido a una necesidad de accesibilidad física. Dado que la navegación con el teclado puede ser más rápida y ergonómica que la navegación con el mouse, el proyecto también tuvo un enfoque de accesibilidad.
¿Cuál es el proceso cuando estás diseñando un atajo?
Para la primera parte, me concentré en comprender el problema, los usuarios y el contexto. Comprender a los usuarios y su interacción con la tecnología fue muy importante para mí. Quería entender su experiencia emocional y el impacto de los atajos cuando un usuario solo navega con su teclado. La intención era empoderar a los usuarios con necesidades de accesibilidad y brindarles una experiencia positiva que va más allá de los aspectos técnicos. El objetivo era empezar a generar un impacto sobre cómo diseñar pensando en todos los usuarios.
Una vez que comprendí por completo la situación, me di cuenta de la importancia de investigar qué estaban haciendo los competidores en esta área. Quería entender la situación actual con los atajos y si los productos toman en cuenta a los usuarios con necesidades de accesibilidad. Esto implicó realizar una investigación teórica y comenzar a interactuar con la tecnología utilizando únicamente un teclado, con el fin de comprender la realidad a la que se enfrentan estos usuarios.
Como parte de la investigación, me sumergí en el mundo de los atajos relacionados con cada elemento involucrado en el trabajo con productos web. ¿Cómo funcionan las tecnologías de asistencia? Por ejemplo, ¿cómo funcionan los lectores de pantalla como JAWS o VoiceOver, y cómo puede cambiar la distribución del teclado si el usuario trabaja con una configuración diferente?
Después de extraer las ideas clave, pude definir las características que debía tener el atajo, así como su función principal. En este punto, era vital para mí permitir que cada perfil de usuario tuviera una interacción fluida al tener una claridad
Solo una vez que hube completado estos pasos pude comenzar a diseñar la interacción que tendría el atajo.
*Desde que comenzó el proyecto, he colaborado con varios equipos y profesionales especializados en accesibilidad y otros temas para validar propuestas e información, y para perfeccionar aún más el proyecto.
Investigación
Durante esta etapa, me concentré en comprender los antecedentes de los atajos, cómo se aplican en diversas situaciones, qué implica diseñar un atajo y si otras empresas tienen atajos para sus productos. Para ello, analicé a más de 12 competidores.
Principales hallazgos durante la investigación
Parte de los competidores ofrecen los mismos atajos que ya utilizan algunos navegadores.
5 de cada 12 competidores no ofrecen una compatibilidad total con lectores de pantalla (como JAWS).
Algunos atajos cambian según la aplicación que se esté utilizando, lo que genera confusión en los usuarios, ya que la empresa ha asignado un atajo existente a una acción, pero este cambia según el producto.
Reciclaron atajos existentes del navegador o del sistema operativo y los asignaron a sus propias acciones, desactivando así los atajos originales o creando fallas con los suyos.
Algunas empresas afirman tener atajos disponibles, pero cuando los usuarios intentan usarlos, no funcionan o activan otra cosa.
Definiendo el atajo
Al realizar esta extensa investigación, comprendí mejor la importancia de los atajos y su impacto en la satisfacción del usuario. Los atajos permiten a los usuarios acceder a las funciones que necesitan de inmediato, mejorando su eficiencia y experiencia general al eliminar la necesidad de navegar con el tabulador por el resto del contenido.
En términos de accesibilidad, los atajos empoderan a los usuarios que navegan con el teclado debido a problemas de accesibilidad. Brindan más visibilidad y permiten a los usuarios interactuar con la tecnología de manera más eficiente. En última instancia, permitir que los usuarios ahorren tiempo al proporcionarles un acceso rápido tendrá un impacto positivo en sus vidas.
Por lo tanto, para que este atajo evitara cometer los mismos errores que otros, era importante definir sus principios; por eso, el atajo tenía que ser sencillo, ergonómico, constante y memorable.
Sencillo porque necesitábamos un atajo que fuera fácil de accionar; cuando un atajo tiene demasiadas combinaciones de teclas, puede generar más fricción en lugar de eficiencia.
Ergonómico teniendo en cuenta que la combinación de teclas sea posible de digitar bajo cualquier escenario, en caso de que el usuario tenga alguna necesidad de accesibilidad.
Constante ya que el objetivo es proporcionar un atajo que no cambie en ninguna otra plataforma, navegador o sistema operativo, haciendo que la experiencia sea menos frustrante.
Memorable porque el uso de conceptos familiares ayudará a los usuarios a recordar fácilmente este atajo, diseñándolo para que sea sencillo y consistente.
Al final, presenté un prototipo que mostraba cómo interactuaría el atajo. Al mismo tiempo, quería enfatizar qué tan eficiente haría el atajo a los usuarios debido a la cantidad de pasos que les ahorraría.
Reflexión
Al final del proyecto, diseñé una función enfocada en hacer la experiencia más accesible y, al mismo tiempo, mejorar genuinamente la forma en que los usuarios interactúan con el producto. En general, fue una experiencia increíblemente gratificante. Quiero compartir algunos de los aprendizajes clave que obtuve no solo de este proyecto, sino de la pasantía en su totalidad:
Diseñar una función que funcione para todos los usuarios en diferentes productos puede ser un desafío. La colaboración con múltiples equipos fue esencial, ya que la solución debía adaptarse a diferentes casos de uso y no podía limitarse a un solo tipo de usuario.
Tomar en cuenta cada aspecto fue esencial para evitar crear problemas adicionales. Dado que Oracle trabaja con múltiples productos y funciones, era necesario tener en cuenta cada detalle.
El gran diseño proviene de la retroalimentación. Trabajar con diseñadores, equipos multidisciplinarios y gerentes ayudó a dar forma al proyecto y a guiarlo en la dirección correcta.
Una lección importante fue aprender que está bien pedir ayuda. Como pasantes, tendemos a sentir que estamos solos, pero nuestros mentores, equipos y gerentes desempeñan un papel clave al guiarnos, ayudarnos a mantenernos alineados con los objetivos del usuario y empoderarnos para adueñarnos de nuestro trabajo.
Otros proyectos
Aplicación Runi Carpool
A través de una aplicación, ofreceremos a la red universitaria la oportunidad de organizar viajes compartidos, satisfaciendo así las necesidades de la comunidad universitaria.
Rieles de Esperanza
Rieles de Esperanza es una campaña de activismo social creada por Studio Boqui para concientizar sobre las experiencias de los migrantes que viajan por México a bordo de La Bestia.
Diseño de IU para una plataforma de aprendizaje financiero
Diseño de una plataforma de aprendizaje financiero para enseñar administración y gestión empresarial, desde el concepto hasta el prototipo.
Sitio web responsivo de WordPress para un club de golf
Diseñar la experiencia que ofrece este club de golf a través de un sitio web alineado con su marca.