INTERACCIÓN HUMANO COMPUTADOR

Proyecto

Integrantes
• Lenin Darío Yépez Álvarez
• Julio Ernesto Alvia Apraez
• Isaac Walter Guamán Torres
• Emilio José Gómez Ibáñez

One Punch Z
 NECESIDAD O PROBLEMA A RESOLVER
Actividades de investigación para la definición del problema

Investigación Secundaria
Se realizó investigación secundaria entre los integrantes del grupo para poder
adentrarse en el tema y obtener información sobre el mismos para así poder proceder
con las actividades posteriores teniendo conocimiento sobre el contexto del proyecto.
Emilio Gómez Ibáñez.

Les envío sobre lo que yo investigué. Me trate de concentrar en la parte de cómo

brindarle al usuario una mejor experiencia móvil ya que tendremos que crear una app
móvil para Sidweb. Si creen que debería ir por otro enfoque ahí me avisan.

Algunos de los puntos importantes en estas fuentes son:

-Tiempo, acciones, agilidad y eficiencia. Se requieren que se cumplan estos factores
para que el usuario tenga una experiencia móvil agradable y esté dispuesto a usar la
aplicación de nuevo.
-Se debe de solucionar un problema y evitar frustraciones. Tiene que poseer
consistencia, es decir, mismos colores, tipo de letra, tamaño de letra, etc. Tener en
cuenta al usuario ya que el mismo es el que navegara en la app. KISS: Keep it Simply
Stupid.
-Evitar terminología desconocida, interfaz conocida, crear un FAQ, seguridad,
retroalimentación constante.

Isaac Guamán Torres.

Basado en la investigación de un software utilizado en la Universidad de

Especialidades Espíritu Santo llamado Blackboard Learn, muy similar al sistema
Sidweb destinado a la gestión académica y conectando al estudiantado con los
docentes.
El sistema similar actualmente permite:
• Ver actualizaciones de cursos y contenidos rápidamente
• Realizar actividades y pruebas
• Ver calificaciones para cursos, actividades y pruebas
• Participar en sesiones de Collaborate mientras se traslada.
Lo que se busca con la experiencia móvil es expandir el acceso a la educación. En
universidades de Chile y Perú, existen investigaciones basadas en estadísticas de su
estudiantado y personal docente las cuales evidencian la falta de uso de dispositivos
móviles como herramienta para la enseñanza y aprendizaje respectivamente, debido
a la falta de capacitación y la falta de desarrollo de software compatible con los
diversos sistemas operativos móviles de sus universidades respectivas.
Julio Alvia Apráez

Lo que investigué fueron las razones por la cual existen problemas con las
aplicaciones, entre esos problemas uno de los principales se da por las notificaciones
que en mucho de los casos llegan a ser molestos debido al contenido poco relevante,
además de la cantidad de notificaciones en muchos casos son excesivas, en otros
casos no son suficientes, esto agobia a muchos usuarios llevándolos a eliminar estas
aplicaciones de sus teléfonos.

Love/Breakup Letter
Se realizó la actividad de love/hate letter para conocer sobre las
conformidades/disconformidades de los usuarios sobre la plataforma SIDWEB y que
el grupo pueda identificar qué es lo que un usuario desea en una aplicación basada
en SIDWEB.
En el love/hater letter se enfocó en lo que es el sistema de notificaciones
La carta la hizo Joe Saverio.
 Se destacó el poco amor hacia el Sidweb.
 Entre los problemas la ineficiencia y que no cumple con su objetivo principal que
es de notificar.
 Las notificaciones siempre llegan tarde y las consecuencias a estos errores se
pagan con calificaciones malas o lecciones que se llegan a convertir en sorpresa
además de los anuncios de que no habrá clase son molestos porque los
estudiantes van al curso y cuando llegan se topan con la molestia de que no hay
clases.
Directed Storytelling
Se realizó la actividad de directed storytelling para poder conocer la experiencia de
los usuarios con la plataforma SIDWEB a través de una anécdota para que el grupo
se adentre más del tema y conozca sobre las necesidades de los usuarios.
Preguntas para realizar
¿Qué te parecen las nuevas mejoras del Sidweb?
¿Qué es lo más destacado y que menos destacado?
¿Cómo ves el sistema de notificaciones del Sidweb?
Apuntes de la sesión 1:
 Confusión cuando se activan tareas pasadas y piensa que debe hacer deberes
que aún no envían los profesores causando molestia e intriga por no saber si son
deberes actuales o de semestres pasados.

 Problemas al no ocultar las tareas realizadas en el presente término académico,

es decir salen como si aún no las hubiera presentado en la pantalla principal.

Apuntes de la sesión 2:
El tema a tratar en la entrevista Storytelling iba enfocada al sistema de notificaciones
del SIDWEB.
 Se dio a conocer en el Storytelling que las mejoras visuales son mejores a las del
SIDWEB pasado.
 El mayor problema son de funcionalidades antiguas que con la nueva plataforma
no se implementaron.
 Lo más destacado es poder encontrar los cursos en grande en el Dashboard y lo
menos destacado es la parte de las notificaciones en comparación al antiguo
SIDWEB que te mostraba en la pantalla principal.
 En cuanto al sistema de notificaciones es ineficiente en el tiempo de respuesta, ya
que los mensajes publicados en SIDWEB ya sean tareas o notificaciones no llegan
en el momento, sino que llegan en algunos casos hasta 1 día después.

