SlideShare una empresa de Scribd logo
Generando Confianza
No Confusión
Laura Martín Prieto
@LauraMartinPO
laura.martin@nivel7.net
Plataforma Moodle Standard	
  
?	
  
?
¿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.”	
  
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	
  
Para espacios de e-learning	
  
Arquitectura	
  	
  
De	
  Información	
  	
  
y	
  Diseño	
  
Plataforma	
  
Contenidos	
  
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	
  
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	
  
¿Qué se puede hacer?	
  
Analizar	
  el	
  medio	
  y	
  la	
  audiencia	
  
1
Pensar	
  en	
  y	
  desde	
  el	
  usuario	
  2
Facilitarle	
  la	
  experiencia	
  al	
  usuario	
  3
Diseñar	
  sencillo	
  y	
  limpio	
  
4
¿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	
  
Nos debemos preguntar	
  
Acciones	
  principales	
  
1
Navegación	
  
3
Búsquedas	
  principales	
  
2
Información	
  y	
  
contenidos	
  
4
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	
  
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.	
  
•  No	
  demasiadas	
  acciones	
  o	
  clics	
  
Generar confianza	
  
HOME	
  
Mi	
  perfil	
  
Mis	
  programas	
  
Mis	
  cursos	
  
HOME	
  
Mis	
  cursos	
  
•  Diseñar	
  como	
  Play-­‐doh	
  –	
  Lo	
  más	
  sencillo	
  y	
  fácil	
  
Generar confianza	
  
•  Auge	
  del	
  diseño	
  limpio	
  y	
  sencillo	
  
Generar confianza	
  
Concepto RESPONSIVE	
  
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	
  
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	
  
¡MUCHAS GRACIAS!
Laura Martín Prieto
@LauraMartinPO
laura.martin@nivel7.net

Más contenido relacionado

Similar a "Diseño y experiencia de usuario en Moodle" - Laura Martín

Arquitectura de Información en el Contexto de la usabilidad y experiencia del...
Arquitectura de Informaciónen el Contexto de la usabilidad y experiencia del...Arquitectura de Informaciónen el Contexto de la usabilidad y experiencia del...
Arquitectura de Información en el Contexto de la usabilidad y experiencia del...
WIADColombia
 
Clase U. del Pacífico 18 de marzo
Clase U. del Pacífico 18 de marzoClase U. del Pacífico 18 de marzo
Clase U. del Pacífico 18 de marzo
Darcy Vergara
 
Construyendo la Comunidad de IxDA Mendoza
Construyendo la Comunidad de IxDA MendozaConstruyendo la Comunidad de IxDA Mendoza
Construyendo la Comunidad de IxDA Mendoza
Silvana Corvalán
 
16 17 el profesionalismo en software como ejercicio crítico de la cultura de ...
16 17 el profesionalismo en software como ejercicio crítico de la cultura de ...16 17 el profesionalismo en software como ejercicio crítico de la cultura de ...
16 17 el profesionalismo en software como ejercicio crítico de la cultura de ...
Software Guru
 
Mexital Id
Mexital IdMexital Id
Mexital Id
Ebitcode
 

Similar a "Diseño y experiencia de usuario en Moodle" - Laura Martín (20)

Integración de Lean UX en Scrum
Integración de Lean UX en ScrumIntegración de Lean UX en Scrum
Integración de Lean UX en Scrum
 
Integración de Lean UX en Scrum
Integración de Lean UX en ScrumIntegración de Lean UX en Scrum
Integración de Lean UX en Scrum
 
¿Cómo diseñar SUNAT.gob.pe? Aplicando Diseño Centrado en el Usuario
¿Cómo diseñar SUNAT.gob.pe?  Aplicando Diseño Centrado en el Usuario ¿Cómo diseñar SUNAT.gob.pe?  Aplicando Diseño Centrado en el Usuario
¿Cómo diseñar SUNAT.gob.pe? Aplicando Diseño Centrado en el Usuario
 
Diseño web y_usabilidad_ arquitectura_ de_ la_ información_interlat_darcy_...
Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_...Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_...
Diseño web y_usabilidad_ arquitectura_ de_ la_ información_interlat_darcy_...
 
Diseño web y_usabilidad_ arquitectura_ de_ la_ información_interlat_darcy_...
Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_...Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_...
Diseño web y_usabilidad_ arquitectura_ de_ la_ información_interlat_darcy_...
 
Cuco Vega - Design vs UX
Cuco Vega - Design vs UXCuco Vega - Design vs UX
Cuco Vega - Design vs UX
 
Usabilidad
UsabilidadUsabilidad
Usabilidad
 
