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.

1. Dia de la Usabilidad 2012
8 de Noviembre 2012

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. Algunos Clientes

4. Un Chicharron:
Usabilidad y arquitectura de información
con la opinión y requerimientos de 583
usuarios.

5. El Chicharron:
Diseño
y
Arquitectura
no
unificada

6. El Chicharron:
Alta
diversidad
de
usuarios
y
muchos
clientes
internos:
Rector,
Decanos,
Dir.
Programas,
Profesores,
Estudiantes,
Egresados,
Empleados

7. ¿Qué hacer?

8. Objetivos a lograr
3 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. Análisis de Usuarios
Principales Segmentos, necesidades y
requerimientos

10. Análisis de Usuarios
Perfiles 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. Perfiles de Usuarios
Uso actual del sitio Web (Google Analytics)
Aspirantes Aspirantes Estudiantes Estudiantes
Profesores
Pregrado Posgrado Pregrado Postgrado
53%
5% 7% 6%
10%

12. Perfiles de Usuarios
Principales 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. Encuesta
Estudiantes, 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. Principales Necesidades
Información y Contenidos
Estudiantes Indiferente Importante Muy Importante
No=cias
sobre
la
Universidad
(Eventos,
entorno
estudianDl,
etc.)
18%
21%
15%
Información
Académica
(Cursos,
Horarios,
Notas)
1%
5%
34%
1
Admisiones
y
Registro
(Requisitos,
Cancelaciones,
Adiciones)
4%
14%
21%
3
Bienestar
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%
3
Programas
internacionales
(Convenios
con
Universidades
en
el
Exterior)
4%
14%
22%
2
Oportunidades
de
emprendimiento
y
espíritu
empresarial.
7%
16%
16%
4

15. Principales Actividades
Tareas realizadas dentro del sitio Web
Pocas Algunas
Estudiantes Permanente
Veces Veces
Acceder
a
Moodle
para
Consultar
cursos,
tareas
4%
5%
31%
1
Realizar
búsquedas
en
la
biblioteca
(Libros,
Bases
de
datos,
etc.)
17%
16%
7%
3
Ac=vidades
de
Registro
(CerDficados,
Cancelaciones,
Adiciones,
etc.)
16%
20%
4%
4
Generar
Reportes
Académicos
(Notas,
Balance
Académico,
Horarios)
7%
19%
13%
2
Inscripción
en
Ac=vidades
de
Bienestar
Universitario
26%
11%
2%
Acceso
a
la
Bolsa
de
Empleo
y
oportunidades
laborales
31%
5%
3%

16. Principales Necesidades
Información y Contenidos
Profesores Indiferente Importante Muy Importante
No=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%
3
Servicios
en
línea
(Moodle,
Reserva
de
espacios,
Soporte,
entre
otros)
0%
2%
5%
2
Biblioteca
(Libros,
Bases
de
Datos,
etc.)
0%
1%
6%
1

17. Principales Necesidades
Información y Contenidos
Egresados Indiferente Importante Muy Importante
No=cias
Egresados
(Eventos,
NoDcias,
Servicios,
etc.)
1%
24%
28%
4
Bolsa
de
Empleo
y
oportunidades
laborales
2%
10%
41%
1
Programas
de
posgrado
(Maestrías,
Especializaciones
y
Diplomados)
2%
23%
29%
3
Trá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%
5
Oportunidades
de
emprendimiento
y
espíritu
empresarial.
5%
19%
30%
2

18. Canales de Actualización

19. Requerimientos y Comentarios
Estudiantes, 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. Encuesta y Entrevista
Decanos y Directores de programas

21. Entrevistas y Encuesta
Decanos, Direcotores Programas y
Adminstrativos
Entrevista
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. Calificación Diseño Gráfico
Decanos
El 60% de los encuestados tiene una opinión favorable respecto al aspecto
visual sin embargo hay un 40%, nada despreciable que opina que es
deficiente . Factor importante a considerar pues se aprecia inconformidad.

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. 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. Wake Forest University (USA)
http://www.wfu.edu/

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. University of Nebraska-Lincoln (USA)
http://www.unl.edu/

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. Benchmarking
Universidades Nacionales e Internacionales

30. Uniendo todos los puntos:
Benchmarking Usuarios Estadísticas Estructura
Diagrama
Diseños
Consideraciones:
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. 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. El Resultado

38. ¿Preguntas?