Apuntes de la sesión 3:
 Mantenimiento en horas no previstas ni informadas mediante un mensaje en
SIDWEB, los mensajes de notificación se dan en el correo, pero a veces no logran
verlos por la cantidad de correos que llegan.

 Nunca ha recibido capacitación, al principio solo sabía usar las funciones básicas
porque eran muy intuitivitas, actualmente no sabe usar el Sidweb en su totalidad
ni todas sus funciones para explotar su capacidad.

 Causa molestias que el profesor suba el material de la materia como anuncios y

no en el programa analítico, quizás el profesor no haya recibido capacitación para
usar correctamente SIDWEB.

 En mensajería, hay que especificar la materia y luego seleccionar el destinatario,

anteriormente era un paso menos, ya que solo se ponía el destinatario y el sistema
lo buscaba directamente, así como funciona en el correo Espol.
Apuntes de la sesión 4:
 No le gusta el diseño de esta, ni la interfaz
 Dificultad al moverse en la pantalla (scrolling)
 Simplificar la plataforma en cuanto a la pestaña de deberes

AEIOU

El AEIOU fue realizada a los diferentes usuarios por medio de la observación directa
y esta misma dio a conocer cómo se sentían los usuarios y el entorno en el cual
actuaban al utilizar el SIDWEB. Esta información se usó para poder conocer sobre la
experiencia del usuario al momento de utilizar SIDWEB y así poder proponer una
solución óptima para el usuario.
Entrevistas

Las entrevistas se realizaron a diferentes usuarios con la finalidad de poder conocer

más a fondo sus opiniones sobre la plataforma SIDWEB y así poder determinar las
preferencias del usuario al momento de implementar una solución.

La entrevista es semiestructurada debido al hecho de que se necesitan tanto datos

cuantitativos como cualitativos, esta entrevista está enfocada a los estudiantes de la
ESPOL que han experimentado con la página anterior al SIDWEB, aunque también
se la puede efectuar a estudiantes que no han experimentado con esta interfaz)

 ¿Qué experiencia ha tenido acerca del servicio SIDWEB?

 ¿Qué tan satisfecho se siente con SIDWEB?

a) Poco
b) Algo
c) Mucho

 ¿Cree que SIDWEB es una buena herramienta? ¿Por qué?

 ¿Cuál es la principal razón por la usted usa SIDWEB?

a. Entregar deberes
b. Enviar mensajes
c. Obtener fuentes de estudio como pptxs o pdfs
d. Revisar anuncios.

 ¿Piensa que los estudiantes/profesores se sentían mejores con la interfaz

anterior de SIDWEB? ¿Por qué?

 ¿A usted le agrada la interfaz actual de SIDWEB o prefiere la anterior?

Explique

 ¿Qué tanto le agrada la ventana de "Tablero de Usuario" de SIDWEB? Elabore

 ¿Qué tanto le agrada la ventana de "Cursos" de SIDWEB? Elabore

 ¿Usa las ventanas "Grupos" y "Calendario"?

a. Solo Grupos
b. Solo Calendario
c. Ambas
d. Ninguna
  ¿Cuáles son algunos de los problemas que los usuarios SIDWEB
experimentan al utilizar la plataforma? Elabore

 ¿Piensa que es posible que se pueda adaptar SIDWEB a celulares y tablets?

¿Cuáles cree que serían las mayores consideraciones a tener en cuenta?

Resultados de las Entrevistas

Entrevista 1:
1. Frustrante porque no funciona rápido y siempre se cae, como se actualiza en las
noches, normalmente siempre es cuando el profesor tiene la hora de máxima de
subida de algún deber o trabajo, y justo se cae el sistema. En ese caso le enviamos
al profesor algún capture de la situación para que nos permitan entregar los deberes
vía correo electrónico.
2. Algo, no siempre me llegan las notificaciones de actividades, obligadamente hay
que entrar al SIDWEB, tampoco los anuncios se notifican por correo electrónico.
3. Sí, solo que le falta mejorar, la parte en la que muestran la información, ya que
muestran deberes antiguos del mismo paralelo y materia del semestre anterior.
4. C
5. No era mejor, tenía las mismas fallas, pero si se sincronizaba con el correo, y
además como la nueva está en mejoras tiene más fallas de la anterior.
6. Me gusta el actual, concretamente la interfaz de como muestra las materias.
7. No me agrada que los colores a veces se repitan, ya que no se diferencian bien las
materias.
8. Si, está bien, ya que tiene un acceso más rápido, menos clicks que en el anterior
SIDWEB.
9. C
10. Constante actualización, falta de sincronización con el correo, falta de
actualización de cursos anteriores y actuales.
11. Si se pudiera, debería poder bajarse los archivos de recursos sin conexión, evitar
tantos colores en las materias porque al ser pequeña la pantalla se pueda
distorsionar.
Retroalimentación adicional: Crear una especie de Messenger en los grupos para
compartir los trabajos que se suben en los grupos y un repositorio que muestre los
archivos subidos a la plataforma por grupo, con la opción de descargar
automáticamente los archivos mediante previa autorización del usuario.
Entrevista 2:
1. No es mala, sin embargo, el SIDWEB suele caerse cuando más se lo necesita, esto
es cuando uno tiene que entregar deberes a cierta hora y hay mantenimiento o varias
personas intentan acceder al SIDWEB a la vez.
2. Algo, aunque el SIDWEB funciona y tiene una interfaz decente, los problemas que
surgen son frustrantes.
3. Si es una buena herramienta ya que sirve para poder divulgar deberes y/o cursos
de manera eficaz, sin embargo, podría mejorar permitiendo que el estudiante pueda
acceder a los trabajos y materiales bloqueados por el sistema para que uno pueda
adelantar contenido.
4. A
5. Estudiantes y profesores se sienten mejor con la nueva porque es más clara y tiene
mejor organización.
6. La nueva interfaz es mejor que la antigua principalmente porque la anterior era más
burda y menos organizada.
7. Si, la ventana de Tablero de Usuario tiene un buen dash para observar el listado
por opciones la cual es una herramienta muy útil.
8. Es una buena herramienta, tiene las opciones de poder ver los cursos de forma
más ordenada en vez de verlos de forma drag-down como lo era de la interfaz anterior,
pero, puede mejorar porque existen problemas con lo que es paralelo teórico y
práctico ya que uno quisiera tener la opción de poder ocultar los paralelos que
actualizan su contenido con regularidad.
9. A. En la opción B se sugiere que los profesores puedan armar su calendario de
antemano antes de que comience el semestre.
10. SIDWEB tiene problemas con los navegadores ya que a veces surgen problemas
debido al comportamiento de navegadores como Chrome y Firefox sobre todo en la
subida de archivos. También, existen problemas con respecto a los manteamientos
ya que estos les dan menos tiempo a los estudiantes de poder entregar sus trabajos
a tiempo.
11. Si es posible implementar SIDWEB en celulares/tablets. Las consideraciones más
importantes para tener en cuenta son: poder tener una opción que notifique al dueño
del celular/tablet cuando un trabajo es creado y poder subir archivos desde el
dispositivo móvil con facilidad.