Usabilidad web
Usabilidad webUsabilidad web
Usabilidad web
 
Arquitectura de Información en el Contexto de la usabilidad y experiencia del...
Arquitectura de Informaciónen el Contexto de la usabilidad y experiencia del...Arquitectura de Informaciónen el Contexto de la usabilidad y experiencia del...
Arquitectura de Información en el Contexto de la usabilidad y experiencia del...
 
Webinar 5 principios de usabilidad para hacer tu sitio web exitoso
Webinar 5 principios de usabilidad para hacer tu sitio web exitosoWebinar 5 principios de usabilidad para hacer tu sitio web exitoso
Webinar 5 principios de usabilidad para hacer tu sitio web exitoso
 
"UX Design for Mobile Developers" - Andres Jordan Zeballos - GDG Cochabamba
"UX Design for Mobile Developers" - Andres Jordan Zeballos - GDG Cochabamba"UX Design for Mobile Developers" - Andres Jordan Zeballos - GDG Cochabamba
"UX Design for Mobile Developers" - Andres Jordan Zeballos - GDG Cochabamba
 
Clase U. del Pacífico 18 de marzo
Clase U. del Pacífico 18 de marzoClase U. del Pacífico 18 de marzo
Clase U. del Pacífico 18 de marzo
 
Construyendo la Comunidad de IxDA Mendoza
Construyendo la Comunidad de IxDA MendozaConstruyendo la Comunidad de IxDA Mendoza
Construyendo la Comunidad de IxDA Mendoza
 
Construyendo la Comunidad de IxDA Mendoza
Construyendo la Comunidad de IxDA MendozaConstruyendo la Comunidad de IxDA Mendoza
Construyendo la Comunidad de IxDA Mendoza
 
16 17 el profesionalismo en software como ejercicio crítico de la cultura de ...
16 17 el profesionalismo en software como ejercicio crítico de la cultura de ...16 17 el profesionalismo en software como ejercicio crítico de la cultura de ...
16 17 el profesionalismo en software como ejercicio crítico de la cultura de ...
 
Ux en 30 minutos
Ux en 30 minutosUx en 30 minutos
Ux en 30 minutos
 
Aplicando experiencia de usuario a nuestros proyectos en Drupal
Aplicando experiencia de usuario a nuestros proyectos en DrupalAplicando experiencia de usuario a nuestros proyectos en Drupal
Aplicando experiencia de usuario a nuestros proyectos en Drupal
 
Programa de lectura segundo parcial
Programa de lectura segundo parcial Programa de lectura segundo parcial
Programa de lectura segundo parcial
 
Mexital Id
Mexital IdMexital Id
Mexital Id
 
Usabilidad
UsabilidadUsabilidad
Usabilidad
 

Más de Nivel 7

Infraestructura altamente eficaz con AWS para educación" - Juan Camilo Páez
Infraestructura altamente eficaz con AWS para educación" - Juan Camilo PáezInfraestructura altamente eficaz con AWS para educación" - Juan Camilo Páez
Infraestructura altamente eficaz con AWS para educación" - Juan Camilo Páez
Nivel 7
 
"Moodle como una solución de entrenamiento empresarial alrededor del mundo - ...
"Moodle	como	una	solución	de	entrenamiento	empresarial	alrededor	del	mundo - ..."Moodle	como	una	solución	de	entrenamiento	empresarial	alrededor	del	mundo - ...
"Moodle como una solución de entrenamiento empresarial alrededor del mundo - ...
Nivel 7
 

Más de Nivel 7 (20)

Novedades de Moodle 2.8
Novedades de Moodle 2.8Novedades de Moodle 2.8
Novedades de Moodle 2.8
 
Experiencias móviles para aprendizajes
Experiencias móviles para aprendizajes Experiencias móviles para aprendizajes
Experiencias móviles para aprendizajes
 
4 componentes que debe saber antes de embarcarse en el mundo del e-learning
4 componentes que debe saber antes de embarcarse en el mundo del e-learning4 componentes que debe saber antes de embarcarse en el mundo del e-learning
4 componentes que debe saber antes de embarcarse en el mundo del e-learning
 
Ventajas de implementar extensiones en Moodle
Ventajas de implementar extensiones en Moodle Ventajas de implementar extensiones en Moodle
Ventajas de implementar extensiones en Moodle
 
"Novedades de Moodle 2.6 y 2.7" - Brigitte Baquero
"Novedades de Moodle 2.6 y 2.7" - Brigitte Baquero"Novedades de Moodle 2.6 y 2.7" - Brigitte Baquero
"Novedades de Moodle 2.6 y 2.7" - Brigitte Baquero
 
