Publicado por

R5: Prototipo de bajo nivel

Publicado por

R5: Prototipo de bajo nivel

A continuación se muestra el prototipo y la propuesta de valor desarrollados para la nueva aplicación móvil de la UOC. Para ilustrar…
A continuación se muestra el prototipo y la propuesta de valor desarrollados para la nueva aplicación móvil de la…

A continuación se muestra el prototipo y la propuesta de valor desarrollados para la nueva aplicación móvil de la UOC. Para ilustrar cómo estos conceptos se muestran en el prototipo, he incluido dos videos que muestran los flujos de navegación para ambos usuarios clave. Por otro lado, en los prototipos de Figma también se incluye el desarrollo de otras secciones que no fueron parte de los escenarios, tales como el calendario y la configuración de la cuenta (en el apartado «Más»).

Prototipo

  • Anna – Perfil estudiante:

Enlace al prototipo en Figma

El video muestra dos escenarios para Anna, una estudiante de la UOC. Primero, Anna revisa el progreso de sus asignaturas, mientras que en el segundo, coordina con sus compañeros un proyecto grupal haciendo uso de la herramienta de chat.

  • Marcos – Perfil profesor:

Enlace al prototipo en Figma

En este video se muestran los flujos para Marcos, un profesor de la UOC. Primero muestra cómo Marcos responde a las consultas de sus alumnos queriendo postergar una de las consultas para no olvidarse de responder luego, y en el segundo los pasos que debe seguir para publicar un anuncio.

Propuesta de valor

Asimismo, el Value Proposition Canvas resume la propuesta desarrollada, indicando los beneficios clave para ambos perfiles de usuario y las soluciones que aporta la nueva app.

¡Gracias!

Debate0en R5: Prototipo de bajo nivel

No hay comentarios.

Publicado por

R4. Diagramas de flujo de navegación

Publicado por

R4. Diagramas de flujo de navegación

Entrada en folio (para mejor visualización) : https://ymokhtarir.folio.uoc.edu/2024/05/23/r4-diagramas-de-flujo-de-navegacion/?preview=true En esta entrada de la asignatura Arquitectura de información analizaremos dos sistemas de gestión de…
Entrada en folio (para mejor visualización) : https://ymokhtarir.folio.uoc.edu/2024/05/23/r4-diagramas-de-flujo-de-navegacion/?preview=true En esta entrada de la asignatura Arquitectura de información analizaremos dos sistemas…

Entrada en folio (para mejor visualización) : https://ymokhtarir.folio.uoc.edu/2024/05/23/r4-diagramas-de-flujo-de-navegacion/?preview=true

En esta entrada de la asignatura Arquitectura de información analizaremos dos sistemas de gestión de aprendizaje indagando en su navegación y creando 2 diagramas de flujo a partir de la navegación realizada.

los dos sistemas de gestión de aprendizaje serán la plataforma reconocida Google classroom y otra plataforma dedicada al mismo objetivo muy completa en cuando a funcionalidades Moodle.

A continuación se expone el diagrama de flujo de Google classroom donde se han llevado a cabo 2 tareas principales: enviar mensaje al foro o como se llama en la plataforma «tablón de anuncios» ya que es el único foro del que dispone el alumno dentro de cada asignatura y entregar un trabajo. Además se muestran dos sübdíagramas que consta de 2 tareas: visualizar el calendario y ingresar en una clase nueva, se ha llevado a acabo estos sübdíagramas porque en navegando han resultado curiosos y diferentes a otras plataformas. Asi bien aqui se adjunta el diagrama de Google Classroom:

Seguido se encuentra el diagrama de Moodle una plataforma de aprendizaje muy completa por todas las funcionalidades que posee pero al igual que con Google classrom se ha centrado la navegación en dos tareas principales: Participar escribiendo un mensaje en el Foro de alumnos y entregar una tarea. En el foro de alumnos es donde el usuario puede interactuar en el foro avisos solo podría el profesor por ello se acaba ahí el flujo. Aclarando este punto aquí se adjunta el diagrama de Moodle:

Evaluación Comparativa de Moodle y Google Classroom

Basándonos en puntos establecidos en un benchmarking que incluye términos como accesibilidad, aspecto visual, funcionalidades, personalización y usabilidad, así como en los 10 principios heurísticos de Jakob Nielsen, se ha llegado a la siguiente conclusión sobre las plataformas Moodle y Google Classroom.

Moodle