Entrevista 3:
1. El problema con el actual SIDWEB es la tardanza para llegar al login, desde la
ventana de mensajes hasta el tiempo de carga de la página principal, dijo y cito
parece que me estoy bajando todos los recursos del servidor a mi navegador.
2. a
3. Si es útil porque al fin al cabo cumple con lo que promete que es poder subir las
tareas.
4. a
5. Si, Porque era sencilla y ya estábamos acostumbrados.
6. Prefiere la anterior, porque la interfaz actual es poco amigable con el usuario.
7. Poco, por default debieron dejar los anuncios como el SIDWEB anterior.
8. Está bien no le disgusta pues le parece de utilidad.
9. d
10. Se reitero sobre la mala experiencia con el login, la tardanza al cargar
11. Pues el tamaño de los textos nada más, de ahí todas las funcionalidades son
fácilmente transferibles a móvil.

Entrevista 4:
1. He tenido una experiencia frustrante porque el SIDWEB no notifica ni brinda
información importante a tiempo.
2. b
3. Sí, porque nos permite subir tareas, realizar lecciones y comunicarnos con
otros compañeros
4. a
5. Sí, porque con el anterior SIDWEB se podían realizar más funciones y brindaba
más información de una mejor manera.
6. Prefiero la anterior, por la estética que tiene más no por las funciones.
7. Algo, no brinda mucha información importante y no muestra el nombre de las
materias sino los códigos.
8. Está bien, pero debería de mostrarse los códigos de la materia.
9. d
10. No poder recibir notificaciones a tiempo, dificultad al encontrar un curso o al
momento de revisar los anuncios, no saber a qué materia corresponde el
anuncio. Al momento de subir tareas, hay diferentes fechas límites que no son
claras para el usuario, lo que causa confusión y que los estudiantes suban las
tareas tarde.
11. Sí, debería de tener las funciones más importantes implementadas, como subir
tareas, responder tareas y comentarios y revisar anuncios.
Entrevista 5:

1. No recibo notificaciones de anuncios o tareas con respecto a la sincronización

que tiene con el correo.
2. b
3. No porque tiene elementos innecesarios.
4. d.
5. Si porque ya estaban adaptados.
6. Si porque le da un nuevo estilo.
7. Me gusta solamente por el diseño.
8. No me parece una forma útil ya que puedo ingresar desde el tablero.
9. d.
10. No se recibe notificación de algún anuncio o tarea, a veces tarda en subirse
una tarea.
11. Pienso que, si se podría, pero la app no debe ser muy pesada y que sea
amigable con el usuario.
 Mapa Conceptual

Definición final del problema

Hoy en día los jóvenes de todas partes del mundo desean estar actualizados sobre lo
que ocurre tanto en sus vidas diarias como en sus vidas profesionales y/o
académicas; es por ello que se han implementado plataformas en línea, tales como
SIDWEB, para mantener a los estudiantes y profesores al tanto de sus actividades
académicas ¿Cómo se puede hacer que los estudiantes y profesores de la ESPOL
puedan utilizar la plataforma SIDWEB de manera rápida y efectiva para así poder
mejorar el ambiente académico de la ESPOL?

PRINCIPIOS DE DISEÑO
1. La aplicación permite reconocer cursos sin necesidad de mostrar los códigos.
2. La solución permite personalizar la información que se muestra del curso.
3. La solución respetará el tiempo de respuesta recomendado en las normas de
diseño.
4. La solución mostrará información pertinente para los usuarios de SIDWEB.
Justificación

 Los usuarios que utilizan SIDWEB tienen que aprenderse los códigos de los
cursos para poder reconocer los cursos en sí y esto resulta en una tarea
tediosa e innecesaria, la solución propone una forma de poder reconocer los
cursos sin necesidad de la dependencia del código de curso.
 Usualmente el SIDWEB es restrictivo en varios aspectos, algunos de estos
