Taller Casiopea 2024 - Accediendo a Casiopea
| Título | Taller Casiopea 2024 - Accediendo a Casiopea |
|---|---|
| Tipo de Proyecto | Proyecto de Titulación |
| Palabras Clave | wiki, casiopea, documentación |
| Período | 2024- |
| Del Curso | Taller Casiopea |
| Carreras | Diseño |
| Alumno(s) | Scarleth Osorio |
| Profesor | Herbert Spencer, Katherine Exss |
| <-- Volver a la página del taller |
|---|
Titulo 2
Carta Grantt S2
Carta Grantt modificada para 2do semestre.
Arquitectura Páginas
Lista de páginas creadas/modificadas
- Ayuda:Cómo editar la Wiki
Resultados
Comparativa tiempos
El gráfico compara los tiempos de dos grupos de usuarios al realizar las mismas tareas (3 tareas). El grupo en azul trabajó con el prototipo de Figma con una maqueta con la nueva skin, mientras que el grupo en rojo realizó las tareas en la versión actual de la wiki Casiopea. Los tiempos representados en las barras indican el promedio de los tiempos que tardaron en completar cada tarea.
En total se hicieron 10 pruebas de usuario.
Las barras azules representan a los 5 usuarios que hicieron pruebas en Figma con la nueva skin y en rojo los otros 5 usuarios que hicieron las tareas en la wiki actual.
Las barras de error que ves en cada columna del gráfico representan la variabilidad de los tiempos que tardaron los usuarios en cada tarea. Esto no aplica para todos los usuarios ya que algunos usuarios realizaron las tareas sin distracciones o comentarios de pormedio que pudieran alargan los tiempos en que se realizaron las tareas. Estos son en los tiempos más cortos. En este caso, las barras de error son el error estándar, que nos da una idea de cuánto varían los tiempos de los usuarios alrededor del promedio.
Si la barra de error es más larga, indica que los usuarios tuvieron tiempos más variados; algunos usuarios tardaron más y otros menos. Esto puede deberse a que algunos usuarios ya conocían cómo usar la plataforma o eran más rápidos navegando.
Comparativa 3 pruebas
- La comparación entre los tiempos de Figma y Wiki Casiopea actual dan como resultado que los usuarios tardaron más en usar la nueva skin, esto puede deberse a diversos factores, tanto los tipos de usuarios que realizaron la prueba que van de usuarios avanzados a personas que eran muy nuevas en la wiki.
- La tarea donde se tarda más es en la de encontrar los enlaces internos, ya que se encuentra al hacer muchos clicks, hay que navegar más y los usuarios no entendían bien que eran.
- A pesar de que algunos de los usuarios no entendían que eran los widgets fue la tarea que menos tardaron en realizar, ya que de por si se mueven directamente al área de tutoriales.
- Los tiempos que tardaron en llegar a el tutorial de "Solicitar una cuenta" es más que nada porque iban directamente a Acceder o iban a las páginas de los tutoriales de edición.
Tarea 1 - Encontrar el tutorial de Solicitar una cuenta
En esta tarea, los usuarios debían encontrar el tutorial para "Solicitar una cuenta". Las barras azules representan a los 5 usuarios que realizaron la tarea en el prototipo de Figma con la nueva skin de la Wiki Casiopea, mientras que las barras rojas corresponden a los 5 usuarios que realizaron la tarea en la versión actual de la Wiki Casiopea.
Citas:
- “No entiendo por qué no es más directo, es demasiada explicación.”
- “Yo no leo tanto. Entonces los párrafos, si son muy grandes, no les voy a tomar el peso y no voy a parar a leerlo.”
- "El texto que explica cómo solicitar una cuenta fue considerado excesivo y poco claro."
- En la tarea de "encontrar el tutorial de solicitar una cuenta", aunque el promedio fue más bajo en la Wiki Casiopea, las barras de error muestran una mayor variabilidad en comparación con el prototipo de Figma, lo que indica que algunos usuarios encontraron más difícil la tarea en la wiki.
- Curiosamente, los usuarios encontraron más rápido el tutorial para "Solicitar una Cuenta" en la Wiki Casiopea que en Figma.
- En comparación las pruebas en Figma con la "Nueva versión" fueron más lentas, mayormente por un usuario y así mismo un usuario de las pruebas de Figma no pudo realizar la tarea.
- Los usuarios no sabían donde debían encontrar el tutorial, iban directamente a acceder. Por lo que tardaban más en llegar.
- Los usuarios mencionaron que en la wiki actual, aunque menos atractiva visualmente, sabían mejor dónde encontrar la opción, por lo que completaron la tarea más rápido, o por el hecho que mi propuesta tiene mayor cantidad de clicks para llegar a diferentes lugares.
- Igualmente los usuarios dijeron que les parecía mejor la nueva versión visualmente.
- También dijeron que en comparación con como se visualizaba antiguamente, como estaba estructurada la información y el contenido que existía, les parecía mejor como estaba ahora en las pruebas.
- Los tutoriales tienen demasiado texto, lo que resultó abrumador para los usuarios. Esto llevó a que ignoraran partes importantes o pasaran por alto detalles clave.
Tarea 2 - Encontrar la Guía de Widgets
Esta tarea consistió en encontrar la guía de widgets. Las barras azules representan a los usuarios que trabajaron en Figma y las barras rojas a los que trabajaron en la Wiki Casiopea.
Citas:
- "No sé qué es un widget, ¿tiene un ícono?"
- "Estuve buscando por todas partes, pero no lo encontraba."
- "Pensé que los widgets eran otra cosa, me equivoqué."
- "Pensé que estaba en otra parte. No sabía que estos eran widgets."
- "No sabía si esto era un widget o no."
- "Esto debería ser más claro. No sabía qué buscaba."
- "Alguien debería decirme qué es un widget desde el inicio."
- En la Tarea 2 "encontrar los tutoriales de los Widgets", las barras de error son menores en ambas pruebas, lo que indica que los usuarios tuvieron tiempos más consistentes, pero la mayor diferencia es en la familiaridad con el término "widget".
- Los tiempos fueron más bajos en todos las pruebas de esta tarea.
- En este caso, los usuarios tardaron más en navegar y entender la "Guía de Widgets" en el prototipo de Figma que en la Wiki Casiopea.
- La mayoría de los usuarios mencionaron que no sabían lo que era un widget, lo que les llevó a confusiones durante la tarea en ambas modalidades.
- Se podría incluir una explicación más accesible y visual para los widgets en la Wiki, haciendo énfasis en una presentación clara desde el principio.
Tarea 3 - Encontrar Enlaces Internos
En esta tarea, los usuarios debían encontrar el tutorial sobre cómo añadir enlaces internos en la Wiki Casiopea.
Citas:
- “Si me dices enlaces dentro de la wiki, lo entiendo más. Pero si me dices enlace interno, como que me cuesta asociar qué es.”
- “Faltaría como esa información de aclararte de para qué sirve, cómo se usa.”
- Para la Tarea 3 "encontrar el tutorial de enlaces internos", las barras de error muestran una variabilidad más alta en la Wiki Casiopea, sugiriendo que algunos usuarios avanzados tardaron más, mientras que en Figma los tiempos fueron más estables.
- En esta tarea, los usuarios tardaron significativamente más en encontrar el tutorial de "Enlaces Internos" en la Wiki Casiopea en comparación con el prototipo de Figma.
- En esta tarea en la Wiki Casiopea actual se tardo más en comparación con la prueba en Figma con la "Nueva apariencia"
- Hubieron 2 usuarios que tardaron mas en promedio que los demás, los tiempos más largos son de usuario tantos avanzados que ya ocupan la wiki hace años y usuarios nuevos.
- La distinción entre enlaces internos y externos no era clara para los usuarios, lo que causó confusión a la hora de completar tareas relacionadas con la vinculación de páginas dentro de la wiki.
- Reemplazar "enlace interno" con un término más familiar para los usuarios, como "insertar enlace dentro de la wiki", sugirieron algunos.
Implicancias para el diseño
Las pruebas de usabilidad realizadas con los prototipos de Figma y la versión actual de la Wiki Casiopea han evidenciado varios aspectos importantes que afectan la experiencia de usuario con la plataforma. Los resultados mostraron áreas de mejora en la presentación visual, la estructura de la información y la facilidad de navegación. Las principales implicancias del diseño se presentan a continuación, con un énfasis en optimizar la interfaz, mejorar la comprensión de los contenidos y facilitar una navegación más fácil para los usuarios.
- Mejorar la explicación y presentación de los Widgets: Los usuarios no comprendieron claramente qué es un widget y lo confundieron con otros elementos. Es importante simplificar las explicaciones técnicas y ofrecer ejemplos visuales para aclarar el concepto de widget. También se puede cambiar en nombre Widget para que sea un lenguaje mas comprensible y básico.
- Claridad en la distinción entre enlaces internos y externos: Hubo confusión en cuanto a la diferencia entre enlaces internos y externos. Se debe aclarar mejor para qué sirve cada tipo de enlace. Reemplazar el término "enlace interno" por algo más familiar para los usuarios, como "enlace dentro de la wiki"
- Optimización del contenido textual: Los tutoriales tienen demasiado texto según palabras de los usuarios, lo que llevó a que los usuarios se sintieran abrumados y no leyeran partes importantes. Revisar y acortar en la medida los tutoriales ayudara a reducir que se abrumen los usuarios. Dividir el contenido en secciones más pequeñas con lenguaje más claro y directo. Evitar párrafos largos y utilizar títulos claros para dividir las secciones, incluyendo ayudas visuales para hacer más fácil la comprensión.
- Reducción del tamaño de las tarjetas: Las tarjetas eran demasiado grandes, lo que obligaba a los usuarios a desplazarse innecesariamente. Acortar las tarjetas verticalmente, reduciendo el tamaño de las imágenes y textos para que más contenido sea visible en la pantalla sin tener que desplazarse tanto. Esto haría que los usuarios vieran mas de la tarjetas ejemplo: los títulos y así evitar búsquedas mas largas de contenidos específicos.
También se identificaron implicación para el diseño no especificas a mi área del proyecto, sino al proyecto Wiki Casiopea general.
- Resaltar la barra de navegación y Footer: Los usuarios no identificaron la barra de navegación fácilmente. Sugirieron que la barra superior y Footer deberían ser más visibles y destacarse mejor. Talvez añadir un color de fondo distintivo o bordes que separen claramente del resto de la página.
- Aprovechamiento del espacio y márgenes laterales: Se detectó un exceso de espacio en blanco en los márgenes laterales, lo que generó la percepción de que el espacio no estaba bien aprovechado. Reducir los márgenes laterales y utilizar ese espacio para mostrar más información útil o imágenes, optimizando así el uso del espacio en pantallas más grandes.
- Títulos más grandes y llamativos: Los títulos no capturaron suficientemente la atención de los usuarios, quienes señalaron que eran pequeños y pasaban desapercibidos. Aumentar el tamaño de los títulos y utilizar colores que los diferencien claramente del cuerpo del texto, para que sean más visibles y atractivos.
- Mejora del esquema de colores: El esquema de colores fue percibido como aburrido y poco atractivo. Los usuarios sugirieron que era similar a la versión actual de la wiki y no captaba su atención. Talvez usar un mayor contraste entre elementos importantes como los títulos, botones y la barra de navegación. Esto mejorará la experiencia visual de los usuarios.
Pruebas Animación con Código
Primer acercamiento a las animaciones en p5.js
Inicialmente, consideré el uso de p5.js para desarrollar las animaciones tipográficas dentro del proyecto. En esta primera fase, experimenté con la creación de animaciones de palabras clave relacionadas con Amereida y la Ciudad Abierta, aplicando efectos básicos como la transformación de colores y orientaciones. Sin embargo, tras evaluar las limitaciones técnicas, decidí optar por otros métodos más adecuados para estas animaciones.
exploré el uso de p5.js para la creación de animaciones tipográficas. El objetivo fue experimentar con tipografía cinética tomando en cuenta que debe ser una animación para la tarjeta de Guía de edición de textos
El uso de p5.js, aunque flexible para ciertos tipos de animaciones, no ofrecía la capacidad suficiente para implementar efectos más avanzados y transiciones fluidas que requieren las tarjetas visuales en este proyecto.
Prueba Animación After Effects
Primeras pruebas y acercamiento de animación en After Effects
Se realizaron pruebas de animación utilizando Adobe After Effects con el objetivo de explorar las capacidades y posibilidades de la herramienta. A diferencia de las limitaciones encontradas al utilizar código con p5.js.
Tutoriales prácticos sobre la edición de textos en Wiki Casiopea. Aprende a utilizar Títulos o Encabezados de Sección, Listas, Estilos de Texto, Links, Enlaces, Etc.
Tutoriales prácticos sobre la edición de textos en Wiki Casiopea. Aprende a utilizar Títulos o Encabezados de Sección, Listas, Estilos de Texto, Links, Enlaces, Etc.
Tutoriales prácticos sobre la edición de textos en Wiki Casiopea. Aprende a utilizar Títulos o Encabezados de Sección, Listas, Estilos de Texto, Links, Enlaces, Etc.
Tutoriales prácticos sobre la edición de textos en Wiki Casiopea. Aprende a utilizar Títulos o Encabezados de Sección, Listas, Estilos de Texto, Links, Enlaces, Etc.
Tutoriales prácticos sobre la edición de textos en Wiki Casiopea. Aprende a utilizar Títulos o Encabezados de Sección, Listas, Estilos de Texto, Links, Enlaces, Etc.
Tarjetas con animación
Esta animación fue desarrollada en base a un storyboard, cumpliendo con la propuesta inicial para el diseño de una de las tarjetas para la Wiki Casiopea. Se trabajó en la animación de los elementos tipográficos y las transiciones visuales.
Guía de Edición de Contenidos Textuales
Propuesta 1
Tutoriales prácticos sobre la edición de textos en Wiki Casiopea. Aprende a utilizar Títulos o Encabezados de Sección, Listas, Estilos de Texto, Links, Enlaces, Etc.
Tiempo estimado: 10 min
Tutoriales prácticos sobre la edición de textos en Wiki Casiopea. Aprende a utilizar Títulos o Encabezados de Sección, Listas, Estilos de Texto, Links, Enlaces, Etc.
Tiempo estimado: 10 min
Tutoriales prácticos sobre la edición de textos en Wiki Casiopea. Aprende a utilizar Títulos o Encabezados de Sección, Listas, Estilos de Texto, Links, Enlaces, Etc.
Tiempo estimado: 10 min
Tutoriales prácticos sobre la edición de textos en Wiki Casiopea. Aprende a utilizar Títulos o Encabezados de Sección, Listas, Estilos de Texto, Links, Enlaces, Etc.
Tiempo estimado: 10 min
Propuesta 2
Tutoriales prácticos sobre la edición de textos en Wiki Casiopea. Aprende a utilizar Títulos o Encabezados de Sección, Listas, Estilos de Texto, Links, Enlaces, Etc.
Tutoriales prácticos sobre la edición de textos en Wiki Casiopea. Aprende a utilizar Títulos o Encabezados de Sección, Listas, Estilos de Texto, Links, Enlaces, Etc.
Tutoriales prácticos sobre la edición de textos en Wiki Casiopea. Aprende a utilizar Títulos o Encabezados de Sección, Listas, Estilos de Texto, Links, Enlaces, Etc.
Guía de Edición de Imágenes
Propuesta 1
Descubre cómo editar imágenes en Wiki Casiopea para mejorar la calidad visual y estructura de tus páginas. Aprende a subir imágenes, de Posicionamiento y Opciones Avanzadas y crear galerías.
Tiempo estimado: 15 min
Descubre cómo editar imágenes en Wiki Casiopea para mejorar la calidad visual y estructura de tus páginas. Aprende a subir imágenes, de Posicionamiento y Opciones Avanzadas y crear galerías.
Tiempo estimado: 15 min
Propuesta 2
Para la propuesta final se le recorto la parte inicial del tecleo del código de una imagen para empezar con el código ya puesto y la imagen ya puesta. Así se enfoca mas en las modificaciones de izquierda y derecha que en el tecleo inicial, también este era muy lento.
Descubre cómo editar imágenes en Wiki Casiopea para mejorar la calidad visual y estructura de tus páginas. Aprende a subir imágenes, de Posicionamiento y Opciones Avanzadas y crear galerías.
Tiempo estimado: 15 min
Avances 26 oct - 3 nov
Prueba Código Tarjetas
Primera Primeras pruebas de código tarjetas
Semifinales
Final
Creación de Páginas (Formularios)
Aprende a crear páginas utilizando formularios predefinidos en Wiki Casiopea. Esta guía cubre las categorías y tipos de páginas disponibles, además de cómo organizarlas eficazmente.
Tutoriales prácticos sobre la edición de textos en Wiki Casiopea. Aprende a utilizar Títulos o Encabezados de Sección, Listas, Estilos de Texto, Links, Enlaces, Etc.
Otras
Mensaje max. 40 palabras
Accediendo a Casiopea
Titulo 1
Introducción
El proyecto Casiopea tiene como objetivo rediseñar la Wiki Casiopea para mejorar su usabilidad, realizado en el contexto del taller de título de Diseño de Interacción 2024, con la participación de tres estudiantes que colaboran en diversas áreas. La Wiki Casiopea es un pilar académico y cultural de la escuela, funcionando como un espacio dinámico y colaborativo donde estudiantes, docentes y otros miembros de la comunidad pueden compartir conocimientos, recursos y experiencias. Esta plataforma promueve la hospitalidad, la apertura y el aprendizaje continuo, y es una herramienta esencial que facilita el acceso a la información y fomenta el sentido de pertenencia y colaboración entre sus usuarios. Sin embargo, la Wiki Casiopea presenta problemas de uso incorrecto, con páginas mal enlazadas, incompletas o con errores en el código, lo que dificulta la navegación y el acceso a la información. Además, muchos usuarios no la utilizan para documentar las tareas de todos los talleres, creando vacíos de información. Esta desconexión entre la wiki y la comunidad escolar impide que estudiantes y profesores vean la plataforma como una herramienta integral para su aprendizaje y enseñanza. Es crucial abordar estos problemas para que la wiki pueda cumplir plenamente su propósito y servir efectivamente a su comunidad.
Fundamento
La accesibilidad y usabilidad son componentes críticos para el éxito de cualquier plataforma educativa. En el caso de Casiopea, una carpeta abierta y colectiva, una plataforma destinada a ser una bitácora, es fundamental asegurar que los usuarios puedan acceder fácilmente y utilizar eficazmente los tutoriales y ayudas disponibles. Sin embargo, los usuarios enfrentan dificultades significativas al acceder y utilizar eficazmente los recursos disponibles en la plataforma. La estructura actual puede resultar confusa y poco intuitiva, limitando la capacidad de los usuarios para comprender y aprovechar plenamente los recursos educativos ofrecidos. Esta situación no solo afecta la experiencia del usuario, sino que también puede disminuir la eficacia general de la plataforma en términos de aprendizaje y participación.
Además, actualmente la mayoría de los usuarios no tienen un sentido de pertenencia con la plataforma de manera significativa. Es importante que los usuarios se sientan bienvenidos y tengan la oportunidad de participar activamente en la plataforma. La falta de una comunidad acogedora y colaborativa puede obstaculizar la colaboración y la producción de contenido, limitando el potencial educativo y colaborativo de Casiopea.
Problema
Basándonse en la investigación previa, se pudieron identificar diversas problemáticas que enfrentan los usuarios en términos de usabilidad, accesibilidad y comprensión de las herramientas disponibles en Wiki Casiopea. La estructura actual puede resultar confusa y poco intuitiva, lo que limita la capacidad de los usuarios para comprender y aprovechar plenamente los recursos educativos ofrecidos. Esta situación no solo afecta la experiencia del usuario, sino que también disminuye la eficacia general de la plataforma en términos de aprendizaje y participación. Los hallazgos subrayaron la necesidad de mejorar la estructura y la documentación de la plataforma para optimizar la experiencia del usuario. Estos desafíos han servido como base fundamental para el desarrollo del proyecto Accediendo a Casiopea.
Específicamente, algunos de los problemas identificados incluyen:
- Tutoriales: Los tutoriales actuales no permiten a los usuarios interactuar con el contenido de manera significativa, lo que dificulta el aprendizaje activo y la aplicación práctica de los conocimientos adquiridos.
- Página de administradores: La falta de una guía clara y detallada para los administradores puede generar confusión y errores en la gestión de la plataforma.
- Explicación de conceptos: Los conceptos fundamentales de la plataforma no están claramente definidos, lo que dificulta la comprensión y el uso efectivo de Casiopea.
- Aspectos filosóficos de la wiki: La ausencia de una contextualización adecuada de los principios y valores de la plataforma puede llevar a malentendidos y a una menor adhesión a las prácticas recomendadas.
- Elementos de la wiki: La descripción y uso de las diversas funcionalidades y herramientas no están adecuadamente explicados, lo que limita su aprovechamiento.
- Salas creativas/Laboratorios: La falta de guías y recursos adecuados para el uso de los laboratorios dificulta la experimentación.
Estas deficiencias en la accesibilidad y usabilidad de Casiopea impiden que los usuarios puedan beneficiarse plenamente de la plataforma, afectando negativamente su experiencia y participación.
Para lograr estos objetivos, es esencial que la información proporcionada sea clara, intuitiva y esté fácilmente disponible para todos los usuarios, independientemente de su nivel de conocimiento dentro de la plataforma. Con este propósito, se propone promover y mejorar la accesibilidad y usabilidad de diversos recursos a través de un replanteo de múltiples secciones de la wiki. Este replanteo incluirá no solo la sección "Cómo editar páginas", sino también:
- Página de administradores: Explicación detallada de los roles y responsabilidades, herramientas disponibles y mejores prácticas para la administración de la wiki.
- Tutoriales: Simplificación del lenguaje utilizado e incorporación de elementos visuales y multimedia que faciliten la comprensión.
- Explicación de conceptos: Definición clara y comprensible de todos los conceptos fundamentales de la plataforma.
- Aspectos filosóficos de la wiki: Contextualización de los principios y valores que guían el uso y desarrollo de Casiopea.
- Elementos de la wiki: Descripción y uso de las diversas funcionalidades y herramientas disponibles.
- Salas creativas/Laboratorios: Guías y recursos para el uso de los laboratorios dentro de la plataforma.
A través de estas modificaciones, se busca facilitar el acceso y uso de la plataforma Casiopea, asegurando que todos los usuarios puedan beneficiarse plenamente de los recursos disponibles y contribuir de manera efectiva a la comunidad.
Objetivo
El objetivo principal es rediseñar y transformar las secciones clave de la wiki Casiopea para hacerlas más intuitivas, accesibles y amigables. Se busca fomentar un entorno de aprendizaje más inclusivo y eficiente que facilite la interacción y colaboración entre estudiantes y profesores, reduciendo barreras técnicas y promoviendo la participación activa dentro de la comunidad.
Hipótesis
El desarrollo de contenido didáctico en forma de videos, imágenes y animaciones, integrado con Motion Graphics en Wiki Casiopea, mejorará significativamente la accesibilidad y usabilidad de la plataforma, promoviendo un aprendizaje interactivo y efectivo entre los usuarios. Esto facilitará una comprensión más profunda del propósito de la wiki, aumentará la participación activa de la comunidad y fortalecerá el sentido de pertenencia de los usuarios hacia la plataforma. Si se transforma y mejora la accesibilidad y usabilidad de las diversas secciones de Casiopea, incluyendo la página de administradores, tutoriales, explicaciones de conceptos, aspectos filosóficos de la wiki, elementos funcionales y laboratorios, entonces los usuarios podrán interactuar de manera más efectiva con la plataforma. Una optimización de la arquitectura de la información de los tutoriales y ayudas de Casiopea mediante la reestructuración y simplificación del acceso a la información mejorará significativamente la experiencia del usuario. Esto guiará a una mejor comprensión de los conceptos, una navegación más intuitiva y una mayor eficiencia en el uso de los recursos educativos proporcionados por la plataforma. Como resultado, se incrementará la retención de información, la autonomía en el aprendizaje y la participación activa de los usuarios, resultando en una experiencia de usuario significativamente mejorada y en una mayor eficacia general de la plataforma en términos de aprendizaje y colaboración.
Objetivos Específicos e Hipótesis
| Objetivos | Hipótesis |
|---|---|
| OE1: Desarrollar tutoriales multimedia integrales: Crear materiales educativos para los tutoriales en diversos formatos (esquemas, videos, animaciones, texto, etc.) que aborden desde los conceptos básicos hasta las funcionalidades específicas de Casiopea. | H1: La creación de tutoriales multimedia integrales que incluyan animaciones, videos y texto mejora significativamente la comprensión de las funcionalidades de Casiopea por parte de los usuarios.
H2: La incorporación de diversos formatos multimedia en los tutoriales de Casiopea aumenta la retención de información y la efectividad del aprendizaje comparado con tutoriales de formato único. |
| OE2: Explicar conceptos previos y contexto de uso: Desarrollar materiales educativos que clarifiquen los conceptos fundamentales necesarios para utilizar eficazmente Casiopea. Esto incluye desde definiciones básicas hasta explicaciones detalladas de las funcionalidades específicas de la plataforma, asegurando que los usuarios comprendan completamente cómo interactuar y beneficiarse de Casiopea. | H3: Proporcionar explicaciones detalladas sobre qué es Casiopea, cómo funciona y la importancia de cada sección aumentará la comprensión inicial y la motivación de los usuarios para utilizar la plataforma.
H4: La claridad y exhaustividad en la explicación de los conceptos previos y el contexto de uso de Casiopea mejora la percepción de valor y la adopción de la plataforma por parte de nuevos usuarios. |
| OE3: Optimizar la arquitectura de información: Reorganizar la estructura y navegación de la plataforma Casiopea para mejorar la accesibilidad y usabilidad de los tutoriales. Esto implica agrupar la información de manera lógica y coherente, facilitando así la búsqueda y el acceso a los recursos educativos de manera más eficiente para los usuarios. | H5:Reorganizar la información de la página de Casiopea mejora la navegación y reducirá el tiempo que los usuarios necesitan para encontrar información específica, incrementando así la eficiencia y satisfacción del usuario.
H6: Una arquitectura de información optimizada reduce el porcentaje de abandono de la plataforma al facilitar el acceso intuitivo a los recursos educativos y funcionalidades de Casiopea. |
| OE4: Evaluar y mejorar el flujo de acceso a la información: Analizar y optimizar el proceso de acceso de los usuarios a los tutoriales y ayudas en Casiopea, identificando y corrigiendo puntos de fricción para mejorar la experiencia." | H7:Analizar y optimizar el proceso de acceso a los tutoriales y ayudas en Casiopea mejora el porciento de uso de estos recursos y reduce la necesidad de soporte adicional. También incrementará la autonomía de los usuarios y reducirá la carga de consultas repetitivas al equipo de soporte. |
Mapa Accediendo a Casiopea
Estudio de Usuarios
¿A que usuarios esta enfocado?
Si bien se han desarrollado user personas a partir de entrevistas y formularios que permitieron profundizar en las necesidades, actitudes y comportamientos de los usuarios en la investigación inicial del rediseño de Wiki Casiopea, se revelaron diversos perfiles dentro de la plataforma. Las páginas de ayuda están diseñadas para todos los usuarios que deseen aprender sobre conceptos fundamentales, técnicas de edición, colaboración en proyectos, y otros aspectos clave de la plataforma. Aunque se enfocan en apoyar a nuevos usuarios sin conocimientos previos, también están diseñadas para usuarios con diferentes niveles de conocimiento, desde básico hasta avanzado.
Este proyecto interesa a:
- Estudiantes: Para facilitar el uso de la plataforma y mejorar la colaboración.
- Profesores: Para asegurar que los estudiantes puedan utilizar Casiopea de manera efectiva.
- Administradores: Para gestionar y mantener la plataforma de manera eficiente.
- Comunidad Académica: Para mejorar la integración curricular y la accesibilidad de los recursos educativos.
- Personas Externas
Este enfoque inclusivo asegura que todos los usuarios, independientemente de su nivel de experiencia, puedan beneficiarse y participar activamente en Wiki Casiopea.
_Accediendo_a_Casiopea..png)
Investigación y Análisis Inicial
Investigación y Análisis Inicial: Revisión Sistemática de la Página de Tutoriales de Casiopea
Objetivo: Entender las necesidades y problemas actuales relacionados con los tutoriales y ayudas de la wiki Casiopea.
Para comenzar el proyecto Accediendo a Casiopea, es esencial realizar una revisión sistemática de la página de tutoriales actual Como editar páginas. Este análisis nos permitirá identificar áreas de mejora y necesidades específicas de los usuarios.
Qué se hará?
- Evaluar la Estructura y Contenido: Se analizara la estructura actual, el contenido de los tutoriales, ayudas, y documentación disponible en Casiopea.
- Identificar Fortalezas y Debilidades: Se identificarán qué aspectos funcionan bien y cuáles son las áreas de mejora.
Cómo se hará
- Revisión Sistemática: Creación de una lista con los elementos clave a evaluar, claridad del contenido, facilidad de navegación, accesibilidad, y formatos disponibles (texto, imágenes, videos).
- Análisis Comparativo: Comparación de la documentación actual de Casiopea con ejemplos de otras prácticas de otras wikis educativas o plataformas de aprendizaje online.
Revisión Sistemática
Texto Inicial
Análisis
- El texto inicial indica que la página cubre los aspectos técnicos de la escritura dentro de la wiki y remite a otra página para entender los principios detrás de esta wiki.
- La introducción es breve y no proporciona una visión completa sobre la importancia de la página de tutoriales. No contextualiza adecuadamente ni establece claramente qué aprenderán los usuarios o cómo esto les beneficiará.
- Mejora: Incluir una introducción más detallada que explique la importancia de aprender a editar la wiki, los beneficios para los usuarios, y una breve descripción de los contenidos que se abordarán en los tutoriales.
Contenido de los Tutoriales
Análisis
- Títulos o Encabezados de Sección: Se explica el uso de títulos y encabezados de manera jerárquica con ejemplos.
- Listas: Se presentan ejemplos de listas ordenadas y desordenadas, alternadas con ítems y sub-ítems.
- Estilos de Texto: Se explica cómo aplicar negrita, cursiva y combinaciones de ambos.
- Otros Tipos de Texto: Se cubren formatos de poema, citas, y saltos de párrafo.
Mejora: mejorar los ejemplos visuales y talvez poner ejercicios prácticos donde los usuarios puedan aplicar estos formatos.
- Links: Se explica cómo crear links internos y externos, incluyendo la sintaxis necesaria.
- Imágenes: Se explican los modos de incrustar imágenes, ajustar tamaños y utilizar miniaturas.
- Widgets y Otras Extensiones: Se mencionan varias extensiones y widgets disponibles para agregar funcionalidad.
Aspectos técnicos de la página
Arquitectura de la Información Análisis:
- La organización del contenido no es del todo intuitiva. Los usuarios pueden tener dificultades para encontrar rápidamente la información que necesitan.
- La arquitectura de la información necesita ser revisada para mejorar la navegación.
Claridad del Lenguaje Análisis:
- El lenguaje utilizado es técnico y puede no ser accesible para todos los niveles de usuario.
- Es necesario simplificar el lenguaje para que sea comprensible para una audiencia más amplia.
Análisis Comparativo: Documentación de Casiopea versus otras plataformas educativas
Comparación de la documentación actual de Casiopea con ejemplos de otras prácticas de wikis educativas o plataformas de aprendizaje online para identificar mejores prácticas y áreas de mejora. El análisis comparativo tiene como objetivo evaluar la documentación actual de Casiopea en comparación con las mejores prácticas y estándares utilizados en otras plataformas de aprendizaje. Este análisis ayudará a identificar las fortalezas y debilidades de Casiopea y proporcionará recomendaciones para mejorar la calidad y accesibilidad de sus tutoriales y ayudas.
Selección de Plataformas de Comparación
- Wikipedia
- MediaWiki(descartado)
- Moodle
Contenido a evaluar
- Claridad: Evaluación de cómo cada plataforma presenta la información. ¿Es clara y fácil de entender?
- Precisión: Evaluación de si la información es precisa y correcta.
- Cobertura: Evaluación de si los temas cubiertos son exhaustivos y relevantes para los usuarios.
- Comparación de los formatos disponibles en cada plataforma (texto, video, imágenes) y su efectividad en la transmisión de la información.
- Evaluación de la facilidad de uso y acceso a la información. ¿Cómo está estructurada la navegación? ¿Es fácil encontrar lo que se busca?
Comparación
Wikipedia (Wikipedia: Tutorial)
- Wikipedia ofrece un tutorial básico que explica cómo editar páginas, usar el formato wiki, y políticas fundamentales.
- Utiliza texto, imágenes y enlaces internos para guiar a los usuarios.
- Presentación de la Información: Wikipedia utiliza un lenguaje claro y accesible, evitando jergas técnicas innecesarias. Los tutoriales están diseñados para ser comprensibles para usuarios de todos los niveles.
- Ejemplos y Explicaciones: Los tutoriales incluyen ejemplos prácticos y detallados que ilustran cada paso del proceso de edición.
- Temas Exhaustivos y Relevantes: La cobertura de temas es amplia, cubriendo desde los conceptos básicos hasta funciones avanzadas. Los usuarios pueden encontrar información sobre cualquier aspecto de la edición en Wikipedia.
- Fundamentos y Conceptos Previos: Tiene secciones que explican los conceptos fundamentales y el contexto de uso, lo cual ayuda a los nuevos usuarios a familiarizarse con la plataforma.
- Estructura Intuitiva: Los tutoriales están organizados de manera lógica y secuencial, con una tabla de contenidos interactiva que facilita la navegación.
Página Ayuda:Introducción
La página además de dar la bienvenida a la wiki y hacer una introducción de esta, separa las áreas de ayuda en 3, siendo las de ayudas de edición sobre Editor Visual y Wikitexto, además de otras ayudas (Navegación, Políticas. Manual de estilo, Videotutoriales, Asistente para la creación de artículos).
La página de ayudas tiene un enlace a una pagina exclusiva para explicar a modo de introducción la contribución en Wikipedia. Entre lo que muestra esta:
- ¿Cómo puedes contribuir?:El texto invita y motiva a participar activamente en Wikipedia: editar artículos para mejorarlos, sugerir cambios en las páginas de discusión y considerar donar para mantener el sitio accesible y gratuito para todos los usuarios.
- ¿Por qué no probar el editor ahora mismo?:Invitación a probar a editar una pagina, con enlace a pagina de edición y una explicación básica de que hacer.
- Regístrate para crear una cuenta:? Redirección a la pagina de registro.
- Hay mucho más detrás: Páginas de la comunidad.
Ayuda:Introducción a la edición con wikitexto
Esta página proporciona orientación básica sobre cómo editar utilizando wikitexto. Incluye instrucciones sobre la estructura de los artículos, formatos de texto, enlaces, referencias y otras funciones clave para ayudar a los usuarios a empezar a contribuir en Wikipedia. Esto ordenado con un índice al costado donde cada punto del índice muestra solo la información del punto clickeado, tiene en total 6 puntos incluyendo un resumen general y link a mas ayudas.
Esto también pasa con todas las paginas de ayuda de edición, tanto del área editor visual como wikitexto:
- Editar
- Referenciar
- Imágenes
- Tablas
- Páginas de discusión
Y otras áreas aparte:
- Navegación
- Políticas
- Manual de estilo
- Videotutoriales
- Asistente para la creación de artículos
https://es.wikipedia.org/wiki/Ayuda:Edición
MediaWiki (MediaWiki.org: Help pages)
- Proporciona una guía un poco más básica sobre cómo editar páginas en MediaWiki.
La página general de ayuda no da mucho contenido por lo que hay que ir a las paginas de ayuda y hay un apartado a modo rectángulo de las ayuda de edición donde se puede ir a la pagina especifica de ayude que necesite el usuario. (también hay 3 apartados más, dos son de ayudas y uno sobre la colaboración), en otro de los apartados estan las ayudas avanzadas de edición.
Ayuda:Contenido
Enlace a Página
- Presentación de la Información: MediaWiki utiliza un lenguaje claro.
- Ejemplos y Explicaciones: Los tutoriales no incluyen ejemplos visuales, ni videos, imagenes, capturas, etc. Unicamente texto.
- Temas Exhaustivos y Relevantes: La cobertura de temas es muy amplia, abordando desde los aspectos más básicos hasta los más avanzados. Se incluyen guías sobre edición, administración y configuración avanzada.
- Fundamentos y Conceptos Previos: MediaWiki proporciona una introducción detallada que cubre los conceptos básicos y el contexto de uso de la plataforma.
- Interactividad: Incluye enlaces interactivos y referencias a páginas relacionadas que facilitan una comprensión más profunda y detallada. Aunque es tediosa en el modo que es solo lectura y eso cansa al usuario.
Moodle (Moodle Documentation)
Moodle es un sistema de gestión del aprendizaje en línea de código abierto, usado globalmente por educadores para crear y administrar cursos virtuales. Ofrece herramientas interactivas para evaluación, comunicación y seguimiento del progreso del estudiante, adaptándose a diversas necesidades educativas.
No es como Wikipedia o Wikimedia porque no se enfoca en dar guía para editar textos, agregar contenidos, etc. sino a entender Moodle.
- Ofrece documentación completa sobre cómo usar y administrar la plataforma Moodle.
- Utiliza texto detallado, ejemplos prácticos, y capturas de pantalla.
- Incluye una tabla de contenidos interactiva y enlaces a páginas específicas.
- Ejemplos y Explicaciones: Incluye numerosos ejemplos prácticos y explicaciones detalladas que ayudan a comprender el uso de la plataforma.
- Temas Exhaustivos y Relevantes: La cobertura de temas es extensa, abordando desde aspectos básicos hasta avanzados. Incluye guías sobre administración, configuración y uso de diversas funcionalidades.
- Textos y Multimedia: Utiliza una combinación de texto, imágenes, capturas de pantalla y algunos videos para explicar los conceptos.
- Interactividad: Incluye enlaces interactivos y referencias a páginas relacionadas que facilitan una comprensión más profunda y detallada.
Identificación de Brechas y Oportunidades:
Si quieres revisar la Revisión Sistemática y Análisis Comparativo de la página cómo editar páginas.
Página Investigación Accediendo a Casiopea
Para mejorar la Wiki Casiopea, se identifican varias oportunidades a partir del análisis comparativo con Wikipedia, MediaWiki y Moodle. La Wiki Casiopea debería simplificar el lenguaje utilizado en sus tutoriales, evitando jerga técnica para hacerlos más accesibles, e incorporar multimedia interactiva, como videos y gráficos, para facilitar la comprensión. Además, es crucial reorganizar la estructura de la información para mejorar la navegación. También a través de la revisión de contenido y revisión sistemática de la página de tutoriales de la Wiki Casiopea se puede observar que algunas de los cambios que mejorarían para el usuario el usar esta pagina y su experiencia en esta serian:
- Multimedia Incompleta: Actualmente, los tutoriales no incluyen suficientes ejemplos visuales o interactivos, lo que puede dificultar la comprensión de algunos conceptos.
- Mejora: Incorporar más videos, animaciones, y gráficos interactivos que faciliten la comprensión de los conceptos (Desarrollar tutoriales en video que muestren paso a paso cómo realizar tareas específicas.)
- Explicación de Conceptos Previos: Falta una sección detallada que explique los conceptos básicos y el contexto de uso de la plataforma. La mejoría seria agregar la descripción de cada concepto, explicar que es cada cosa y para que sirve.
- Mejora: Incluir una introducción detallada que cubra los fundamentos de la wiki, las licencias, y la estructura de la plataforma (Crear una sección introductoria "¿Qué es Casiopea?" que explique en términos sencillos los conceptos clave y el propósito de la plataforma.)
- Arquitectura de la Información: La organización del contenido no es intuitiva, lo que dificulta la navegación y el acceso rápido a la información.
- Mejora: Reestructurar la arquitectura de la información para mejorar la navegación y la accesibilidad del contenido.
- Claridad del Lenguaje: El lenguaje utilizado puede ser demasiado técnico para algunos usuarios.
- Mejora: Simplificar el lenguaje y evitar jerga técnica innecesaria para hacer los tutoriales más accesibles (Revisar y editar el contenido para asegurarse de que sea comprensible para todos los niveles de usuario.)
- Accesibilidad: Mejora: Asegurarse de que los tutoriales sean accesibles y se pueden encontrar también en los lugares donde se van a implementar las acciones.
- Actualización de Contenidos: Hay contenido que no se puede implementar en la edición de las páginas, como algunos widgets, etc.
- Mejora: Revisar y actualizar el contenido que es posible ocupar en la edición.
- Acceso a la Información: La información está disponible en una única página larga.
- Evaluación: Esto puede hacer que sea difícil para los usuarios localizar la información específica que necesitan.
- Mejora: Dividir el contenido en subpáginas temáticas o secciones desplegables que permitan a los usuarios acceder rápidamente a la información relevante.
Usabilidad
Para que la usabilidad pueda ser efectiva tiene que tanto opciones desde donde llegar a la página o a contenidos específicos, también que los contenidos tengan una estructura que sea optima para los usuarios.
Comunicación Efectiva en los Tutoriales y Ayudas de Casiopea
La comunicación es fundamental para la transmisión de información y la creación de comprensión compartida entre los usuarios de Casiopea. En este caso se usa comunicación verbal (oral y escrita) y no verbal (visual, paraverbal) (Keyton 2011).
En el contexto de Casiopea, mejorar la accesibilidad y usabilidad de los tutoriales y ayudas implica utilizar diversos formatos de comunicación. La comunicación verbal permite una explicación clara y directa de los conceptos, mientras que la comunicación no verbal refuerza y complementa la comprensión mediante el uso de imágenes, diagramas, etc.
Consideración de Factores Psicosociales:
Los elementos psicosociales como la intención de comunicación, la anticipación y la memoria juegan un papel crucial en la efectividad de los tutoriales. Es importante adaptar los materiales educativos de Casiopea para abordar estas dimensiones, asegurando que todos los usuarios puedan comprender y aplicar la información de manera significativa.
- La "intención de comunicación" se refiere a la motivación o el propósito detrás de la transmisión de información. Es crucial entender por qué un usuario está buscando aprender sobre cómo editar páginas en Casiopea, ya que esto afecta su nivel de compromiso y la manera en que perciben la utilidad de la información presentada.
- La "anticipación" se refiere a la capacidad de los usuarios para prever o anticipar los pasos y resultados esperados al seguir un tutorial. Un buen diseño de los tutoriales debe estructurarse de manera que permita a los usuarios visualizar el resultado de cada acción antes de realizarla, facilitando así su comprensión y aprendizaje.
- Memoria: Los materiales educativos (tutoriales) de Casiopea van a ser diseñados de manera que facilite la retención a largo plazo y la aplicación práctica de los conocimientos adquiridos por parte de los usuarios.
Modelos teóricos
Página a arreglar
Si bien el proyecto va mas enfocado en la página Cómo editar páginas y esta será la prioridad, hay otras entradas que también se verán modificadas ya sea en gran o menor medida
- Página: ¿Cómo se edita una página?
- Página: Casiopea: Usuarios
- Página: Administradores de interfaz (falta todo)
- Página: Administradores (Semantic MediaWiki)
- Página: Casiopea Administradores (La que usamos actualmente)
- Página: Cómo colaborar
- Página: Políticas de privacidad
- Página: Derechos de autor
- Página: Casiopea: Acerca de
- Página: Confirmar dirección de correo electrónico (muy ambigua pero solo hay que modificarla un poco)
- Salas Creativas
Oportunidades de Diseño
La oportunidad de diseño para Casiopea surge de la necesidad de mejorar la accesibilidad, usabilidad y comunidad dentro de la plataforma educativa. Este proyecto se enfoca en abordar los desafíos identificados mediante la creación de intervenciones específicas que promuevan una experiencia de usuario más satisfactoria y efectiva. Se propone desarrollar nuevas herramientas y recursos que faciliten el aprendizaje activo, la colaboración y la producción de contenido educativo de calidad en Casiopea.
El objetivo principal de este proyecto es transformar y mejorar diversas secciones de Casiopea en recursos intuitivos y accesibles que faciliten el aprendizaje y la navegación para todos los usuarios, independientemente de su nivel de experiencia con la plataforma.
El proyecto se centra en mejorar los tutoriales existentes para promover una interacción más práctica y significativa. Además, se desarrollará una guía detallada para administradores, asegurando una gestión transparente de la plataforma. Se clarificarán y definirán los conceptos fundamentales de Casiopea para facilitar su comprensión y uso efectivo por parte de los usuarios. También se contextualizarán los principios y valores de Casiopea para fortalecer la adhesión a prácticas recomendadas, y se optimizarán las páginas de las Salas Creativas para mejorar su accesibilidad y uso efectivo. Se actualizarán y fortalecerán políticas clave como Privacidad y Derechos de Autor, y se empleará Motion Graphics en los videos tutoriales para enriquecer la experiencia visual y facilitar la comprensión de los usuarios.
Prototipos
Cada página de Wiki Casiopea se estructurará de acuerdo a su propósito específico, siguiendo una diagramación determinada que facilitará la navegación y el uso por parte de los usuarios.
El prototipo para la página ‘Cómo Colaborar’ en Wiki Casiopea ofrecen información esencial para guiar a los usuarios en su participación activa. Incluyen tutoriales detallados sobre la creación y edición de contenido, así como orientación sobre roles y recursos de ayuda para facilitar una colaboración efectiva dentro de la comunidad. Al hacer una re-organización de las páginas se clarifica el orden del contenido, se separan los contenidos iguales y ayuda a hacer una navegación más ordenada.
Wireframe Página cómo Colaborar
.png)
Pantallas
Animación
Para las animaciones en el proyecto, utilizaré Motion Graphics, que son técnicas de diseño gráfico que combinan texto, imágenes y efectos visuales dinámicos para crear videos atractivos y explicativos. Estas animaciones no solo captan la atención visual del espectador, sino que también facilitan la comprensión de conceptos complejos de manera clara y efectiva. El uso de Motion Graphics permitirá presentar de manera dinámica los tutoriales y guías de Wiki Casiopea, mejorando significativamente la accesibilidad y la experiencia del usuario al promover un aprendizaje interactivo y memorable.
Las visualizaciones de abajo son solo a modo idea de un concepto que quiero explicar, no necesariamente debe ser así, será mas formal.
Proyecciones a Futuro
El proyecto "Accediendo a Casiopea" se enfoca en desarrollar contenido educativo mediante videos, imágenes y animaciones para mejorar la accesibilidad y efectividad de la experiencia del usuario. Se busca contextualizar Wiki Casiopea, ofreciendo una comprensión clara de su propósito, beneficios y cómo los usuarios pueden colaborar. Esto fortalecerá el sentido de comunidad y la participación activa. Además, se destacarán los principios filosóficos como la transparencia y la colaboración abierta. La utilización de Motion Graphics en tutoriales y guías dinamizará la presentación de información, facilitando el aprendizaje interactivo y promoviendo un entorno educativo más atractivo y efectivo.
Carta Gantt
Para lograr mi objetivo, necesito:
- Finalizar la creación y prueba de los tutoriales y guías.
- Integrar los nuevos recursos en la plataforma.
- Recoger y analizar el feedback de los usuarios para realizar mejoras continuas.
- Promover el uso de Wiki Casiopea a través de campañas de difusión y talleres de formación.
Entrega Título 1