"Introducción a Moodle- Brigitte Baquero2
"Introducción a Moodle- Brigitte Baquero2"Introducción a Moodle- Brigitte Baquero2
"Introducción a Moodle- Brigitte Baquero2
 
"Como gamificar un curso" - Fernando Santamaria
"Como gamificar un curso" - Fernando Santamaria"Como gamificar un curso" - Fernando Santamaria
"Como gamificar un curso" - Fernando Santamaria
 
Infraestructura altamente eficaz con AWS para educación" - Juan Camilo Páez
Infraestructura altamente eficaz con AWS para educación" - Juan Camilo PáezInfraestructura altamente eficaz con AWS para educación" - Juan Camilo Páez
Infraestructura altamente eficaz con AWS para educación" - Juan Camilo Páez
 
"Infraestructura altamente eficaz con AWS para educación" - Juan Camilo Páez
"Infraestructura altamente eficaz con AWS para educación" - Juan Camilo Páez"Infraestructura altamente eficaz con AWS para educación" - Juan Camilo Páez
"Infraestructura altamente eficaz con AWS para educación" - Juan Camilo Páez
 
"Acompañamiento y evaluación de aprendizajes apoyados en Moodle" - Juan Carlo...
"Acompañamiento	y evaluación	de	aprendizajes	apoyados	en Moodle" - Juan Carlo..."Acompañamiento	y evaluación	de	aprendizajes	apoyados	en Moodle" - Juan Carlo...
"Acompañamiento y evaluación de aprendizajes apoyados en Moodle" - Juan Carlo...
 
"Educación y datos masivos (Big Data)" - Fernando Santamaria
"Educación y datos masivos (Big Data)" - Fernando Santamaria"Educación y datos masivos (Big Data)" - Fernando Santamaria
"Educación y datos masivos (Big Data)" - Fernando Santamaria
 
"Educación y datos masivos (Big Data)" - Fernando Santamaria
"Educación y datos masivos (Big Data)" - Fernando Santamaria"Educación y datos masivos (Big Data)" - Fernando Santamaria
"Educación y datos masivos (Big Data)" - Fernando Santamaria
 
"De las redes de Tecnología avanzada para el desarrollo de la Ciencia, la tec...
"De	las	redes	de	Tecnología	avanzada	para	el	desarrollo	de	la	Ciencia,	la	tec..."De	las	redes	de	Tecnología	avanzada	para	el	desarrollo	de	la	Ciencia,	la	tec...
"De las redes de Tecnología avanzada para el desarrollo de la Ciencia, la tec...
 
"Moodle como una solución de entrenamiento empresarial alrededor del mundo - ...
"Moodle	como	una	solución	de	entrenamiento	empresarial	alrededor	del	mundo - ..."Moodle	como	una	solución	de	entrenamiento	empresarial	alrededor	del	mundo - ...
"Moodle como una solución de entrenamiento empresarial alrededor del mundo - ...
 
"Moodle como apoyo a la presencialidad utilizando la metodología PACIE"- Maur...
"Moodle	como	apoyo	a	la	presencialidad	utilizando	la	metodología	PACIE"- Maur..."Moodle	como	apoyo	a	la	presencialidad	utilizando	la	metodología	PACIE"- Maur...
"Moodle como apoyo a la presencialidad utilizando la metodología PACIE"- Maur...
 
"Moodle como apoyo a la presencialidad utilizando la metodología PACIE" - Mau...
"Moodle	como	apoyo	a	la	presencialidad	utilizando	la	metodología	PACIE" - Mau..."Moodle	como	apoyo	a	la	presencialidad	utilizando	la	metodología	PACIE" - Mau...
"Moodle como apoyo a la presencialidad utilizando la metodología PACIE" - Mau...
 
"Entrenamiento Virtual y desarrollo de competencias en Mazda Colombia" - Jair...
"Entrenamiento	Virtual	y	desarrollo	de	competencias	en	Mazda	Colombia" - Jair..."Entrenamiento	Virtual	y	desarrollo	de	competencias	en	Mazda	Colombia" - Jair...
"Entrenamiento Virtual y desarrollo de competencias en Mazda Colombia" - Jair...
 
"El uso de juegos para el aprendizaje en educación" - Cecilia Correa
"El	uso	de	juegos	para	el	aprendizaje	en	educación" - Cecilia Correa"El	uso	de	juegos	para	el	aprendizaje	en	educación" - Cecilia Correa
"El uso de juegos para el aprendizaje en educación" - Cecilia Correa
 