son: poder filtrar materias o revisar anuncios por cierta prioridad determinada.
La solución permitirá que el estudiante pueda personalizar la información de
los cursos dependiendo de la importancia que le dé el estudiante a los mismos.
 Hoy en día existen aplicaciones que no son rápidas, incluso la aplicación móvil
del académico de Espol sufre de este problema, por lo cual el tiempo de espera
de las misma es bastante alto, es por ello que la solución propone que exista
un tiempo de espera bajo cumpliendo con las normas de diseño en cuanto a
tiempo de respuesta.
 El portal de SIDWEB tiene abundancia de información por lo cual es difícil que
un usuario pueda procesarla toda de golpe. Es por ello que la solución propone
mostrar la información más importante para el usuario sin mostrar información
irrelevante o innecesaria para el mismo.

USUARIOS
 Estudiantes: Estudiantes del día al día de la ESPOL, provenientes de
diferentes partes del país, edades desde 18 años en adelante, diferentes
ingresos económicos, tiempo de estudio varía entre 1 semestre hasta varios
años (por lo general 5 años), usan el SIDWEB con regularidad, uso del
SIDWEB en dispositivos móviles es alto. El comportamiento de estos usuarios
depende de persona en persona, sin embargo, existen similitudes entre
algunos estudiantes, la principal siendo el tiempo: los estudiantes parecen de
no tener tiempo para actividades de larga duración porque se encuentran
ocupados con otras actividades que por lo general les consume tiempo. Las
metas de los estudiantes dependen de la persona, aunque, existen metas
similares entre los estudiantes siendo las más importantes: aprobar todas las
materias, aprender sobre el contenido de la materia y tener tiempo libre para
poder realizar otras actividades aparte del estudio. Los estudiantes necesitan
un ambiente donde pueda realizar sus estudios con comodidad y de manera
rápida.
 Profesores: Provenientes de diferentes partes del país con diferentes ingresos
económicos, conocimientos sobre diferentes materias que los estudiantes
deben de aprender en la ESPOL, usan el portal SIDWEB con regularidad,
tienen mayor acceso al SIDWEB que los estudiantes, no utilizan mucho la
plataforma en dispositivos móviles. El comportamiento de los profesores es
menos variado que el de los estudiantes ya que estos por lo general solo
imparten clases a los estudiantes por lo cual ellos tratan de ser lo más cordiales
y explicativos posible con los estudiantes. Las metas son variadas, pero la
principal es de poder enseñar al estudiante sobre una materia que este pueda
aplicarla en la vida real a partir de las enseñanzas proporcionadas por el
 profesor. Las necesidades de los profesores dependen de la persona, aunque
la necesidad más importante de ellos es poder impartir sus clases
correctamente sabiendo que sus estudiantes usaran los conocimientos de la
clase en su vida futura.
 Personal de Gestión del SIDWEB: Empleados de la ESPOL, son los
responsables de manejar los servidores del portal en línea SIDWEB, tienen
acceso total al SIDWEB por lo cual es menester que se encarguen del mismo
todo el tiempo, de clase media-baja ya que trabajan en una institución pública.
Las metas del personal de poder asegurarse qué la página SIDWEB funcione
correctamente y que todos sus usuarios estén satisfechos con el mismo. Las
necesidades de estos usuarios son: poder cumplir con su trabajo laboral para
que obtengan su paga y tener las herramientas necesarias para poder cumplir
con dicho trabajo. El comportamiento de estos usuarios es reservado porque
el personal de gestión no interactúa con las personas que utilizan SIDWEB,
sino que manejan el sistema por medio de la red en línea.

MODELO CONCEPTUAL

Los usuarios podrán interactuar con SIDWEB de manera rápida y efectiva ya que la
interfaz de la página es simple por lo cual es difícil que un usuario se pierda entre las
ventanas de la aplicación y que se abrume de contenido lo cual haga que sea difícil
el uso de la app en su comienzo, tal como es la página del SIDWEB actualmente.

INFORME DE LA PRUEBA HECHA EN CLASE

El primer prototipo LO-FI presentado poseía 3 escenarios los cuales consistían en
realizar actividades que son propias de SIDWEB con la finalidad de probar si el
prototipo propuesto era el indicado para realizar dichas funciones rápida y
cómodamente.
Escenario 1: Entregar un deber en la sección de entrega de deberes de una materia
cualquiera, se puede adjuntar un archivo a la entrega del mismo. El usuario se
encuentra en la ventana principal.
Escenario 2: Enviar un mensaje a un usuario respondiéndole con un simple texto. El
usuario se encuentra en la ventana principal o en la ventana final del primer escenario.
Escenario 3: Revisar la sección de anuncios de SIDWEB y marcar un anuncio como
leído. El usuario se encuentra en la ventana principal o en la ventana del final del
segundo escenario.

Los usuarios probaron la aplicación utilizando el prototipo y por lo general se

cumplieron con los 3 escenarios que se plantearon, sin embargo, algunos usuarios
presentaron errores en los pasos a seguir para realizar uno o más escenarios. Estos
errores se presentan de la siguiente forma:

Importancia alta:
o El usuario viajaba a otra pestaña para querer explorar la aplicación cuando se le
pedía realizar una actividad en particular (Usuarios que encontraron el problema:
4)
o El usuario desconocía que tenía que interactuar con el botón de menú para poder
navegar entre ventanas. (Usuarios que encontraron el problema: 4)
o El usuario no tomaba la ruta óptima para realizar las actividades, es decir, que el
usuario navegaba por la misma ventana 2 o más veces al momento de querer
realizar alguna actividad en particular. (Usuarios que encontraron el problema: 4)
o En algunas pantallas el usuario interactuaba con cuadros de texto pensando que
eran botones. (Usuarios que encontraron el problema: 4)
Importancia media:
o El usuario realizaba actividades sin reconocer que aquellas eran parte de otro
escenario. (Usuarios que encontraron el problema: 3)
o No se tomaba en consideración si se tenía que cargar un archivo al momento de
entregar el deber. (Usuarios que encontraron el problema: 2)
o En la pantalla de entrega de deberes, el usuario no seleccionaba la opción de
cargar documento. (Usuarios que encontraron el problema: 2)
Importancia baja:
o Un usuario se perdió al momento de navegar entre pantallas debido a que llego a
una zona que no deseaba. (Usuarios que encontraron el problema: 1)
o Un usuario no reconocía la función de ciertos botones. (Usuarios que encontraron
el problema: 1)

Preguntas finales:
¿La aplicación le pareció cómoda y bien estructurada? Explique
¿Cree que un estudiante de la ESPOL puede utilizar esta aplicación sin problemas?
Elabore
¿Cree que la aplicación podría tener una mejora que le guste a usted? Elabore

El feedback del prototipo por parte de los usuarios fue bueno lo cual ayudará a que el
siguiente prototipo sea mejor que el anterior; entre las recomendaciones más
destacadas se encuentran:

 Cambiar el color del botón de menú para que sea más claro para el usuario.
 Crear otro tipo de caja o cambiar el tipo de caja actual de las opciones que
funcionan como bóton para diferenciarlas de las opciones que solo son cuadros
de texto.
 En la opción de menú habilitar una función que solo permita enviar mensajes.
 Diferenciar los colores de entrega de deberes y de texto de descripción de deberes
en la ventana para entregar los deberes.
 El mini menú implementarlo de tal forma que se muestre en el comienzo de la
ventana y que este solo aparezca en la ventana de materias.
LAYOUT DEL PROTOTIPO LOW-FI DE LA PRIMERA ITERACIÓN

Pantalla principal, en la que Pantalla que aparece luego de

muestra las tareas, y los anuncios seleccionar, del menú, la opción
materias

Pantalla de envió de tareas Pantalla en la que muestra una

materia especifica
Pantalla del menú
Pantalla de anuncios, selecciona
Pantalla de Anuncios
un anuncio ya leído y se marca,
evitando que aparezca en la
pantalla principal

Pantalla de mensajes Pantalla al seleccionar un anuncio

especifico
 Pantalla de un anuncio Pantalla al seleccionar Materias
en el menú

Pantalla de enviar mensaje Pantalla luego de seleccionar

mensajes, en el menuPantalla
luego de seleccionar mensajes, en
el menú
 Pantalla de un mensaje específico Buscar un archivo en el
dispositivo

LAYOUT DEL PROTOTIPO LOW-FI DE LA SEGUNDA ITERACIÓN

Pantalla de menú
Pantalla Principal, aparece al iniciar sesión
 Pantalla luego de seleccionar
Materias de menú Pantalla al seleccionar una materia

Pantalla luego de enviar una

Pantalla al seleccionar una Pantalla de selección de tarea, aparece detalle de
tarea archivos, para adjuntar presentación, así como una
opción para enviar un
comentario
Pantalla luego de seleccionar Pantalla luego de seleccionar Pantalla luego de seleccionar
Mensajes de menú un mensaje responder

Pantalla luego de seleccionar

un anuncio
 EVIDENCIA DE PRUEBAS CON USUARIOS
https://youtu.be/r9rG6CbWBaQ

https://www.dropbox.com/s/lhmztpl2o243q73/Video1.mp4?dl=0

https://www.dropbox.com/s/ltj74i3lmhrqqmp/Video2.mp4?dl=0

https://www.dropbox.com/sh/f0x30kpymg8xui5/AADbNL9KQHpmRsLvjS1sv5l3a?dl=
0

https://www.youtube.com/watch?v=QZ5obR_j7LM

INFORME DE LAS PRUEBAS CON USUARIOS

A partir de las consideraciones del primer prototipo LO-FI se procedió a realizar un
segundo prototipo LO-FI. Con el mismo se hicieron pruebas a estudiantes de la
ESPOL con 3 diferentes escenarios los cuales consistían en realizar actividades que
son propias de SIDWEB con la finalidad de probar si el prototipo propuesto era el
indicado para realizar poder realizar dichas funciones de tal manera que sean
intuitivas para el usuario para así poder obtener una interfaz SIDWEB que se ajuste
a las comodidades de los estudiantes de la ESPOL.

Los usuarios que se entrevistaron fueron estudiantes de la ESPOL que están

estudiando en la universidad por lo menos 2 años, los mismos son de cualquiera
carrera ya que no importa la carrera en que se encuentra el estudiante porque todo
estudiante usa SIDWEB.

Los escenarios que se realizaron fueron los siguientes:

Escenario 1: Entregar un deber en la sección de entrega de deberes de una materia