Moodle destaca como una plataforma altamente completa en términos de funcionalidades. Utiliza una iconografía reconocible y sigue patrones tradicionales de presentación de cursos y aprendizaje, lo que facilita su adopción por parte de instituciones educativas que buscan replicar el entorno de enseñanza presencial en un formato digital. Sin embargo, la riqueza de sus opciones y configuraciones puede resultar abrumadora para algunos usuarios, especialmente aquellos que no están familiarizados con la tecnología educativa. La curva de aprendizaje es más pronunciada debido a la cantidad de herramientas y personalizaciones disponibles.

Google Classroom

Por otro lado, Google Classroom ofrece una interfaz simple y minimalista, centrada en la facilidad de uso y la accesibilidad , ya que tiene un mejor foco y es mas directa en los apartado mas relevantes como el foro o entregar una tarea. Es una plataforma intuitiva y menos abrumadora, ideal para usuarios que buscan una solución rápida y eficiente para la gestión de sus clases. La integración con Google Suite añade un valor adicional, proporcionando herramientas conocidas y accesibles. Sin embargo, esta simplicidad también implica menos opciones de personalización y funcionalidades avanzadas en comparación con Moodle.

Conclusión

Ambas plataformas cumplen eficazmente su función de facilitar el aprendizaje y la gestión educativa en entornos digitales. Moodle puede ser más adecuada para instituciones que requieren un alto grado de personalización y un conjunto de herramientas robustas, mientras que Google Classroom es una excelente opción para aquellos que priorizan la simplicidad y la facilidad de uso. La elección entre estas dos plataformas dependerá principalmente del enfoque y las necesidades específicas de la enseñanza que se quiera impartir.

Gracias por leerme, espero que ¡Os haya gustado mi aportación!

Debate0en R4. Diagramas de flujo de navegación

No hay comentarios.

Publicado por

R4 – Diagramas de flujo

Publicado por

R4 – Diagramas de flujo

Para este reto realicé los diagramas de flujo para las plataformas de Coursera y Udemy. Ambas plataformas se destacan por ser líderes…
Para este reto realicé los diagramas de flujo para las plataformas de Coursera y Udemy. Ambas plataformas se destacan…

Para este reto realicé los diagramas de flujo para las plataformas de Coursera y Udemy. Ambas plataformas se destacan por ser líderes en educación en línea. 

Para analizar el principal flujo de navegación de ambas plataformas, se consideraron los siguientes pasos que deben completar los usuarios:

  • Iniciar de sesión
  • Explorar de cursos
  • Visualizar de detalles de un curso
  • Inscribirse en un curso
  • Acceder al contenido del curso
  • Interactuar con la comunidad

Diagramas de flujo

 

Análisis Heurístico

Se analizaron ambas plataformas tomando en cuenta las heurísticas de Nielsen:

1) Visibilidad del estado del sistema:

  • Ambos sistemas informan claramente al usuario sobre su estado actual sobre el curso, es decir, el porcentaje de progeso.

2) Relación entre el sistema y el mundo real:

  • Udemy: La terminología es clara y directa, pero carece de personalización.
  • Coursera: Al ofrecer un cuestionario para la personalización, está más alineada con las expectativas del usuario.

3) Control y libertad del usuario:

  • Ambos sistemas permiten al usuario navegar libremente entre las secciones. Coursera ofrece más control con la confirmación de cuenta y opciones de personalización.
  • En ambas plataformas los usuarios tienen la opción de darse de baja del curso.

4) Consistencia y estándares:

  • Ambas plataformas son consistentes en el uso de menús y opciones de búsqueda. Coursera sigue más de cerca los estándares de plataformas de aprendizaje al contar con funcionalidades de comunicación, como foros y mensajes.

5) Prevención de errores:

  • Coursera: La confirmación de cuenta agrega un paso adicional de prevención de errores al asegurar que los datos ingresados por los usuarios son los correctos.
  • En ambas plataformas, la inscripción a los cursos es automático y no se solicita una conformación por parte del usuario, lo cual puede conducir a errores si el usuario selecciona un curso por error.

6) Reconocimiento en lugar de recuerdo:

  • Ambas plataformas utilizan menús y categorías que ayudan al usuario a encontrar lo que busca sin tener que recordar mucho.

7) Flexibilidad y eficiencia de uso:

  • Udemy: Ofrece herramientas de aprendizaje que permiten al usuario configurar recordatorios y gestionar el tiempo. Los usuarios también tienen la libertad de marcar los módulos como completados pese a no haber ingresado a los apartados.
  • Coursera: Ofrece una experiencia más flexible con recomendaciones personalizadas y mejores opciones de interacción social. Sin embargo, el usuario no puede marcar los contenidos como completados sin haber visualizado el contenido primero.

