UN CHICHARRÓN: USABILIDAD Y ARQUITECTURA DE INFORMACIÓN CON LA OPINIÓN Y REQUERIMIENTOS DE 583 USUARIOS

479 views
403 views

Published on

Afrontar el rediseño de un sitio web de una reconocida universidad de Colombia fue un reto que comprendía tener en cuenta la opinion y requerimientos de estudiantes, profesores, egresados, decanos, directores de programa, jefes de mercadeo y el mismo rector. En esta conferencia se compartirá el proceso de arquitectura de información desarrollado durante 5 meses con la aplicación de diversos métodos para poder entender los requerimientos, expectativas y contextos de los usuarios.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
479
On SlideShare
0
From Embeds
0
Number of Embeds
87
Actions
Shares
0
Downloads
6
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

UN CHICHARRÓN: USABILIDAD Y ARQUITECTURA DE INFORMACIÓN CON LA OPINIÓN Y REQUERIMIENTOS DE 583 USUARIOS

  1. 1. Dia de la Usabilidad 20128 de Noviembre 2012
  2. 2. Quiénes Somosü Existaya.com es una Agencia de Marketing Digital expertos en el diseño y desarrollo de estrategias de mercadeo, publicidad y comunicación por Internet.ü 9 años de experiencia y más de 500 campañas de mercadeo en Internet ejecutadas, Miembros IAB Colombia.ü 550+ Clientes entre Pymes, Grandes Empresas y Grandes Marcas.
  3. 3. Algunos Clientes
  4. 4. Un Chicharron:Usabilidad y arquitectura de informacióncon la opinión y requerimientos de 583usuarios.
  5. 5. El Chicharron: Diseño  y   Arquitectura  no   unificada  
  6. 6. El Chicharron: Alta  diversidad  de  usuarios  y  muchos  clientes  internos:  Rector,  Decanos,  Dir.  Programas,  Profesores,  Estudiantes,  Egresados,  Empleados  
  7. 7. ¿Qué hacer?
  8. 8. Objetivos a lograr3 Importantes Objetivos definen el proyecto de Rediseño de Icesi.Edu.Co: 1 Comunicación  y  Diseño  Unificado   2 Usable  de  fácil  navegación   3 Concenso  y  Aceptación  
  9. 9. Análisis de UsuariosPrincipales Segmentos, necesidades yrequerimientos
  10. 10. Análisis de UsuariosPerfiles de usurios del sitio www.icesi.edu.co Primario Aspirantes   Estudiantes   Pregrado  y  Posgrado   Usuarios  Primarios   Profesores   Secundario Egresados   Secundario Decanos,  Dir.  Dptos.  y  Dir.  Programas   Clientes  Internos   Áreas  AdministraDvos  
  11. 11. Perfiles de UsuariosUso actual del sitio Web (Google Analytics) Aspirantes Aspirantes Estudiantes Estudiantes Profesores Pregrado Posgrado Pregrado Postgrado 53% 5% 7% 6% 10%
  12. 12. Perfiles de UsuariosPrincipales Actividades (Google Analytics) - Listado de Profesores - Matrícula Académica - Actualización de - Horarios por Programas Datos - Notas Parciales - Listado de Clase de - Moodle - Pregrado (normal) - Prerequisitos Profesores Estudiante Pregrado - Solicitar Formulario de Inscripción - Proceso y Requisito - Calendario Académico de Admisión - Constancia de Matrícula - Fechas de - Matrícula Académica Admisiones - Asistencia - Valores de Matrícula - Balance Académico por carrera Aspirante - Becas y Financiación Pregrado - Programas a Estudiante Pregrado Posgrado
  13. 13. EncuestaEstudiantes, Profesores y Egresados La encuesta estuvo activa durante 10 días en los cuales se recibieron 550 respuestas. La encuesta se envío a las bases de datos de todos los estudiantes, egresados y profesores de la Universidad Icesi. El mayor porcentaje de participación, con un 53% fue de los egresados.
  14. 14. Principales NecesidadesInformación y Contenidos Estudiantes Indiferente Importante Muy ImportanteNo=cias  sobre  la  Universidad  (Eventos,  entorno  estudianDl,  etc.)   18%   21%   15%  Información  Académica  (Cursos,  Horarios,  Notas)   1%   5%   34%   1Admisiones  y  Registro  (Requisitos,  Cancelaciones,  Adiciones)   4%   14%   21%   3Bienestar  Estudian=l  (AcDvidades  lúdicas)   7%   20%   12%  Biblioteca  (Libros,  Bases  de  Datos,  etc.)   8%   17%   15%  Facultad  (Publicaciones,  Grupos  de  InvesDgación,  etc.)   3%   15%   21%   3Programas  internacionales  (Convenios  con  Universidades  en  el  Exterior)   4%   14%   22%   2Oportunidades  de  emprendimiento  y  espíritu  empresarial.   7%   16%   16%   4
  15. 15. Principales ActividadesTareas realizadas dentro del sitio Web Pocas Algunas Estudiantes Permanente Veces VecesAcceder  a  Moodle  para  Consultar  cursos,  tareas   4%   5%   31%   1Realizar  búsquedas  en  la  biblioteca  (Libros,  Bases  de  datos,  etc.)   17%   16%   7%   3Ac=vidades  de  Registro  (CerDficados,  Cancelaciones,  Adiciones,  etc.)   16%   20%   4%   4Generar  Reportes  Académicos  (Notas,  Balance  Académico,  Horarios)   7%   19%   13%   2Inscripción  en  Ac=vidades  de  Bienestar  Universitario   26%   11%   2%  Acceso  a  la  Bolsa  de  Empleo  y  oportunidades  laborales   31%   5%   3%  
  16. 16. Principales NecesidadesInformación y Contenidos Profesores Indiferente Importante Muy ImportanteNo=cias  sobre  la  Universidad  (Eventos,  entorno  estudianDl,  etc.)   1%   3%   3%  Información  Académica  (Cursos,  Horarios,  Notas)   1%   3%   3%  Trámites  de  Nómina,  Cer=ficados  Laborales  y  desprendibles  de  pago   1%   3%   3%   3Servicios  en  línea  (Moodle,  Reserva  de  espacios,  Soporte,  entre  otros)   0%   2%   5%   2Biblioteca  (Libros,  Bases  de  Datos,  etc.)   0%   1%   6%   1
  17. 17. Principales NecesidadesInformación y Contenidos Egresados Indiferente Importante Muy ImportanteNo=cias  Egresados  (Eventos,  NoDcias,  Servicios,  etc.)   1%   24%   28%   4Bolsa  de  Empleo  y  oportunidades  laborales   2%   10%   41%   1Programas  de  posgrado  (Maestrías,  Especializaciones  y  Diplomados)   2%   23%   29%   3Trámites  y  Cer=ficados  de  Estudio  y  Notas,  etc.   15%   26%   13%  Biblioteca  (Libros,  Bases  de  Datos,  etc.)   12%   28%   13%  Programas  internacionales  (Convenios  con  Universidades  en  el  Exterior)   3%   23%   27%   5Oportunidades  de  emprendimiento  y  espíritu  empresarial.   5%   19%   30%   2
  18. 18. Canales de Actualización
  19. 19. Requerimientos y ComentariosEstudiantes, Profesores y Egresadosü  Unificación / Uniformidad. ü  Vinculada con redes sociales.ü  Mas Interactividad. ü  Ayuda en línea (chat)ü  Información precisa y ü  Mejorar disponibilidad de actualizada. Moodle.ü  Noticias y eventos (visibles y ü  Muchos clics para llegar al actualizados) destinoü  Pagos en línea (certificados, ü  Versión para móviles. matrículas, cuotas) ü  Versión en Inglés completa.ü  Utilizar más videos. ü  Mejorar sección de Notas.ü  Mapa de Ubicación (ojala ü  Eventos por facultad. virtual) ü  Info de publicaciones y grupos deü  Mejorar acceso reservas, Investigación. cuotas de impresión, salas de computo.
  20. 20. Encuesta y EntrevistaDecanos y Directores de programas
  21. 21. Entrevistas y EncuestaDecanos, Direcotores Programas yAdminstrativosEntrevista  Decanos   Encuesta  Dir.  Prog.   Ficha  Técnica   Ficha  Técnica       Metodología:  Encuesta   Metodología:  Encuesta   guiada  a  través  de  entrevista   electrónica   personal.   12  ParDcipantes.   6  Encuestas  procesadas.     (1  Rector  y  5  decanos)      
  22. 22. Calificación Diseño Gráfico DecanosEl 60% de los encuestados tiene una opinión favorable respecto al aspectovisual sin embargo hay un 40%, nada despreciable que opina que esdeficiente . Factor importante a considerar pues se aprecia inconformidad.
  23. 23. Resumen Requerimientos Principales sugerencias y necesiaddes Decanos Directores de Programa 1.  Mantener  una  coherencia  en  línea  gráfica  con  el   1.  Unificar  idenDdad  y  línea  gráfica  diseño  general   diseño  general  de  Icesi.   icesi  y  programas.   2.  Mejorar  elementos  de  diseño,  opDmización  de  la   2.  Diseño  frescos,  juveniles  y  modernos.  Diseño Acceso  a  contenidos  de  calidad,  actualizados  en  las   usabilidad  y  navegación.   3.  Diseño  impactante  que  genere  una  buena   temporalidades  de  las  áreas  afines  en  temas  legales  y   3.  Diseños  ajustados  a  los  públicos  que  informan.   experiencia  estéDca.   de  impuestos.     4.  Libertad  de  cada  programa  en  generar  cada  uno  el     diseño  de  la  página  Web         1.  Mejorar  la  estructuración,  generación  y   1.  Versión  en  ingles  de  los  programas   publicación  de  contenidos   2.  Incluir  nuevas  fotos  y  actualizar  los  videos  de  los   2.  Orientar  correctamente  los  contenidos  a  los   programas.   públicos  que  sirve  cada  página   3.  Orientar  los  contenidos  hacia  los  aspirantes  Contenidos 3.  Actualización  fácil  y  rápida  de  contenidos   idenDficando  cuales  son  los  contenidos  relevantes   4.  Generar  y  publicar  contenidos  audiovisuales   4.  Disminuir  la  canDdad  de  contenidos  en  texto  e   (Videos,  Infografas,  etc.)   incluir  videos  cortos.   5.  Incluir  contenidos  en  Ingles  (Traducciones  de  los   siDos)   6.  Incluir  herramientas  o  aplicaciones  de  redes   sociales  que  permitan  interactuar  a  los   estudiantes.    
  24. 24. Benchmarking Análisis de buenas prácticas en la Web•  Se  revisaron  aproximadamente  250  páginas   de  universidades  nacionales  e   internacionales.  •  Se  hizo  énfasis  en  el  Top  100  internacional.  •  Se  destacan  las  universidades  americanas   por  sus  diseños  orientados  a  la  facilidad  de   uso.  •  Se  capturaron  los  elementos  más   interesantes  referentes  a:   –  Usabilidad  /  Facilidad   –  Diseño   –  Dinamismo  /  InteracDvidad    
  25. 25. Wake Forest University (USA) http://www.wfu.edu/
  26. 26. Wake Forest University (USA)Observaciones  de  diseño   Observaciones  de  organización   Observaciones  de   de  la  información  (usabilidad):     herramientas  e     interac=vidad:      • Banner  grande,   • Menús  organizados  por  llamaDvo,  no  muy  ancho   perfiles  que  se  resalta  según  el  • Organización  por   mouse  over  columnas  apoyadas  con    pequeñas  fotografas    Comentarios  Generales:  Muy  organizada,  menús  superiores  según  perfil  del  visitante,  buena  proporción  del  banner.  Relevancia  a  los  eventos  y  noDcias   http://www.wfu.edu/
  27. 27. University of Nebraska-Lincoln (USA) http://www.unl.edu/
  28. 28. University of Nebraska-Lincoln (USA)Observaciones  de  diseño   Observaciones  de  organización   Observaciones  de   de  la  información  (usabilidad):     herramientas  e     interac=vidad:      • Banner  con  videos   • Menús  organizados  por   • Cámaras  en  vivo  • Organización  por   perfiles   • Redes  sociales  columnas  apoyadas  con   • Menús  expandibles  para   • Buscador  de  personas  pequeñas  fotografas   facilitar  la  navegación   • Canal  en  iTunes   • Acceso  rápido  a  eventos,   directorio,  clima  y  cámaras      Comentarios  Generales:  Menús  expandibles,  segmentada  por  perfiles.  Fácil  acceso  información.  Buena  diagramación  y  tamaño  del  banner   http://www.unl.edu/
  29. 29. BenchmarkingUniversidades Nacionales e Internacionales
  30. 30. Uniendo todos los puntos:Benchmarking Usuarios Estadísticas Estructura Diagrama DiseñosConsideraciones:Se  tuvieron  en  cuenta  las  opiniones  y  recomendaciones  de  los  estudiantes,  egresados,  profesores,  directores  y  decanos  respecto  a  la  página  principal  de  Ia  Universidad  Icesi.
  31. 31. Wireframe Home Elementos  Considerados:   ü  Encabezado  Limpio   ü  Menú  Desplegable   ü  Banner  +  Info   ü  Accesos  Directos  a  secciones  de  uso   frecuente   ü  Sección  de  NoDcias   ü  Sección  de  Eventos   ü  Redes  Sociales   ü  Banners  Secciones  Destacados  
  32. 32. El Resultado
  33. 33. ¿Preguntas?

×