Universidad de Valparaíso
Testeo de Navegación y Usabilidad
con Wireframes Interactivos
Celeste Mardones | María Ignacia Falcone | Gabriela Pérez | Nathaly Sepúlveda | Karla Vargas | Francisca Wevar
Se leen las instrucciones a los usuarios que testearán los wire-
frames, esto quiere decir que el entrevistador no debe explicar
el ejercicio con sus propias palabras.
¿Como se testeo la navegación y
usabilidad de los wireframes interactivos?
•	 El entrevistado realiza 5 acciones y/o ejercicios indepen-
dientes uno del otro.
•	 El entrevistado puede expresar en voz alta sus reacciones y
apreciaciones mientras realiza el ejercicio.
•	 Durante cada ejercicio se toma el tiempo que demora cada
participante en realizar cada uno de los ejercicios.
Se plantean 5 tareas a los 3 usuarios ya dados por los arqueti-
pos y personas.
¿Qué errores se consideraron?
•	 “Desvios” en la ruta de los contenidos.
•	 Cantidad de clicks erroneos, es decir, una tarea ejecutable
en 3 se realiza con 6 cliqueos.
Al momento del testeo, no se le daban instrucciones a los parti-
cipantes pero se les pregunta de vez en cuando que están ha-
ciendo, no obstante, son libres de comentar en voz alta lo que
deseen mientras navegan. Esto es de vital importancia sobre
todo si manifiestan confusión.
¿Qué se considero al momento de testear?
¿Qué parte del comportamiento del usuario
se considero al momento del testeo?
•	 Tempo
•	 Cantidad de clicks esperados)
•	 cantidad de clicks
•	 Rutas esperadas para llegar a los contenidos
Aunque los usuarios poseen perfiles distintos todos deben
realizar las mismas tareas.
Tareas a testear
TAREA UNO | Puntajes de Corte
TAREA DOS | Becas y Créditos
TAREA TRES | Postgrado
TAREA CUATRO | Datos de Contacto del DAE
TAREA CINCO | Acreditación
Facultades y Carreras Carrera
Puntajes de corte
Malla curricular
Precio del arancel
TAREA UNO
Ruta esperada
Admisión Ingreso PSU
Admisión
Aranceles y
Beneficios
Facultades y Carreras
Facultades y Carreras Carrera (Derecho)
Puntajes de corte
Malla curricular
Precio del arancel
Carrera (Derecho)
Puntajes de corte
Malla curricular
Precio del arancel
Facultades y Carreras
Carrera (Derecho)
Puntajes de corte
Malla curricular
Precio del arancel
Encontrar los puntajes de corte, malla curricular y precio del arancel de
la carrera de derecho.
Usuario de
Cuarto Medio
Usuario de
Pregrado
Usuario de
Postgrado
R1
R2
R1
R2
Admisión Aranceles y Beneficios Becas y Créditos
Facultades y Carreras Carrera (Derecho)
Botón hipervínculo
“Ver Becas y Créditos”
Admisión Aranceles y beneficios
Becas y Créditos
(menú desplegado de
Aranceles y Benificios)
Becas y Créditos
Becas y Créditos
Admisión Aranceles y Beneficios Becas y Créditos Becas y Créditos
TAREA D O S | B EC A S Y CR ÉDI TOS Encontrar información sobre becas y créditos para quien desea entrar a la universidad.
R1
R2
Ruta esperada
Usuario de
Cuarto Medio
Usuario de
Pregrado
R1
R2
Usuario de
Postgrado
Becas y Créditos
Admisión
Facultades y Carreras Carrera (Derecho)
Botón hipervínculo
“Ver Becas y Créditos” Becas y Créditos
TAREA TRES | P O S TG R ADO Encontrar información sobre el diploma de postítulo en estrategias y
tácticas para la formación en red.
Postgrados Diplomas de Postítulo
(Menú “Áreas de Estudio”)
Ingeniería y Tecnología
Diploma de Postítulo en
Estrategias y Tácticas
para la Formación en Red
Postgrados Diplomas de Postítulo
(Menú “Áreas de Estudio”)
Ingeniería y Tecnología
Diploma de Postítulo en
Estrategias y Tácticas
para la Formación en Red
Postgrados Diplomas de Postítulo
(Menú “Áreas de Estudio”)
Ingeniería y Tecnología
Diploma de Postítulo en
Estrategias y Tácticas
para la Formación en Red
Menú “Áreas de Estudio”
Postgrados Diplomas de Postítulo
(Menú “Áreas de Estudio”)
Ingeniería y Tecnología
Diploma de Postítulo en
Estrategias y Tácticas
para la Formación en Red
Ruta esperada
Usuario de
Cuarto Medio
Usuario de
Pregrado
Usuario de
Postgrado
Header del Sitio Botón “Contacto”
Contacto
y Autoridades
Teléfono y correo
electrónico del DAE
Universidad
Dirección
Administrativa
HOME
Facultades y Carreras
Admisión
Universidad
HOME
Header del Sitio Botón “Contacto”
Contacto
y Autoridades
Teléfono y correo
electrónico del DAE
Header del Sitio Botón “Contacto”
Contacto
y Autoridades
Teléfono y correo
electrónico del DAE
TAREA C UATRO | D ato s de Co ntacto DAE Encontrar el número de teléfono y el mail de la Dirección de asuntos
estudiantiles (DAE)
Ruta esperada
Usuario de
Cuarto Medio
Usuario de
Pregrado
Usuario de
Postgrado
R1
R2
R3
R4
R5
R6
Universidad
R1
HOME Header del Sitio Botón “Contacto”
Contacto
y Autoridades
Teléfono y correo
electrónico del DAE
R2
TAREA C INC O | A C REDI TACI ÓN Encontrar información sobre el estado de acreditación de la universidad.
R1
R2
Ruta esperada
Usuario de
Cuarto Medio
Usuario de
Pregrado
Usuario de
Postgrado
Universidad
Menú ( desplegado)
“Acreditación”
Acreditación
Header del Sitio Acreditación
Logo de “Acreditación”
(Superior - derecha)
Header del Sitio Acreditación
Logo de “Acreditación”
(Superior - derecha)
Header del Sitio Acreditación
Logo de “Acreditación”
(Superior - derecha)
Header del Sitio Acreditación
Logo de “Acreditación”
(Superior - derecha)
Tiempos de testeo
2
4
6
8
10
12
14
16
18
20
22
24
26
28
30
32
34
36
38
40
42
44
46
50
EJERCICIO
1
EJERCICIO
2
EJERCICIO
3
EJERCICIO
4
EJERCICIO
5
Segundos
4to Medio
Pregrado
Postgrado
Promedio
TIEMPO D E EJEC UC IÓ N DE TAR EAS
El tiempo que toma cada usuario en ejecutar cada
una de las tareas.
0
2
4
6
8
10
12
14
16
18
20
22
24
26
28
30
32
34
36
38
40
42
44
46
48
50
EJERCICIO
1
EJERCICIO
2
EJERCICIO
3
EJERCICIO
4
EJERCICIO
5
Segundos
por click
4to Medio
Pregrado
Postgrado
Promedio
TIEMPO P O R C A D A “C LI CK”
El tiempo -medido segundos- que toma cada
usuario para realizar un click mientras navega,
busca y selecciona cierta información en el sitio.
Universidad de Valparaíso
Testeo de Navegación y Usabilidad
con Wireframes Interactivos
Celeste Mardones |
María Ignacia Falcone |
Gabriela Pérez |
Nathaly Sepúlveda |
Karla Vargas |
Francisca Wevar|