"Moodle Mobile: situación actual y nuevos desarrollos" - Jordi Vila
"Moodle	Mobile:	situación	actual	y	nuevos	desarrollos" - Jordi Vila"Moodle	Mobile:	situación	actual	y	nuevos	desarrollos" - Jordi Vila
"Moodle Mobile: situación actual y nuevos desarrollos" - Jordi Vila
 
"Moodle Empresarial - Open Source Learning para Negocios y Gobierno" - Jason...
 "Moodle	Empresarial - Open Source	Learning	para	Negocios y Gobierno" - Jason... "Moodle	Empresarial - Open Source	Learning	para	Negocios y Gobierno" - Jason...
"Moodle Empresarial - Open Source Learning para Negocios y Gobierno" - Jason...
 

Último

Un libro sin recetas, para la maestra y el maestro Fase 3.pdf
Un libro sin recetas, para la maestra y el maestro Fase 3.pdfUn libro sin recetas, para la maestra y el maestro Fase 3.pdf
Un libro sin recetas, para la maestra y el maestro Fase 3.pdf
sandradianelly
 
diagnostico final (1). analisis - encuestas
diagnostico final (1). analisis - encuestasdiagnostico final (1). analisis - encuestas
diagnostico final (1). analisis - encuestas
ansomora123
 
Asistencia Tecnica Cartilla Pedagogica DUA Ccesa007.pdf
Asistencia Tecnica Cartilla Pedagogica DUA Ccesa007.pdfAsistencia Tecnica Cartilla Pedagogica DUA Ccesa007.pdf
Asistencia Tecnica Cartilla Pedagogica DUA Ccesa007.pdf
Demetrio Ccesa Rayme
 
evalaución de reforzamiento de cuarto de secundaria de la competencia lee
evalaución de reforzamiento de cuarto de secundaria de la competencia leeevalaución de reforzamiento de cuarto de secundaria de la competencia lee
evalaución de reforzamiento de cuarto de secundaria de la competencia lee
MaribelGaitanRamosRa
 

Último (20)

PRESENTACION DE LA SEMANA NUMERO 8 EN APLICACIONES DE INTERNET
PRESENTACION DE LA SEMANA NUMERO 8 EN APLICACIONES DE INTERNETPRESENTACION DE LA SEMANA NUMERO 8 EN APLICACIONES DE INTERNET
PRESENTACION DE LA SEMANA NUMERO 8 EN APLICACIONES DE INTERNET
 
Proceso de gestión de obras - Aquí tu Remodelación
Proceso de gestión de obras - Aquí tu RemodelaciónProceso de gestión de obras - Aquí tu Remodelación
Proceso de gestión de obras - Aquí tu Remodelación
 
Un libro sin recetas, para la maestra y el maestro Fase 3.pdf
Un libro sin recetas, para la maestra y el maestro Fase 3.pdfUn libro sin recetas, para la maestra y el maestro Fase 3.pdf
Un libro sin recetas, para la maestra y el maestro Fase 3.pdf
 
Proceso de admisiones en escuelas infantiles de Pamplona
Proceso de admisiones en escuelas infantiles de PamplonaProceso de admisiones en escuelas infantiles de Pamplona
Proceso de admisiones en escuelas infantiles de Pamplona
 
Cerebelo Anatomía y fisiología Clase presencial
Cerebelo Anatomía y fisiología Clase presencialCerebelo Anatomía y fisiología Clase presencial
Cerebelo Anatomía y fisiología Clase presencial
 
4.Conectores Dos_Enfermería_Espanolacademico
4.Conectores Dos_Enfermería_Espanolacademico4.Conectores Dos_Enfermería_Espanolacademico
4.Conectores Dos_Enfermería_Espanolacademico
 
Diagnostico del corregimiento de Junin del municipio de Barbacoas
Diagnostico del corregimiento de Junin del municipio de BarbacoasDiagnostico del corregimiento de Junin del municipio de Barbacoas
Diagnostico del corregimiento de Junin del municipio de Barbacoas
 
BIENESTAR TOTAL - LA EXPERIENCIA DEL CLIENTE CON ATR
BIENESTAR TOTAL - LA EXPERIENCIA DEL CLIENTE CON ATRBIENESTAR TOTAL - LA EXPERIENCIA DEL CLIENTE CON ATR
BIENESTAR TOTAL - LA EXPERIENCIA DEL CLIENTE CON ATR
 
PLAN DE TRABAJO CONCURSO NACIONAL CREA Y EMPRENDE.docx
PLAN DE TRABAJO CONCURSO NACIONAL CREA Y EMPRENDE.docxPLAN DE TRABAJO CONCURSO NACIONAL CREA Y EMPRENDE.docx
PLAN DE TRABAJO CONCURSO NACIONAL CREA Y EMPRENDE.docx
 