cualquiera, se puede adjuntar un archivo a la entrega del mismo. El usuario se
encuentra en la ventana principal.
Escenario 2: Enviar un mensaje a un usuario respondiéndole con un simple texto. El
usuario se encuentra en la ventana principal o en la ventana final del primer escenario.
Escenario 3: Revisar la sección de anuncios de SIDWEB y marcar un anuncio como
leído. El usuario se encuentra en la ventana principal o en la ventana del final del
segundo escenario.
Los problemas encontrados con el segundo prototipo se exponen a continuación:
Importancia alta:
o No se pudo marcar como “leído” el anuncio. (Usuarios que encontraron el
problema: 4)
o Dificultad para encontrar el resumen de todas las tareas y anuncios deslizando el
dedo hacia la derecha de la pantalla. (Usuarios que encontraron el problema: 2)
o El usuario realiza demasiados pasos para realizar una actividad en particular. Un
ejemplo de esto es: el usuario accedió a los anuncios usando el menú de las tres
barras paralelas y luego materias, y además al final deslizando el dedo hacia la
derecha “por casualidad”, se observaron los anuncios y tareas generales.
(Usuarios que encontraron el problema: 3)
Importancia media:
o Al usuario le tomó tiempo en encontrar el botón de adjuntar, ya que no está
sombreado de azul como el botón de “publicar respuesta”. (Usuarios que
encontraron el problema: 2)
o El usuario no obtiene retro alimentación después de haber enviado un mensaje.
(Usuarios que encontraron el problema: 3)
o El usuario presento confusión en la ventana de materias y anuncios porque creyó
que las mismas se encontraban filtradas por un criterio en específico cuando en
realidad era una ventana que mostraba información general. El usuario no obtiene
retro alimentación después de haber enviado un mensaje. (Usuarios que
encontraron el problema: 2)
Importancia baja:
o El usuario al encontrarse en cualquier pantalla, en la mayoría de los casos el
usuario tiende a dar “tap” en las 3 rayas horizontales del menú principal. (Usuarios
que encontraron el problema: 1)

El feedback del prototipo por parte de los usuarios fue bueno lo cual ayudará a que el
siguiente prototipo sea mejor que el anterior; entre las recomendaciones más
destacadas se encuentran:
 Tener un acceso directo a la pestaña de anuncios de manera general en vez de
tener que navegar entre ventanas.
 Poder tener la opción de marcar un anuncio como leído de forma rápida y sencilla.
 Mostrar menor cantidad de texto en algunas ventanas, tales como la ventana de
materias y anuncios.

Deberá definir un problema, un modelo conceptual de solución e implementar un

prototipo para una aplicación en una plataforma móvil reciente usando los sensores
del dispositivo.
 PLANIFICACIÓN DEL SEGUNDO SPRINT
Especifique:
Metas (historias de usuario seleccionadas) a desarrollar
• Plan de actividades de diseño, desarrollo, prueba y presentación incluyendo
fechas y responsables
La meta del segundo sprint es completar las primeras 8 historias de usuario:
# Como.. Quisiera... Para...
1 Estudiante Revisar las tareas enviadas por Conocer la descripción de la
los profesores similar a como lo tarea, así como la fecha de
hago en SIDWEB entrega y planificar la
ejecución del deber.
2 Estudiante Responder a las tareas enviada Cumplir con los deberes y
por los profesores similar a obtener los puntos y así pasar
como lo hago en SIDWEB la materia.
3 Estudiante Revisar los anuncios enviados Estar actualizado con la
por los profesores similar a información pertinente al
como lo hago en SIDWEB curso.
4 Estudiante Revisar mis materias Conocer detalles del curso,
registradas en el actual material del profesor, tareas,
semestre similar a como lo anuncios, calificaciones,
hago en SIDWEB integrantes de la materia.
5 Estudiante Enviar un mensaje a otro Comunicar información
compañero similar a como lo relevante y obtener una
hago en SIDWEB respuesta
6 Estudiante Revisar mis mensajes en la Estar actualizado con
bandeja de entrada similar a mensajes de mis
como lo hago en SIDWEB compañeros.
7 Estudiante Iniciar sesión en la plataforma Revisar tareas, anuncios,
similar a como lo hago en mensajes en la plataforma
SIDWEB
8 Estudiante Cerrar sesión en la plataforma Concluir mis actividades en
similar a como lo hago en mi aplicación
SIDWEB

Prototipo

RESULTADOS Y CONCLUSIONES DEL SEGUNDO SPRINT

Incluir lo siguiente:
Explicación de la meta del sprint (las historias de usuario trabajadas)
• El proceso seguido indicando fechas de cada actividad
• Impedimentos o problemas encontrados
• Muestra/Explicación de lo avanzado en el producto (layouts además de links a
los prototipos o código)
• Resultados de las pruebas y evidencia
 • Conclusiones
Proceso a seguir:

Estudiante Trabajo Tiempo

Issac Guaman Elaboración de las 28 de Diciembre 2018
primeras 4 historias de
usuario
Emilio Gomez Elaboración de las 29 de Diciembre 2018
historias de usuario 5 y 6
Lenin Yepez Elaboración de las 30 de Diciembre 2018
historias de usuario 7 y 8
Julio Alvia Elaboración del ppt 2 de Enero 2019
Cualquiera Entrevisa a estudiantes 2 de Enero 2019 – 3 de
Enero 2019

Problemas encontrados:
Entre los problemas encontrados durante la elaboración del SPRINT 2 se
encontraron:
 Encontrar iconos apropiados para las funcionalidades. Por ejemplo:
puede ser que el usuario experimente confusión al momento de querer
enviar un mensaje o revisar su bandeja de entrada ya que los iconos
son similares.
 El uso de poco espacio para las funcionalidades que se van a ofrecer.
Existen secciones de la aplicación que se encuentran muy juntas debido
a que el SIDWEB requiere de bastantes funcionalidades y/o avisos para
que el usuario reconozca todos los campos apropiados. Por ejemplo: en
la sección de mensajes se tiene que colocar el tema del mensaje, quien
lo envió y un pequeño texto del cuerpo del mensaje lo cual ocasiona
problemas en cuanto a la visualización.
 Manejo de colores apropiados, sin embargo, en el presente sprint se
optó por usar solo blanco y tonalidades de azul, es decir se muestran
las pantallas sin aplicación de colores específicos.
Retroalimentación usuarios:
Los usuarios se encontraron satisfechos con el avance el prototipo y comparado con
el prototipo anterior este resulto más intuitivo para los usuarios, sin embargos
existieron ciertos criterios que los usuarios mencionaron para poder mejorar la
aplicación entre estos se encuentran:
 Un usuario hubiese querido que la sección de tareas no se diferencie
por colores y que en cuanto a los anuncios y tareas se usen iconos en
vez de texto.
 En la sección de contenido de la materia, para mejor visualización se
recomienda establecer las opciones como columna y no como matriz
2x2 como actualmente se muestra.
Anuncios
Tareas

Mensajería
Menú Principal

Conclusiones:
Entre las conclusiones más importantes a las que llego el grupo durante la elaboración
del SPRINT 2 se destacan:

 La interfaz fue más amigable e intuitiva para los usuarios que la del
prototipo anterior. Se noto un agrado general por parte de los usuarios
al momento de interactuar con la aplicación
 Se requieren mejoras en el prototipo actual. Los usuarios presentaron
opiniones en cuanto a la mejora de la aplicación, detalladas en la
sección de resultados, con la finalidad de poder presentar un prototipo
que sea del mayor agrado posible a los usuarios.
 Existen inconvenientes al momento de hacer transiciones entre ciertas
pantallas que necesitan de actualización constante. Ejemplos de estos
inconvenientes son al momento de hacer transición entre ventanas de
entrega de tareas y entrega de mensajes ya que por el momento no se
dispone de herramientas para poder manejar la actualización
automática de ventanas.
 PLANIFICACIÓN DEL TERCER SPRINT
Especifique:
Metas (historias de usuario seleccionadas) a desarrollar
• Plan de actividades de diseño, desarrollo, prueba y presentación incluyendo
fechas y responsables
• Correcciones derivadas del sprint anterior a ser implementadas.
Dentro de las correcciones derivadas del segundo sprint tenemos las siguientes:

 Consistencia de colores, aplicado a cada uno de los botones que se repiten a

lo largo de la acción del usuario entre ventanas diferentes.
 Modificación de la iconografía, manteniendo la semejanza con los íconos del
sistema Sidweb versión web.
 Aplicación de las guías en el uso del color, evitando tonalidades de azul.
 Mantener el tamaño, la forma y ubicación en la pantalla de los botones
asignados a funciones específicas.
 Mejora del manejo de espacio en el menú principal, utilizando menos tamaño
en cada bloque de materia.
 Inclusión de fecha y hora de entrega en tareas y anuncios.

La meta del tercer sprint es completar las ultimas 7 historias de usuario:

# Como.. Quisiera... Para...
9 Estudiante Revisar mis calificaciones Conocer los detalles de la
similar a como lo hago en calificación y estar enterado de mi
SIDWEB progreso durante el curso

10 Estudiante Encontrar el programa Descargar los archivos de las

analítico similar a como lo materias directamente al celular.
hago en SIDWEB
11 Estudiante Revisar mi información de Conocer sobre mi información
usuario similar a como lo personal, que incluye: mail,
hago en SIDWEB número de carnet, nombres y
apellidos completos y foto de perfil
12 Profesor Calificar a mis estudiantes Poder dar retroalimentación a los
similar a como lo hago en estudiantes sobre las actividades
SIDWEB que han realizado

13 Profesor Enviar tareas a mis alumnos Dar a conocer a los estudiantes

similar a como lo hago en sobre la tarea que tienen que
SIDWEB realizar en cuestión
 14 Profesor Planificar un horario
académico similar a como lo
hago en SIDWEB
15 Profesor Revisar los cursos que
tengo asignados en el
actual semestre similar a
como lo hago en SIDWEB
Poder informar a mis alumnos
sobre el cronograma del semestre
Revisar los cursos que tengo
asignados en el actual semestre
similar a como lo hago en SIDWEB

Link al prototipo:
https://www.dropbox.com/sh/sgskoqi1fj7s1xp/AADzSUNaYrWrsWsxiYLRg_AGa?dl=
0

Fotos del Prototipo

Inicio de sesión

Pantalla Principal
 Contiene el listado de las materias en las que se encuentra registrado

Menú

Calendario
Mensajes

Anuncios
Trabajos
 RESULTADOS Y CONCLUSIONES DEL TERCER SPRINT