Presentacion testeo wireframes 2

  • 1.
    Universidad de Valparaíso Testeode Navegación y Usabilidad con Wireframes Interactivos Celeste Mardones | María Ignacia Falcone | Gabriela Pérez | Nathaly Sepúlveda | Karla Vargas | Francisca Wevar
  • 2.
    Se leen lasinstrucciones a los usuarios que testearán los wire- frames, esto quiere decir que el entrevistador no debe explicar el ejercicio con sus propias palabras. ¿Como se testeo la navegación y usabilidad de los wireframes interactivos? • El entrevistado realiza 5 acciones y/o ejercicios indepen- dientes uno del otro. • El entrevistado puede expresar en voz alta sus reacciones y apreciaciones mientras realiza el ejercicio. • Durante cada ejercicio se toma el tiempo que demora cada participante en realizar cada uno de los ejercicios. Se plantean 5 tareas a los 3 usuarios ya dados por los arqueti- pos y personas. ¿Qué errores se consideraron? • “Desvios” en la ruta de los contenidos. • Cantidad de clicks erroneos, es decir, una tarea ejecutable en 3 se realiza con 6 cliqueos. Al momento del testeo, no se le daban instrucciones a los parti- cipantes pero se les pregunta de vez en cuando que están ha- ciendo, no obstante, son libres de comentar en voz alta lo que deseen mientras navegan. Esto es de vital importancia sobre todo si manifiestan confusión. ¿Qué se considero al momento de testear? ¿Qué parte del comportamiento del usuario se considero al momento del testeo? • Tempo • Cantidad de clicks esperados) • cantidad de clicks • Rutas esperadas para llegar a los contenidos Aunque los usuarios poseen perfiles distintos todos deben realizar las mismas tareas.
  • 3.
    Tareas a testear TAREAUNO | Puntajes de Corte TAREA DOS | Becas y Créditos TAREA TRES | Postgrado TAREA CUATRO | Datos de Contacto del DAE TAREA CINCO | Acreditación
  • 4.
    Facultades y CarrerasCarrera Puntajes de corte Malla curricular Precio del arancel TAREA UNO Ruta esperada Admisión Ingreso PSU Admisión Aranceles y Beneficios Facultades y Carreras Facultades y Carreras Carrera (Derecho) Puntajes de corte Malla curricular Precio del arancel Carrera (Derecho) Puntajes de corte Malla curricular Precio del arancel Facultades y Carreras Carrera (Derecho) Puntajes de corte Malla curricular Precio del arancel Encontrar los puntajes de corte, malla curricular y precio del arancel de la carrera de derecho. Usuario de Cuarto Medio Usuario de Pregrado Usuario de Postgrado R1 R2 R1 R2
  • 5.
    Admisión Aranceles yBeneficios Becas y Créditos Facultades y Carreras Carrera (Derecho) Botón hipervínculo “Ver Becas y Créditos” Admisión Aranceles y beneficios Becas y Créditos (menú desplegado de Aranceles y Benificios) Becas y Créditos Becas y Créditos Admisión Aranceles y Beneficios Becas y Créditos Becas y Créditos TAREA D O S | B EC A S Y CR ÉDI TOS Encontrar información sobre becas y créditos para quien desea entrar a la universidad. R1 R2 Ruta esperada Usuario de Cuarto Medio Usuario de Pregrado R1 R2 Usuario de Postgrado Becas y Créditos Admisión Facultades y Carreras Carrera (Derecho) Botón hipervínculo “Ver Becas y Créditos” Becas y Créditos
  • 6.
    TAREA TRES |P O S TG R ADO Encontrar información sobre el diploma de postítulo en estrategias y tácticas para la formación en red. Postgrados Diplomas de Postítulo (Menú “Áreas de Estudio”) Ingeniería y Tecnología Diploma de Postítulo en Estrategias y Tácticas para la Formación en Red Postgrados Diplomas de Postítulo (Menú “Áreas de Estudio”) Ingeniería y Tecnología Diploma de Postítulo en Estrategias y Tácticas para la Formación en Red Postgrados Diplomas de Postítulo (Menú “Áreas de Estudio”) Ingeniería y Tecnología Diploma de Postítulo en Estrategias y Tácticas para la Formación en Red Menú “Áreas de Estudio” Postgrados Diplomas de Postítulo (Menú “Áreas de Estudio”) Ingeniería y Tecnología Diploma de Postítulo en Estrategias y Tácticas para la Formación en Red Ruta esperada Usuario de Cuarto Medio Usuario de Pregrado Usuario de Postgrado
  • 7.
    Header del SitioBotón “Contacto” Contacto y Autoridades Teléfono y correo electrónico del DAE Universidad Dirección Administrativa HOME Facultades y Carreras Admisión Universidad HOME Header del Sitio Botón “Contacto” Contacto y Autoridades Teléfono y correo electrónico del DAE Header del Sitio Botón “Contacto” Contacto y Autoridades Teléfono y correo electrónico del DAE TAREA C UATRO | D ato s de Co ntacto DAE Encontrar el número de teléfono y el mail de la Dirección de asuntos estudiantiles (DAE) Ruta esperada Usuario de Cuarto Medio Usuario de Pregrado Usuario de Postgrado R1 R2 R3 R4 R5 R6 Universidad R1 HOME Header del Sitio Botón “Contacto” Contacto y Autoridades Teléfono y correo electrónico del DAE R2
  • 8.
    TAREA C INCO | A C REDI TACI ÓN Encontrar información sobre el estado de acreditación de la universidad. R1 R2 Ruta esperada Usuario de Cuarto Medio Usuario de Pregrado Usuario de Postgrado Universidad Menú ( desplegado) “Acreditación” Acreditación Header del Sitio Acreditación Logo de “Acreditación” (Superior - derecha) Header del Sitio Acreditación Logo de “Acreditación” (Superior - derecha) Header del Sitio Acreditación Logo de “Acreditación” (Superior - derecha) Header del Sitio Acreditación Logo de “Acreditación” (Superior - derecha)
  • 9.
  • 10.
  • 11.
    0 2 4 6 8 10 12 14 16 18 20 22 24 26 28 30 32 34 36 38 40 42 44 46 48 50 EJERCICIO 1 EJERCICIO 2 EJERCICIO 3 EJERCICIO 4 EJERCICIO 5 Segundos por click 4to Medio Pregrado Postgrado Promedio TIEMPOP O R C A D A “C LI CK” El tiempo -medido segundos- que toma cada usuario para realizar un click mientras navega, busca y selecciona cierta información en el sitio.
  • 12.
    Universidad de Valparaíso Testeode Navegación y Usabilidad con Wireframes Interactivos Celeste Mardones | María Ignacia Falcone | Gabriela Pérez | Nathaly Sepúlveda | Karla Vargas | Francisca Wevar|