Introducción
A finales del año 2021, completé el Certificado de Diseño de UX por Google, un programa riguroso y práctico que cubre el proceso de diseño de principio a fin. Aunque Google ofrece este programa de forma gratuita, cada estudiante debe pagar una pequeña tarifa mensual a Coursera, donde se alojan las lecciones.
En mi opinión, las lecciones son excelentes, durante el tiempo que tomé este curso, aprendí mucho sobre el diseño enfocado en el usuario y el diseño UX en general. Desafortunadamente, la forma en que Coursera maneja las lecciones no es la mejor. Por ejemplo, no obliga a los participantes a comentar en los ejercicios, hay algunos que hacen trampa, otros se saltan lecciones y algunas personas no revisan sus tareas con seriedad y, por lo general, no brindan comentarios constructivos o simplemente ni se molestan en comentar.
Este fue una falla muy importante que no solo yo, sino muchos otros estudiantes estaban comentando durante el transcurso de mi certificación.
Para resolver esto, pensé que no se necesitaba un tercero como Coursera para alojar un programa de este tipo. Por lo tanto, creé Flash Courses by Grow with Google, una aplicación que brinda una versión resumida de la Certificación, para personas con múltiples trabajos o actividades, y para aquellos que no pueden pagar la tarifa mensual, haciendo este curso completamente gratis. También eliminé la sección de comentarios para cada actividad, ya que de todos modos no se aplica en el curso completo y no es funcional.
Caso de Estudio UX
Descripción del Proyecto
el problema
Las personas que tienen varios trabajos no tienen tiempo para estudiar un curso como el de Coursera y aunque los cursos de Google se ofrecen de forma gratuita; Coursera cobra una tarifa mensual que crea un punto de dificultad económico.
meta
Diseñar una aplicación que aloje el Cursos completo de una manera sintetizada sin el estrés de los exámenes, ofreciendo materiales de aprendizaje para todos, 100% gratis.
el producto
Flash Courses de Grow with Google es una nueva entidad enfocada en la educación para estudiantes y personas que desean obtener nuevas habilidades, pero no tienen tiempo para tomar un curso de una duración de más de 6 meses. La organización necesita una herramienta que ayude a las personas a adquirir nuevas habilidades sin perder tiempo. Nuestro enfoque principal incluye personas con múltiples actividades y adultos interesados en aprender nuevos conocimientos.
mi papel
Diseñador UX, líder, investigador. Llevar la aplicación y el diseño del sitio web adaptable desde la idea hasta el producto final.
duración del proyecto
Septiembre 2021 a noviembre 2021.
responsabilidades
Realización de entrevistas, investigación de usuarios, incluyendo diagramas de afinidad y creación de wireframes en medios tradicionales como papel y digitales, creación de prototipos de baja y alta fidelidad, realización de estudios de usabilidad, mantener en cuanta la accesibilidad, iteración de diseños, determinación de la arquitectura de información, diseño visual y responsivo.
Comprendiendo al Usuario
Usé las reseñas y los comentarios de Coursera de cada actividad para desarrollar las preguntas adecuadas, luego esa información se usó para realizar entrevistas a los usuarios. Después cree un diagrama de afinidad para organizar mis datos. La mayoría de los participantes entrevistados reportaron sentirse mal por el escaso control que ofrece Coursera en el plagio y en cómo los alumnos progresan sin dejar comentarios después de realizar las actividades. Los comentarios recibidos a través de la investigación dejaron muy claro que los usuarios estarían abiertos y dispuestos a estudiar el curso si elimináramos Coursera como el sitio de hospedaje y que preferirían estudiar directamente desde una aplicación de Google sin necesidad de pagar.
PUNTOS ADICIONALES QUE AFECTAN AL USUARIO
experiencia
Hay una frustración general entre los usuarios que realmente quieren estudiar el curso y aquellas personas que no comentan ni colaboran en los ejercicios.
plagio
Algunos blogueros han escrito reseñas sobre el programa de certificación de diseño de UX de Google y hay personas que comentan en internet sobre usuarios que copian trabajos de otros y los envían como propios.
idioma
Para muchos estudiantes, el inglés no es su primer idioma, este curso solo se ofrece en inglés, lo que deja a la mayoría de la población mundial fuera de la posibilidad de estudiar y aprender nuevas habilidades.
PERSONAS & DECLARACIÓN DEL PROBLEMA
Drew tiene dos trabajos y necesita estudiar un curso sintetizado porque no tiene tiempo para estudiar uno completo como el de Coursera o de las universidades y podría hacer algo productivo mientras se traslada de su casa al trabajo.
Mary es una recepcionista que necesita ocupar su tiempo libre durante su trabajo. Estudiar un curso de UX sintetizado, sería lo ideal porque quiere cambiar de rumbo en su carrera y convertirse en diseñadora de UX en un futuro no muy lejano.
MAPA DE EXPERIENCIA DEL USUARIO
Auditoría Competitiva
Una auditoría de la competencia brindó orientación sobre las brechas y oportunidades para abordar con la aplicación Flash Courses. Haga clic para ver la auditoría competitiva completa y el informe de auditoría.
Comenzando el Diseño
MAPEANDO EL SITIO
Empecé a trabajar en el diseño y Arquitectura de Información. Tomé el curso original de Google y reorganicé las clases y lecciones de una manera más coherente e hice un menú sintetizado para el contenido del curso en sí.
IDEACIÓN
Hice un ejercicio rápido de ideación con Crazy 8's para generar ideas sobre cómo abordar las brechas identificadas en la auditoría competitiva. Mi atención se centró específicamente en tener una interfaz atractiva en la que los usuarios se sintieran cómodos estudiando. Haberme tomado el tiempo para redactar iteraciones de cada pantalla de la aplicación en papel aseguró que los elementos que llegaron a los wireframes digitales serían adecuados para abordar los puntos débiles de los usuarios. Para la pantalla de inicio, prioricé un menú rápido y fácil con botones grandes para ayudar a los usuarios a ahorrar tiempo. Utilicé estrellas para marcar los elementos de cada boceto que se utilizarían en los wireframes digitales.
WIREFRAMES DIGITALES
Después de idear y redactar algunos wireframes en papel, creé los diseños iniciales para la aplicación Flash Courses. Estos diseños se centraron en brindar orientación personalizada a los usuarios para ayudarlos a localizar y revisar el material del curso.
PROTOTIPO DE BAJA FIDELIDAD
Para prepararme para las pruebas de usabilidad, creé un prototipo de baja fidelidad que conectaba el flujo de usuario de cómo funcionaría la aplicación. Creé una sección de Notas y Flashcards para que los usuarios pudieran estudiar el curso de una manera divertida e interactiva. Se agregó un botón grande para que los estudiantes pudieran continuar leyendo el material donde lo dejaron por última vez.
Estudio de Usabilidad
PARÁMETROS
tipo de estudio
Estudio de usabilidad no moderado.
ubicación
Estados Unidos, remoto.
participantes
5 participantes.
longitud
Menos de 60 minutos.
RESULTADOS
mejor menú
Los usuarios quieren un acceso rápido y fácil a la información del curso y a sus propias anotaciones.
estudio
La gente quería ver si podía haber una manera de revisitar y estudiar el material del curso.
ajustes
Los estudiantes deben elegir sus propias preferencias, especialmente la posición del botón de menú.
Iterando el Diseño
Maquetas
Basándome en los conocimientos de los estudios de usabilidad, apliqué cambios de diseño, proporcionando una pantalla de inicio más clara. Los cambios de diseño adicionales incluyeron agregar etiquetas a los íconos para que el usuario pudiera comenzar rápidamente y sin ningún tipo de molestia o confusión.
PROTOTIPO DE ALTA FIDELIDAD
El flujo de usuario del prototipo de alta fidelidad se mejoró a partir del de baja fidelidad, incluyendo los cambios de diseño realizados después del estudio de usabilidad.
CONSIDERACIONES EN ACCESIBILIDAD
lectores de pantalla
Se agregaron íconos con etiquetas y texto alternativo a las imágenes y elementos interactivos para que los lectores de pantalla puedan leerlos.
alto contraste
Se agregó una configuración para alto contraste. Es una función de modo claro y oscuro, y el usuario puede ajustar el tamaño de la fuente tipográfica.
idiomas
Se agregó la opción de tomar el curso en diferentes idiomas en el menú de configuración. Ahora no solamente se encuentra en curso en Inglés.
Tamaños de Pantalla
Además de la aplicación móvil, diseñé un sitio web adaptativo. Los diseños para los diferentes tamaños de pantalla incluyeron dispositivos móviles, tabletas y computadoras de escritorio. Optimicé los diseños para adaptarlos a las necesidades específicas del usuario y de cada dispositivo.
Seguimiento
PUNTOS CLAVE
impacto
Los usuarios compartieron que la aplicación hizo que el curso fuera más fácil de leer e intuitivo. Una cita de un compañero que analizó a detalle la aplicación fue: "esta aplicación es mucho mejor que el curso de Coursera, ¡guau!"
aprendizajes
Aprendí que aunque el problema que estaba tratando de resolver era grande, pasar por cada paso del proceso de diseño y alinearme con las necesidades específicas del usuario me ayudó a encontrar soluciones que eran factibles y útiles.
PRÓXIMOS PASOS
investigación
Realizar una investigación sobre el éxito de la aplicación para alcanzar el objetivo de alentar a las personas a estudiar y aprender nuevas habilidades.
cursos
Agregar más cursos educativos para que los usuarios aprendan sobre diferentes temas y nuevas tecnologías.
incentivos
Proporcionar incentivos a los usuarios que finalicen un curso de Flash Courses. Similar a un certificado o insignia para que puedan añadirlo en su perfil de LinkedIn y/o currículum.
Prototipo Final
¡Gracias!