Incluir lo siguiente:
Explicación de la meta del sprint (las historias de usuario trabajadas)
• El proceso seguido indicando fechas de cada actividad
• Impedimentos o problemas encontrados
• Muestra/Explicación de lo avanzado en el producto (layouts además de links
a los prototipos o código)
• Resultados de las pruebas y evidencia
• Conclusiones
Proceso a seguir:
Estudiante Trabajo Tiempo
Isaac Guaman Elaboración de las historias de 15 de Enero 2019 – 20 Enero 2019
Emilio Gomez usuario 15 y 16
Emilio Gomez Elaboración de las historias de 8 de Enero 2019 – 13 Enero 2019
Julio Alvia usuario 9,10 y 11
Lenin Yepez Elaboración de las historias de 17 de Enero 2019 – 20 Enero 2019
Emilio Gomez usuario 13 y 14
Julio Alvia Elaboración del ppt 21 de Enero 2019
Isaac Guaman
Cualquiera Entrevista a estudiantes 21 de Enero 2019 – 22 de Enero 2019

Problemas encontrados:
Entre los problemas encontrados durante la elaboración del SPRINT 3 se
encontraron:
 Encontrar las soluciones apropiadas a las correcciones del primer sprint.
Esto se debe a que las correcciones que se hicieron para resolver los
inconvenientes del mismo puede que no sean las más apropiadas para
el diseño final de la aplicación en cuestión.
 Variantes en la aplicación con las funcionalidades implementadas en la
web de SIDWEB. Existen ciertas funciones, como el calendario
académico, que tienen diferentes formas de poder se implementadas y
aunque se podría seguir cada una de las alternativas, esto causaría una
pérdida de memoria al momento de poder crear el diseño final.
 Implementación de funciones en tiempo real tales como: notificaciones
al celular. Esto es un problema que se centra más en el grupo de trabajo
y el tiempo dado para poder realizar el prototipo ya que poder
implementar funcionalidades en tiempo real implica un mayor trabajo y
un acercamiento mayor al diseño final de la aplicación y esto no es lo
que se busca en el curso actual de trabajo.
 Implementación del prototipo en Protopie. Esto es un problema que el
grupo de trabajo tuvo ya que la aplicación de Protopie, aunque efectiva,
es lenta y no muy expresiva para lo que el grupo desea implementar,
además que la mayoría de las funcionalidades necesarias ya se hicieron
con la ayuda de la plataforma AdobeXD.
Resultados:
 Borrar la opción de inicio y poner individualmente el número de notificaciones
en tareas, anuncios, mensajes.
o Íconos más grandes y separados, permitiendo el deslizamiento para
mostrarlos de mejor manera.
 Títulos más grandes para las materias y diferenciar los colores para títulos y
para botones, de esta manera evitar confusión al usar la aplicación.
o Barra de estado muy útil para poder navegar a cualquier estado de la
página.
 Colores verde y rojo muy “incómodos a la vista”, además están
desproporcionados (tamaño), así como los colores en la vista de calificaciones.
o Cambiar el ícono de mensajes por un ícono de sobre.
 En mensajes, cambiar “todos los cursos” por “filtrar los cursos”.
o Posición de botones de cancelar y enviar invertidos en dos pantallas.
Conclusiones:
 La interfaz fue más amigable e intuitiva para los usuarios que la del prototipo
anterior.
 Se requieren mejoras en el prototipo actual.
 Existen inconvenientes en ciertas áreas que fueron mencionadas por los
usuarios en la sección de resultados.

Bibliografía
Anónimo. (s.f.). Las diez reglas de oro de las notificaciones. (2018). Obtenido de:
https://elandroidelibre.elespanol.com/2016/01/las-diez-reglas-de-oro-de-las-
notificaciones.html

Blackboard, «Blackboard Learn features,» [En línea]: Available:

https://www.blackboard.com/learning-management-system/blackboard-learn-
features.html.

Cristina. (s.f.). ¿Cómo mejorar la experiencia de usuario (UX) en tu aplicación móvil? Obtenido de
Vanessa Estorach: https://www.vanessaestorach.com/como-mejorar-la-experiencia-de-
usuario-ux-en-tu-aplicacion-movil-2/

Escamilla, O. (7 de febrero de 2018). Claves Para Mejorar La Experencia Móvil Del Consumidor.
Obtenido de Merca20: https://www.merca20.com/claves-mejorar-experiencia-movil/

Google Play, «Blackboard Learn,» [En línea]:

https://play.google.com/store/apps/details?id=com.blackboard.android.bbstudent&hl=es.

Laskowski, N. (noviembre de 2014). Siete tips para impulsar la experiencia del usuario en las apps
móviles. Obtenido de TechTarget:
https://searchdatacenter.techtarget.com/es/consejo/Siete-tips-para-impulsar-la-
experiencia-del-usuario-en-las-apps-moviles

López, J. (2018). Los principales problemas de las aplicaciones móviles. Obtenido de:
https://hipertextual.com/2017/07/principales-problemas-aplicaciones-moviles

Luis, E. (2018). Las apps actuales están llenas de problemas. Obtenido de:
https://www.ipadizate.es/2017/07/14/problemas-apps-actuales/

Redalyc.org, «Redalyc,» 2017. [En línea]: http://www.redalyc.org/pdf/3735/373550473009.pdf.

Scielo.org, «El uso del smartphone como herramienta para la búsqueda de información en los
estudiantes de pregrado de educación de una universidad de Lima Metropolitana,» [En
línea]: http://www.scielo.org.pe/scielo.php?script=sci_arttext&pid=S1019-
94032016000200002.

Zumaya, N., D., M., Estrada, U., Rosas, M., Araujo, S., & Rosas, M. et al. (2018). La psicología de las
aplicaciones móviles. Obtenido de: https://conectica.com/2015/02/05/psicologia-de-las-
notificaciones-moviles/