![Page 2: "DiseñoyexperienciadeusuarioenMoodle" - Laura Martín](https://reader034.vdocumento.com/reader034/viewer/2022051208/546ddb0bb4af9f842c8b55e3/html5/thumbnails/2.jpg)
![Page 3: "DiseñoyexperienciadeusuarioenMoodle" - Laura Martín](https://reader034.vdocumento.com/reader034/viewer/2022051208/546ddb0bb4af9f842c8b55e3/html5/thumbnails/3.jpg)
Plataforma Moodle Standard
? ?
![Page 4: "DiseñoyexperienciadeusuarioenMoodle" - Laura Martín](https://reader034.vdocumento.com/reader034/viewer/2022051208/546ddb0bb4af9f842c8b55e3/html5/thumbnails/4.jpg)
¿Qué es una BUENA Experiencia de Usuario?
ISO 9241-‐210 (Ergonomics of human-‐system interac=on) define la experiencia de usuario (UX) como:
“el resultado de las percepciones y respuestas de una persona por el uso y uso an=cipado de un producto, sistema o servicio.”
![Page 5: "DiseñoyexperienciadeusuarioenMoodle" - Laura Martín](https://reader034.vdocumento.com/reader034/viewer/2022051208/546ddb0bb4af9f842c8b55e3/html5/thumbnails/5.jpg)
Para espacios de e-learning
Arquitectura De Información y Diseño
Plataforma
Contenidos
• Velocidad • Carga • Coherencia de Acciones • Escalabilidad • Funciones esperadas de ac=vidades y elementos
• Iden=ficación con el diseño • Aspectos gráficos • Arquitectura y estructura • Navegación • Jerarquías visuales • Público Obje=vo
• Contenido interesante • Que llene o supere las expecta=vas del usuario
• Visualmente atrac=vos • Diferentes • Pensados para el usuario
![Page 6: "DiseñoyexperienciadeusuarioenMoodle" - Laura Martín](https://reader034.vdocumento.com/reader034/viewer/2022051208/546ddb0bb4af9f842c8b55e3/html5/thumbnails/6.jpg)
Para espacios de e-learning
Arquitectura De Información y Diseño
Plataforma
Contenidos
![Page 7: "DiseñoyexperienciadeusuarioenMoodle" - Laura Martín](https://reader034.vdocumento.com/reader034/viewer/2022051208/546ddb0bb4af9f842c8b55e3/html5/thumbnails/7.jpg)
Comportamiento del Usuario
• Se aburren • No leen lo que creen que no les sirve • Buscan palabras clave • No les gusta hacer demasiados clics • Quieren encontrar rápido lo que
buscan • Prefieren asociaciones visuales • Se cues=onan sobre el contenido
![Page 8: "DiseñoyexperienciadeusuarioenMoodle" - Laura Martín](https://reader034.vdocumento.com/reader034/viewer/2022051208/546ddb0bb4af9f842c8b55e3/html5/thumbnails/8.jpg)
Comportamiento del Generador de contenidos
• Piensa en lo que quiere que el usuario lea o aprenda, no en lo que al usuario realmente le interesa
• No =ene conciencia del medio • No =enen conciencia de la audiencia y por
lo tanto de su mo=vación • Contenidos pesados, sin jerarquizaciones
visuales • Contenidos no op=mizados o pensados para
dis=ntos disposi=vos
![Page 9: "DiseñoyexperienciadeusuarioenMoodle" - Laura Martín](https://reader034.vdocumento.com/reader034/viewer/2022051208/546ddb0bb4af9f842c8b55e3/html5/thumbnails/9.jpg)
¿Qué se puede hacer?
Analizar el medio y la audiencia 1Pensar en y desde el usuario 2
Facilitarle la experiencia al usuario 3Diseñar sencillo y limpio 4
![Page 10: "DiseñoyexperienciadeusuarioenMoodle" - Laura Martín](https://reader034.vdocumento.com/reader034/viewer/2022051208/546ddb0bb4af9f842c8b55e3/html5/thumbnails/10.jpg)
¿Qué se puede hacer?
“Simplicity is about substrac1ng the obvious and adding the meaningful” John Maeda Las Leyes de la Simplicidad, 2006
“La simplicidad es la máxima sofis1cación” Leonardo da Vinci
“Este ha sido uno de mis mantras, el enfoque y la simplicidad” Steve Jobs
![Page 11: "DiseñoyexperienciadeusuarioenMoodle" - Laura Martín](https://reader034.vdocumento.com/reader034/viewer/2022051208/546ddb0bb4af9f842c8b55e3/html5/thumbnails/11.jpg)
Nos debemos preguntar
Acciones principales
1
Navegación
3Búsquedas principales
2
Información y contenidos
4
![Page 12: "DiseñoyexperienciadeusuarioenMoodle" - Laura Martín](https://reader034.vdocumento.com/reader034/viewer/2022051208/546ddb0bb4af9f842c8b55e3/html5/thumbnails/12.jpg)
Generar confianza • Botones claros, limpios y de mensaje sencillo
Aplica también para la navegación
• Mensaje Confuso • Diseño recargado para uso
con=nuo • Diacil de replicar con es=los
CSS • No se acomoda
• Mensaje directo y claro • Diseño pensado para
replicar la lo largo de una plataforma
• Generado en CCS, con Iconfonts y maleable
![Page 13: "DiseñoyexperienciadeusuarioenMoodle" - Laura Martín](https://reader034.vdocumento.com/reader034/viewer/2022051208/546ddb0bb4af9f842c8b55e3/html5/thumbnails/13.jpg)
Generar confianza • Social Proof – Recomendaciones y respaldo
“Taerum et re magnihil inciendi=us auta volut dios eicaere nderum debit qui odem am, comnimo luptasp” ellaccus nobit ium eum volo blamusant quodit qui in Nime num quas venis a= aut rempori doluptatur alit.
Taerum et re magnihil inciendi=us auta volut dios eicaere nderum debit qui odem am, comnimo luptasp ellaccus nobit ium eum volo blamusant quodit qui in Nime num quas venis a= aut rempori doluptatur alit.
![Page 14: "DiseñoyexperienciadeusuarioenMoodle" - Laura Martín](https://reader034.vdocumento.com/reader034/viewer/2022051208/546ddb0bb4af9f842c8b55e3/html5/thumbnails/14.jpg)
• No demasiadas acciones o clics
Generar confianza
HOME
Mi perfil
Mis programas
Mis cursos
HOME
Mis cursos
![Page 15: "DiseñoyexperienciadeusuarioenMoodle" - Laura Martín](https://reader034.vdocumento.com/reader034/viewer/2022051208/546ddb0bb4af9f842c8b55e3/html5/thumbnails/15.jpg)
• Diseñar como Play-‐doh – Lo más sencillo y fácil
Generar confianza
![Page 16: "DiseñoyexperienciadeusuarioenMoodle" - Laura Martín](https://reader034.vdocumento.com/reader034/viewer/2022051208/546ddb0bb4af9f842c8b55e3/html5/thumbnails/16.jpg)
• Auge del diseño limpio y sencillo
Generar confianza
![Page 17: "DiseñoyexperienciadeusuarioenMoodle" - Laura Martín](https://reader034.vdocumento.com/reader034/viewer/2022051208/546ddb0bb4af9f842c8b55e3/html5/thumbnails/17.jpg)
Concepto RESPONSIVE
![Page 18: "DiseñoyexperienciadeusuarioenMoodle" - Laura Martín](https://reader034.vdocumento.com/reader034/viewer/2022051208/546ddb0bb4af9f842c8b55e3/html5/thumbnails/18.jpg)
Nuevos conceptos y manejos • Imágenes vinculadas y con acciones
• Animaciones su=les que demuestran acciones
• Contenidos desarrollados para responsive • Imágenes • Videos • Textos y =pograaas • Profundidad
![Page 19: "DiseñoyexperienciadeusuarioenMoodle" - Laura Martín](https://reader034.vdocumento.com/reader034/viewer/2022051208/546ddb0bb4af9f842c8b55e3/html5/thumbnails/19.jpg)
No generemos Confusión Generemos Confianza
La buena experiencia de usuario no es solo el funcionamiento de la plataforma 1 Se debe pensar y diseñar desde el usuario, sus necesidades, intereses y mo=vación general – Tener conciencia de audiencia 2 Se debe desarrollar la arquitectura, estructura y contenidos pensados para el espacio web – Conciencia de Medio 3 Debemos facilitarle la experiencia al usuario, generando contenidos limpios y sencillos – Crear confianza no confusión 4 Usar las herramientas a nuestro alcance 5 Enfocándonos en el desarrollo de contenido agradable, interesante y llama=vo 6