8) Estética y diseño minimalista:

  • Coursera: Ofrece una interfaz más minimalista y limpia visualmente cuando se muestra el contenido del curso.
  • Udemy: Muestra automáticamente el listado de los módulos al lado derecho de la pantalla lo cual puede generar una saturación visual cuando el usuario desee revisar el contenido del curso.

9) Ayudar a los usuarios a reconocer, diagnosticas y recuperarse de errores:

  • Ambas plataformas brindan mensajes de error claros e incluyen enlaces relevantes para redirigir a los usuarios a las secciones correctas.

10) Ayuda y documentación:

  • Ambos sistemas proporcionan ayuda y documentación suficiente para los usuarios, aunque Coursera tiene una ventaja con sus foros y secciones de mensajes. Además Coursera tiene un fácil acceso a la sección de Centro de Ayuda mientras que Udemy la opción de contacto se ubica en el footer.

Conclusiones

Ambas plataformas, Coursera y Udemy, tienen flujos de navegación similares y cumplen con las heurísticas de Nielsen, pero presentan diferencias clave. Coursera requiere confirmación de cuenta por correo, ofrece personalización a través de un formulario inicial, organiza la búsqueda de cursos por temas y metas, no permite marcar manualmente los cursos como completados, y tiene un acceso más directo al Centro de Ayuda. Por otro lado, Udemy no requiere confirmación de cuenta, no ofrece personalización inicial, organiza la búsqueda de cursos por categorías, permite marcar manualmente los cursos como completados, y permite configurar recordatorios para los cursos. En conclusión, si bien Coursera ofrece una experiencia más óptima de manera general, ambas plataformas podrían mejorar con la incorporación de ciertas funciones adicionales.

Debate0en R4 – Diagramas de flujo

No hay comentarios.

Publicado por

Evaluación con Diagrama de Flujos

Publicado por

Evaluación con Diagrama de Flujos

  Google Calendar Notificaciones y recordatorios personalizables: Google Calendar: Implementar notificaciones en tiempo real y alertas visuales para clases, exámenes y actividades extracurriculares. Microsoft Teams Calendar: Permitir a los usuarios personalizar la frecuencia y el tipo de notificaciones para evitar sobrecarga de información. Lenguaje claro y familiar: Utilizar términos comprensibles y relacionados con el entorno universitario, como «clase», «tarea», «examen», y «reunión de estudio». Facilidad para editar y cancelar eventos: Google Calendar: Facilitar la modificación y cancelación de eventos con…
  Google Calendar Notificaciones y recordatorios personalizables: Google Calendar: Implementar notificaciones en tiempo real y alertas visuales para clases,…

 

Google Calendar

Notificaciones y recordatorios personalizables:

Google Calendar: Implementar notificaciones en tiempo real y alertas visuales para clases, exámenes y actividades extracurriculares.
Microsoft Teams Calendar: Permitir a los usuarios personalizar la frecuencia y el tipo de notificaciones para evitar sobrecarga de información.

Lenguaje claro y familiar:

Utilizar términos comprensibles y relacionados con el entorno universitario, como «clase», «tarea», «examen», y «reunión de estudio».

Facilidad para editar y cancelar eventos:

Google Calendar: Facilitar la modificación y cancelación de eventos con opciones de deshacer visibles.
Microsoft Teams Calendar: Asegurar que las opciones para modificar y cancelar estén siempre accesibles.

Interfaz consistente y familiar:

Diseñar la interfaz de manera que sea consistente con otras herramientas y plataformas utilizadas por los estudiantes (por ejemplo, integraciones con plataformas de gestión del aprendizaje como Moodle o Blackboard).

Prevención de errores:

Google Calendar: Validar automáticamente las fechas y horas introducidas, y evitar la creación de eventos duplicados.
Microsoft Teams Calendar: Sugerir horarios disponibles para reuniones y actividades basadas en la disponibilidad de los estudiantes.

Información relevante visible:

Asegurar que la vista principal del calendario muestre la información más importante, como horarios de clases y fechas límite de entrega de tareas, sin necesidad de navegar por múltiples menús.

Atajos y opciones avanzadas:

Google Calendar: Ofrecer atajos de teclado y opciones avanzadas de personalización para estudiantes que necesiten gestionar múltiples eventos.
Microsoft Teams Calendar: Proporcionar una guía visible de atajos de teclado y permitir configuraciones personalizadas para la vista del calendario.

Diseño minimalista y estético:

Mantener una interfaz limpia y ordenada, enfocándose en la claridad y la facilidad de uso, similar a la de Google Calendar.

Mensajes de error claros:

Microsoft Teams Calendar: Asegurar que los mensajes de error sean comprensibles y ofrezcan soluciones concretas para problemas comunes, como conflictos de horario.