TRABAJO CON TRES O MAS FRACCIONES PARA NIÑOS
TRABAJO CON TRES O MAS FRACCIONES PARA NIÑOSTRABAJO CON TRES O MAS FRACCIONES PARA NIÑOS
TRABAJO CON TRES O MAS FRACCIONES PARA NIÑOS
 
PROYECTO INTEGRADOR ARCHIDUQUE. presentacion
PROYECTO INTEGRADOR ARCHIDUQUE. presentacionPROYECTO INTEGRADOR ARCHIDUQUE. presentacion
PROYECTO INTEGRADOR ARCHIDUQUE. presentacion
 
diagnostico final (1). analisis - encuestas
diagnostico final (1). analisis - encuestasdiagnostico final (1). analisis - encuestas
diagnostico final (1). analisis - encuestas
 
PPT: El fundamento del gobierno de Dios.
PPT: El fundamento del gobierno de Dios.PPT: El fundamento del gobierno de Dios.
PPT: El fundamento del gobierno de Dios.
 
Asistencia Tecnica Cartilla Pedagogica DUA Ccesa007.pdf
Asistencia Tecnica Cartilla Pedagogica DUA Ccesa007.pdfAsistencia Tecnica Cartilla Pedagogica DUA Ccesa007.pdf
Asistencia Tecnica Cartilla Pedagogica DUA Ccesa007.pdf
 
Fase 3; Estudio de la Geometría Analítica
Fase 3; Estudio de la Geometría AnalíticaFase 3; Estudio de la Geometría Analítica
Fase 3; Estudio de la Geometría Analítica
 
Escrito-Contestacion-Demanda-Filiacion.pdf
Escrito-Contestacion-Demanda-Filiacion.pdfEscrito-Contestacion-Demanda-Filiacion.pdf
Escrito-Contestacion-Demanda-Filiacion.pdf
 
evalaución de reforzamiento de cuarto de secundaria de la competencia lee
evalaución de reforzamiento de cuarto de secundaria de la competencia leeevalaución de reforzamiento de cuarto de secundaria de la competencia lee
evalaución de reforzamiento de cuarto de secundaria de la competencia lee
 
Análisis de la situación actual .La Matriz de Perfil Competitivo (MPC)
Análisis de la situación actual .La Matriz de Perfil Competitivo (MPC)Análisis de la situación actual .La Matriz de Perfil Competitivo (MPC)
Análisis de la situación actual .La Matriz de Perfil Competitivo (MPC)
 
corpus-christi-sesion-de-aprendizaje.pdf
corpus-christi-sesion-de-aprendizaje.pdfcorpus-christi-sesion-de-aprendizaje.pdf
corpus-christi-sesion-de-aprendizaje.pdf
 
Presentación Propuesta de Proyecto Social Colorido y Juvenil Multicolor y Neg...
Presentación Propuesta de Proyecto Social Colorido y Juvenil Multicolor y Neg...Presentación Propuesta de Proyecto Social Colorido y Juvenil Multicolor y Neg...
Presentación Propuesta de Proyecto Social Colorido y Juvenil Multicolor y Neg...
 

"Diseño y experiencia de usuario en Moodle" - Laura Martín

  • 1. Generando Confianza No Confusión Laura Martín Prieto @LauraMartinPO laura.martin@nivel7.net
  • 2.
  • 4. ¿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.”  
  • 5. 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  
  • 6. Para espacios de e-learning   Arquitectura     De  Información     y  Diseño   Plataforma   Contenidos  
  • 7. 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  
  • 8. 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  
  • 9. ¿Qué se puede hacer?   Analizar  el  medio  y  la  audiencia   1 Pensar  en  y  desde  el  usuario  2 Facilitarle  la  experiencia  al  usuario  3 Diseñar  sencillo  y  limpio   4
  • 10. ¿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  
  • 11. Nos debemos preguntar   Acciones  principales   1 Navegación   3 Búsquedas  principales   2 Información  y   contenidos   4
  • 12. 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  
  • 13. 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.  
  • 14. •  No  demasiadas  acciones  o  clics   Generar confianza   HOME   Mi  perfil   Mis  programas   Mis  cursos   HOME   Mis  cursos  
  • 15. •  Diseñar  como  Play-­‐doh  –  Lo  más  sencillo  y  fácil   Generar confianza  
  • 16. •  Auge  del  diseño  limpio  y  sencillo   Generar confianza  
  • 18. 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  
  • 19. 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  
  • 20. ¡MUCHAS GRACIAS! Laura Martín Prieto @LauraMartinPO laura.martin@nivel7.net