1. ITESM Campus Querétaro
Fernando Centurión A00886846
Diego Huerta A00888423
Amet Ramos A00888718
Ricardo Meléndez A00889255
Interacción Humano-Computadora
17 de noviembre de 2010
Tercera Entrega Parcial
Proyecto “Olin”
Como parte de la tercera entrega parcial del proyecto “Olin”, se presentará la forma en que se
hizo la evaluación del producto con ayuda de usuarios potenciales. Antes de mostrar los
resultados y evaluaciones, se describirá brévemente qué inclinación tuvieron las pruebas. En
general,se hizousode 2 aproximacionesestudiadasenclase: Pruebasde Usabilidad y Estudios de
Campo. Se decidióusarsolamente estas2aproximacionesyaque,dadala naturalezadel proyecto,
proveende informaciónsuficiente paracumplirconlasexpectativasde laevaluación. Por un lado,
las pruebas de usabilidad proveeran de información cuantitativa acerca del desempeño general
del usuario y del producto mientras que los estudios de campo darán información cualitativa.
Juntando los dos tipos de información, se puede saber si el producto funciona y se ve bien al
mismo tiempo. A continuación se presentan los métodos utilizados para cada aproximación.
Pruebas de usabilidad
Observación de usuario: Video, fotos y cronómetros para identificar errores y
tiempos de respuesta.
Preguntara losusuarios: Contestarcuestionarios. (Se harán preguntas mientras y
después de cada prueba)
Probar al usuario: Las pruebasse harán enun ambiente controladoy se medirá n t
iempos de respuesta del usuario.
Estudios de campo:
Observacióndel usuario: Algunas pruebas se llevarán a cabo en el lugar donde se
supone que estará en uso Olin. Este lugar puede ser desde un salón de clases,
hasta una habitación en la casa de un usuario.
Preguntara losusuarios: Contestarcuestionariosacercade cómo se ve la interfaz.
2. Para evitar saturar al usuario de preguntas, se decidió dividir la evaluación en 3 categorías
principales. Estas 3 categorías, proporcionarán información clave de cada ámbito del proyecto.
Usando esta estrategia, se pueden obtener datos concretos de las principales componentes del
producto (las que son de interés para esta evaluación).
Para cada set de preguntas, se agregó una sección de “Análisis” y de “Acciones Correctivas”, en
ellas, se presenta la interpretación de los resultados así como las acciones que se deben
desempeñar en respuesta.
Pruebas
Prueba1: Colores,tipografíay posiciones.
Descripción:El usuarionavegaraporlas seccionesdel productoyse le haránpreguntasmientraslo
hace.
1.-¿Loscoloressonagradables?
2.-¿Loscoloresde la sección/página actual se parecenalosde laanterior?
3.-¿Es fácil encontrarlosbotonesymensajes?
4.-¿Es fácil leerloscaracteresenlapantalla?
5.-¿La secuenciade pantallaseslógicaoconfunde?
6.-La retroalimentaciónesconsistente?
7.-¿Las palabrasutilizadassonfamiliares?
Análisis:
Accionescorrectivas:
Prueba2: Navegaciónporel producto.
Descripción:Se evaluarálacapacidaddel usuariopara navegarporlas ventanasymenúsdel
sistema.Se le pediráal usuarioira ciertaslocalizacionesdelsistemayse medirásutiempode
respuesta.
1.-Ir a la ventanade selecciónde nivel endificultad media.
2.- Ir a la ventanade creaciónde cuenta.
3.- Iniciarunjuegosimple partiendodesdeel menúprincipal.
4.-Encontrar el botónque despliegalasherramientasde dibujo.
3. 5.-¿Es fácil cancelarunaacción?
6.-¿Cree que existendemasiadospasospara llevaracabo acciones?
Análisis:
Accionescorrectivas:
Prueba3: Dibujo
Descripción:Se evaluarálausabilidadde laherramientade dibujodel proyecto.
1.- ¿El cambiode herramientasesfácil dentrode laaplicaciónde dibujo?
2.-¿Qué te gustaría que mejorarade lainterfazde dibujo?(ambiente,espacio,etc)
3.-¿La salidadel juegoesclara?
4.-¿Es fácil encontrarayuda?
5.-¿Seríafácil aprendera usar estaherramienta?
6.-¿El uso de la herramientamejoraríael rendimientodel usuario?(al dibujar)
7.-¿Es fácil encontraratajospara la selecciónde herramientas?
Análisis
Accionescorrectivas:
Análisisy acciones correctivas
A partirde losresultadosobtenidosde laspruebas,se encontraronvariasáreasde oportunidad. A
continuación, se presenta un resumen de análisis que se llevó a cabo así como las acciones
correctivas identificadas.
Colores,tipografíayposiciones:Engeneral,lascomponentesde estasecciónfueronsatisfactorias.
Algunos detalles que se encontraron fueron la falta de mensajes para aclararle al usuario qué
hacer en cada ventana, cambiar el tono del rosa (según 1 usuario, parece sangre).
Navegaciónporel producto:El tiempopromediode losusuariosparanavegarporlas ventanasfue
aceptable. Aunque algunos demoraronunpocomás,esposible corregirestoconmensajesbreves
de información extra para las ventanas.
Dibujo:Enesta secciónde laspruebas,el usuariosugiriólaimplementaciónde variasherramientas
como reglas,layers,etc.Además,variosusuarios tuvieron dificultad en encontrar los botones de
las herramientas que necesitaban y de saber el significado de ciertos símbolos.
4. Las accionescorrectivasante este análisis: Unade las principalesaccionesque se deberánllevar a
cabo esagregar mensajes de ayuda a las pantallas ya que en la mayoría de los casos, los usuarios
necesitaron de más información para usar correctamente el producto. Así mismo, se podrían
aceptar lassugerencias de los usuarios e implementar ciertas herramientas nuevas como reglas,
layers,etc y algunos cambios de colores (rosa).
Anexo. Cuestionarios resueltos.
Daniel Menchaca (Animación Y Arte Digital)
Pruebas
Prueba1: Colores,tipografíayposiciones.
Descripción:El usuarionavegaraporlas seccionesdel productoyse le haránpreguntasmientraslo
hace.
1.-¿Loscoloressonagradables? si
2.-¿Loscoloresde la sección/página actual se parecenalosde laanterior? Los colorestienenque
verentre ellos
3.-¿Es fácil encontrarlosbotonesymensajes? Si esfacil
4.-¿Es fácil leerloscaracteresenlapantalla? si
5.-¿La secuenciade pantallaseslógicaoconfunde? Si loes
6.-La retroalimentaciónesconsistente? si
7.-¿Las palabrasutilizadassonfamiliares? si
Análisis: Lasrespuestasproporcionadasporel usuariodemuestranque laorganizaciónyparte
visual del productoessatisfactoria.
Accionescorrectivas:---
Prueba2: Navegaciónporel producto.
Descripción:Se evaluarálacapacidaddel usuariopara navegarporlas ventanasymenúsdel
sistema.Se le pediráal usuarioira ciertaslocalizacionesdelsistemayse medirásutiempode
respuesta.
1.-Ir a la ventanade selecciónde nivel endificultad media. 7s
5. 2.- Ir a la ventanade creaciónde cuenta. 1s
3.- Iniciarunjuegosimple partiendodesdeel menúprincipal. 25s(CreandoCuenta)
4.-Encontrar el botónque despliegalasherramientasde dibujo. 20s(CreandoCuenta)
5.-¿Es fácil cancelarunaacción? si
6.-¿Cree que existendemasiadospasosparallevaracabo acciones? no
Análisis:Lapruebamuestraque esmedianamente tardadoiniciarunjuegoyencontrarlos
botonesque desplieganlasherramientasde dibujo.
Accionescorrectivas: Se puede simplificarlanavegaciónomodificarlosíconosde losmenús.
Prueba3: Dibujo
Descripción:Se evaluarálausabilidadde laherramientade dibujodel proyecto.
1.- ¿El cambiode herramientasesfácil dentrode laaplicaciónde dibujo? Lossimbolossondificiles
de seleccionar
2.-¿Qué te gustaría que mejorarade lainterfazde dibujo?(ambiente,espacio,etc) ponerel
nombre enpequeñode lossimbolos
3.-¿La salidadel juegoesclara? si
4.-¿Es fácil encontrarayuda? si
5.-¿Seríafácil aprendera usar estaherramienta?Si piensoque lainterfazesfacil de aplicar
6.-¿El uso de la herramientamejoraríael rendimientodel usuario?(al dibujar) si podria
7.-¿Es fácil encontraratajospara la selecciónde herramientas? si
Análisis:Estapruebamuestraque todavíaesun poco difícil encontrarlossímbolosenlapantalla e
identificarlos.
Accionescorrectivas: Agregarunabreve descripciónde cadabotón.
Carlos Davila (Ingeniero)
Pruebas
6. Prueba1: Colores,tipografíayposiciones.
Descripción:El usuarionavegaraporlas seccionesdel productoyse le haránpreguntasmientraslo
hace.
1.-¿Loscoloressonagradables? Sí
2.-¿Loscoloresde la sección/página actual se parecenalosde laanterior? Sí
3.-¿Es fácil encontrarlosbotonesymensajes? Sí,peronose que mensajes
4.-¿Es fácil leerloscaracteresenlapantalla? Sí
5.-¿La secuenciade pantallaseslógicaoconfunde? Lógica
6.-La retroalimentaciónesconsistente? Hayventanasque nosabesque hacer
7.-¿Las palabrasutilizadassonfamiliares? Sí
Análisis: Muestraque faltaclaridadenlosmensajesque se desplegarán.Algunasventanasno
tienensuficiente informaciónparadescribirsufunción.
Accionescorrectivas: Agregarmensajesmásclaroy descripcionesbrevesenlaspantallas.
Prueba2: Navegaciónporel producto.
Descripción:Se evaluarálacapacidaddel usuariopara navegarporlas ventanasymenúsdel
sistema.Se le pediráal usuarioira ciertaslocalizacionesdelsistemayse medirásutiempode
respuesta.
1.-Ir a la ventanade selecciónde nivel endificultadmedia. 6s
2.- Ir a la ventanade creaciónde cuenta.
3.- Iniciarunjuegosimple partiendodesdeel menúprincipal. 7S
4.-Encontrar el botónque despliegalasherramientasde dibujo. 10s
5.-¿Es fácil cancelarunaacción? Sí, o picasla tache o el botóncancelar
6.-¿Cree que existendemasiadospasosparallevaracabo acciones? No
Análisis:Enestapruebaenparticular,el usuarionodemoróenllevaracabo ciertasacciones.
Accionescorrectivas:---
Prueba3: Dibujo
7. Descripción:Se evaluarálausabilidadde laherramientade dibujodel proyecto.
1.- ¿El cambiode herramientasesfácil dentrode laaplicaciónde dibujo? Todavíanohabía
herramientas
2.-¿Qué te gustaría que mejorarade lainterfazde dibujo?(ambiente,espacio,etc) Poderesconder
El Dock
3.-¿La salidadel juegoesclara? Sí
4.-¿Es fácil encontrarayuda? Sí
5.-¿Seríafácil aprendera usar estaherramienta? Sí,esintuitiva
6.-¿El uso de la herramientamejoraríael rendimientodel usuario?(al dibujar) Sí,agreguen
herramientas
7.-¿Es fácil encontraratajospara la selecciónde herramientas? Nohay,másque el Dock
Análisis:Lapruebamuestraque el usuarioesperaque hayamásatajospara llegaraciertas
herramientas.Además,el usuarioesperabaque el dockse pudieraesconder.
Accionescorrectivas: Habilitarlaopciónde esconderel dockparadar más espacioal usuariode
usar la pantalla.
Luis Escobedo (Administración Finanziera)
Pruebas
Prueba1: Colores,tipografíayposiciones.
Descripción:El usuarionavegaraporlas seccionesdel productoyse le haránpreguntasmientraslo
hace.
1.-¿Loscoloressonagradables? Si,aunque el rosaparece sangre enobscuro
2.-¿Loscoloresde la sección/página actual se parecenalosde laanterior? Si
3.-¿Es fácil encontrarlosbotones ymensajes?Si,siempre te losponenenfrente.
4.-¿Es fácil leerloscaracteresenlapantalla? Si,laletrano es complicada
8. 5.-¿La secuenciade pantallaseslógicaoconfunde? Lógica,peroluegonosabesque vaabrir la
casita
6.-La retroalimentaciónes consistente? Loúnicoque vi fueronlasinstruccionesperobien
7.-¿Las palabrasutilizadassonfamiliares? Si
Análisis: Lapruebabrindó informaciónacercade loscoloresusados.El usuarioidentificóel rosa
con sangre.
Accionescorrectivas: Cambiarel tonodel rosapara evitarconfusiones.
Prueba2: Navegaciónporel producto.
Descripción:Se evaluarálacapacidaddel usuariopara navegarporlas ventanasymenúsdel
sistema.Se le pediráal usuarioira ciertaslocalizacionesdelsistemayse medirásutiempode
respuesta.
1.-Ir a la ventanade selecciónde nivel endificultadmedia. 23s (CreandoCuenta)
2.- Ir a la ventanade creaciónde cuenta. 2S
3.- Iniciarunjuegosimple partiendodesdeel menúprincipal. 25s(CreandoCuenta)
4.-Encontrar el botónque despliegalasherramientasde dibujo.
5.-¿Es fácil cancelarunaacción? Si
6.-¿Cree que existendemasiadospasosparallevaracabo acciones? No,graciasa que muchas
cosas sonen ventanasde “Pop”.
Análisis:Lapruebademuestraque el usuariodemoróunpocoenllegaralas ventanasdeseadas.
Accionescorrectivas: Mejorarlanavegación.
Prueba3: Dibujo
Descripción:Se evaluarálausabilidadde laherramientade dibujodel proyecto.
1.- ¿El cambiode herramientasesfácil dentrode laaplicaciónde dibujo? Si funcionacomodicensí
2.-¿Qué te gustaría que mejorarade lainterfazde dibujo?(ambiente,espacio,etc) Agregarlayers
3.-¿La salidadel juegoesclara?si
4.-¿Es fácil encontrarayuda?Nonecesite
9. 5.-¿Seríafácil aprendera usar estaherramienta? Si
6.-¿El uso de la herramientamejoraríael rendimientodel usuario?(al dibujar) Sí,porque dibujarías
con una plumadigital,yesose parece muchoa un lapiz
7.-¿Es fácil encontraratajospara la selecciónde herramientas? No,al principionosabíadonde
modificabaslasherramientas
Análisis:El usuariosugirióque se agregarael usode layers.Nonecesitóayuda.Nole fue fácil
encontraratajos.
Accionescorrectivas: Implementarlayers.Agregardescripciónparafácil reconocimientode atajos.
Mariana Briseño (Diseñadora)
Pruebas
Prueba1: Colores,tipografíayposiciones.
Descripción:El usuarionavegaraporlas seccionesdel productoyse le haránpreguntasmientraslo
hace.
1.-¿Loscoloressonagradables? Si,me encantaron
2.-¿Loscoloresde la sección/página actual se parecenalosde laanterior? Siii
3.-¿Es fácil encontrarlosbotonesymensajes? Si estánbiengrandotesjaja
4.-¿Es fácil leerloscaracteresenlapantalla? Si
5.-¿La secuenciade pantallaseslógicaoconfunde? Lógica
10. 6.-La retroalimentaciónesconsistente? Si
7.-¿Las palabrasutilizadassonfamiliares? Si
Análisis:Loscoloresytipografíafuerondel agradodel usuario.
Accionescorrectivas: ---
Prueba2: Navegaciónporel producto.
Descripción:Se evaluarálacapacidaddel usuariopara navegarporlas ventanasymenúsdel
sistema.Se le pediráal usuarioira ciertaslocalizacionesdelsistemayse medirásutiempode
respuesta.
1.-Ir a la ventanade selecciónde nivel endificultadmedia. 8s
2.- Ir a la ventanade creaciónde cuenta. 1s
3.- Iniciarunjuegosimple partiendodesdeel menúprincipal. 9s
4.-Encontrar el botónque despliegalasherramientasde dibujo. 14s
5.-¿Es fácil cancelarunaacción? Si
6.-¿Cree que existendemasiadospasosparallevaracabo acciones? No,estábienlode trazo libre,
escomo jugar perorapido
Análisis:El tiempode respuestadel usuarioesaceptable.
Accionescorrectivas: ---
Prueba3: Dibujo
Descripción:Se evaluarálausabilidadde laherramientade dibujodel proyecto.
1.- ¿El cambiode herramientasesfácil dentrode laaplicaciónde dibujo? Notuve que cambiar
2.-¿Qué te gustaría que mejorarade lainterfazde dibujo?(ambiente,espacio,etc) unmenú
circularalrededordel cursos,que aparezcacuandopicasun botón
3.-¿La salidadel juegoesclara? Si
4.-¿Es fácil encontrarayuda? Si
5.-¿Seríafácil aprendera usar estaherramienta? Si
6.-¿El uso de la herramientamejoraríael rendimientodel usuario?(al dibujar) Sí
11. 7.-¿Es fácil encontraratajospara la selecciónde herramientas? el menúde abajo
Análisis:El usuariosugirióunnuevotipode menú.
Accionescorrectivas: Considerarlaopciónde establecerdistintostiposde menús.
Diego Vazquez Mellado (Arquitectura)
Pruebas
Prueba1: Colores,tipografíayposiciones.
Descripción:El usuarionavegaraporlas seccionesdel productoyse le haránpreguntasmientraslo
hace.
1.-¿Loscoloressonagradables? Si,sonalegres
2.-¿Loscoloresde la sección/página actual se parecenalosde laanterior? Si,cuandoaplica
3.-¿Es fácil encontrarlosbotonesymensajes? Si, peroel únicomensajeque vi fue el de
información
4.-¿Es fácil leerloscaracteresenlapantalla? Si
5.-¿La secuenciade pantallases lógicaoconfunde? Intuitiva
12. 6.-La retroalimentaciónesconsistente? No,agreguenunmsnde que haceral principiode cada
pantalla
7.-¿Las palabrasutilizadassonfamiliares? Si
Análisis:El usuarionecesitóde másinformaciónparapoderactuarcon naturalezaencada
pantalla.
Accionescorrectivas: Desplegarinformaciónencadapantallaparaaclararle al usuarioqué eslo
que debe hacer.
Prueba2: Navegaciónporel producto.
Descripción:Se evaluarálacapacidaddel usuariopara navegarporlas ventanasymenúsdel
sistema.Se le pediráal usuarioira ciertaslocalizacionesdelsistemayse medirásutiempode
respuesta.
1.-Ir a la ventanade selecciónde nivel endificultadmedia. 6s
2.- Ir a la ventanade creaciónde cuenta. 1S
3.- Iniciarunjuego simple partiendodesdeel menúprincipal. 8s
4.-Encontrar el botónque despliegalasherramientasde dibujo. 12s
5.-¿Es fácil cancelarunaacción? Si
6.-¿Cree que existendemasiadospasosparallevaracabo acciones? No
Análisis:El tiempode respuestadel usuarioesaceptable.
Accionescorrectivas:----
Prueba3: Dibujo
Descripción:Se evaluarálausabilidadde laherramientade dibujodel proyecto.
1.- ¿El cambiode herramientasesfácil dentrode laaplicaciónde dibujo? Supongoque vaa ser
2.-¿Qué te gustaría que mejorarade lainterfazde dibujo?(ambiente,espacio,etc) Agreguen
reglaso un grid
3.-¿La salidadel juegoesclara?si
4.-¿Es fácil encontrarayuda? Sí
5.-¿Seríafácil aprendera usar estaherramienta? Si
13. 6.-¿El uso de la herramientamejoraríael rendimientodel usuario?(al dibujar) Dependede los
ejercicios,perosi seríadivertido
7.-¿Es fácil encontraratajospara la selecciónde herramientas? Sí
Análisis:El usuariosugirió agregarreglasogrid.
Acciones correctivas:Considerarlaopciónde agregarlossistemasde medición.