Sección de ayuda comprensiva:

Incluir una sección de ayuda y documentación detallada, con tutoriales interactivos que guíen a los usuarios a través de las funciones del calendario y resuelvan preguntas frecuentes.

 

Microsoft Teams

La evaluación heurística de Microsoft Teams Chat destaca varios aspectos positivos en términos de usabilidad y diseño. La aplicación proporciona notificaciones claras en tiempo real, facilitando la comprensión del estado del sistema. Además, la consistencia en términos de diseño y funcionalidad ayuda a los usuarios a familiarizarse rápidamente con la aplicación. La flexibilidad y eficiencia de uso también están presentes, con la incorporación de atajos de teclado y funcionalidades avanzadas que benefician a usuarios experimentados.
Sin embargo, hay áreas de mejora identificadas. Por ejemplo,  la visibilidad de las opciones para deshacer acciones recientes, lo que podría mejorar la experiencia del usuario al proporcionar una «salida de emergencia» más clara.

Debate0en Evaluación con Diagrama de Flujos

No hay comentarios.

Publicado por

Árbol de contenidos

Árbol de contenidos
Publicado por

Árbol de contenidos

Este árbol de contenidos se ha realizado a partir de los resultados de un card sorting abierto utilizando la herramienta Optimal Workshop.…
Este árbol de contenidos se ha realizado a partir de los resultados de un card sorting abierto utilizando la…

Este árbol de contenidos se ha realizado a partir de los resultados de un card sorting abierto utilizando la herramienta Optimal Workshop.

Pulsa sobre la imagen para verla ampliada.

 

Debate0en Árbol de contenidos

No hay comentarios.

Publicado por

Card Sorting y Árbol de Contenidos

Card Sorting y Árbol de Contenidos
Publicado por

Card Sorting y Árbol de Contenidos

Tras el card sorting observamos cómo los usuarios tienden a agrupar ciertas características y herramientas dentro de la aplicación, proporcionando información sobre…
Tras el card sorting observamos cómo los usuarios tienden a agrupar ciertas características y herramientas dentro de la aplicación,…

Tras el card sorting observamos cómo los usuarios tienden a agrupar ciertas características y herramientas dentro de la aplicación, proporcionando información sobre sus expectativas y percepciones sobre la organización de la información. Por ejemplo, agrupa elementos como «Calendario», «Agenda» y «Planificación del Curso» bajo la categoría de «Acordarse» o «Calendario», lo que sugiere una asociación natural entre estas funciones relacionadas con la organización temporal

Árbol de Contenidos

Tras analizar los resultados del card sorting hemos observado que, la ubicación de la sección de idiomas en la aplicación puede depender de varios factores, incluyendo la frecuencia de uso, la importancia de la función y las expectativas de los usuarios. Teniendo en cuenta de que en nuestro caso estamos trabajando con una universidad bilingüe podemos considerar dos opciones para la ubicación de la sección de idiomas:

Dentro de configuración:

  • Colocar la opción de idiomas dentro de la sección de configuración proporciona coherencia y consistencia en la ubicación de las opciones de ajuste de la aplicación. Los usuarios pueden esperar encontrar opciones de personalización y ajuste, como el idioma de la interfaz, agrupadas juntas dentro de la configuración. Esto facilita su acceso y uso, ya que los usuarios pueden buscar directamente en la sección de configuración cuando desean ajustar su idioma.

Fuera de configuración, ubicación Independiente:

  • Al separar la opción de idiomas fuera de la configuración, se destaca su importancia y accesibilidad para los usuarios. Los usuarios pueden cambiar el idioma de la interfaz de manera rápida y directa sin necesidad de navegar a través de otras opciones de configuración. Esto puede ser especialmente útil para los usuarios que acceden a la aplicación en un idioma diferente al predeterminado y desean cambiarlo rápidamente.

Al colocarla dentro de la configuración garantizamos que usuarios establezcan un idioma predeterminado y no tengan que estar interactuando con esta opción de manera reiterada.

Card Sorting

 

Debate0en Card Sorting y Árbol de Contenidos

No hay comentarios.

Publicado por

Arbol de Contenidos para la app UOC

Arbol de Contenidos para la app UOC
Publicado por

Arbol de Contenidos para la app UOC

Enlace a mi folio: https://ymokhtarir.folio.uoc.edu/2024/04/30/arbol-de-contenidos-para-la-app-uoc/ ARBOL DE CONTENIDOS APP UOC Siguiendo con el encargo de la app de Canvas para la UOC, ahora…
Enlace a mi folio: https://ymokhtarir.folio.uoc.edu/2024/04/30/arbol-de-contenidos-para-la-app-uoc/ ARBOL DE CONTENIDOS APP UOC Siguiendo con el encargo de la app de Canvas para…

Enlace a mi folio: https://ymokhtarir.folio.uoc.edu/2024/04/30/arbol-de-contenidos-para-la-app-uoc/

ARBOL DE CONTENIDOS APP UOC

Siguiendo con el encargo de la app de Canvas para la UOC, ahora se trata de crear un Arbol de contenidos que refleje la estructura de contenidos que seguirá nuestra app para el aprendizaje en la UOC.

Partiendo de una lista de requisitos establecidos en el briefing que nos proporciono la UOC, se establecieron una serie de contenidos a modo de inventario que se debían ordenar y categorizar para definir la arquitectura de la información de la app para ello se hizo uso de un Card sorting online a traves de la herramienta Optimal Workshop que sirvió de ayuda para que participaran usuarios relacionados con el tema estudiantil y de ellos extraer conclusiones de como se deben organizar y categorizar cada apartado del inventario , adjunto aqui el Card sorting por si queréis echarle un vistazo ;)  https://ng7qyywa.optimalworkshop.com/optimalsort/7myhmvvy

Una vez analizado los resultados del Card sorting se crea el arbol de contenidos que refleje la estructura final de contenidos que tendrá la app. Se trata de mostrar la estructura de contenidos y como se van interrelacionando entre ellos para crear un sistema optimo. Adjunto aquí el árbol de contenidos creado con la herramienta Lucidchart, nueva herramienta desbloqueada gracias a mis compañeros que no conocía hasta ahora :)

 

Debate0en Arbol de Contenidos para la app UOC

No hay comentarios.

Publicado por

R3 – Árbol de Contenidos

Publicado por

R3 – Árbol de Contenidos

Resultados del Card Sorting El card sorting es una técnica de investigación de usabilidad que se usa para comprender cómo los usuarios…
Resultados del Card Sorting El card sorting es una técnica de investigación de usabilidad que se usa para comprender…

Resultados del Card Sorting

El card sorting es una técnica de investigación de usabilidad que se usa para comprender cómo los usuarios organizan y comprenden el contenido en una interfaz digital. En el contexto del diseño de la nueva app para la UOC, el card sorting es necesario para definir la nueva estructura y brindar una navegación eficiente a sus usuarios.

Basándonos en los resultados del card sorting, se puede concluir que los usuarios tienden a agrupar el contenido de la app de la UOC principalmente en torno a las funcionalidades relacionadas con las asignaturas y los retos académicos, así como las características de ayuda y perfil. Las funcionalidades de mensajería también es otro aspecto destacado en la estructura percibida por los usuarios. Estas conclusiones sugieren que el diseño de la app debe priorizar la accesibilidad y claridad en la presentación de las asignaturas y actividades académicas, así como integrar funciones que faciliten la interacción entre los alumnos y los profesores.

Resultado del árbol de contenidos

El árbol de contenidos fue creado tomando en cuenta los resultados del ejercicio del card sorting, para reflejar la comprensión y expectativas de los usuarios. Asimismo, se usó la herramienta de FigJam elaborarlo.

Debate0en R3 – Árbol de Contenidos

No hay comentarios.

Publicado por

¡Bienvenidos y bienvenidas!

¡Bienvenidos y bienvenidas!
Publicado por

¡Bienvenidos y bienvenidas!

¡Hola! Esta publicación se ha generado automáticamente en el Ágora. Te encuentras en el Ágora de la asignatura. En este espacio se…
¡Hola! Esta publicación se ha generado automáticamente en el Ágora. Te encuentras en el Ágora de la asignatura. En…

¡Hola!

Esta publicación se ha generado automáticamente en el Ágora.

Te encuentras en el Ágora de la asignatura. En este espacio se recogerán todas las publicaciones relacionadas con las actividades que hagan los compañeros y compañeras del aula a lo largo del semestre.

El Ágora es un espacio de debate en el que estudiantes y docentes pueden ver, compartir y comentar los proyectos y las tareas de la asignatura.

Si solamente ves esta publicación, puede ser porque todavía no se ha hecho ninguna más, porque no has entrado con tu usuario de la UOC o porque no perteneces a esta aula. Si no eres miembro de la UOC y ves alguna publicación, es porque su autor o autora ha decidido hacerla pública.

¡Esperamos que esta Ágora sea un espacio de debate enriquecedor para todos y todas!

Debate0en ¡Bienvenidos y bienvenidas!

No hay comentarios.

Las intervenciones están cerradas.