Proyecto 2do Parcial.docx

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 muestra las tareas, y los anuncios

Pantalla de envió de tareas

Pantalla que aparece luego de seleccionar, del menú, la opción materias

Pantalla en la que muestra una materia especifica

Pantalla del menú

Pantalla de anuncios, selecciona un anuncio ya leído y se marca, evitando que aparezca en la pantalla principal

Pantalla de mensajes

Pantalla de Anuncios

Pantalla al seleccionar un anuncio especifico

Pantalla de un anuncio

Pantalla de enviar mensaje

Pantalla al seleccionar Materias en el menú

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 Principal, aparece al iniciar sesión

Pantalla de menú

Pantalla luego de seleccionar Materias de menú

Pantalla al seleccionar una tarea

Pantalla al seleccionar una materia

Pantalla de selección de archivos, para adjuntar

Pantalla luego de enviar una tarea, aparece detalle de presentación, así como una opción para enviar un comentario

Pantalla luego de seleccionar Mensajes de menú

Pantalla luego de seleccionar un mensaje

Pantalla luego de seleccionar un anuncio

Pantalla luego de seleccionar responder

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: # 1

Como.. Estudiante

Quisiera... Revisar las tareas enviadas por los profesores similar a como lo hago en SIDWEB

Para... Conocer la descripción de la tarea, así como la fecha de entrega y planificar la ejecución del deber. Cumplir con los deberes y obtener los puntos y así pasar la materia. Estar actualizado con la información pertinente al curso. Conocer detalles del curso, material del profesor, tareas, anuncios, calificaciones, integrantes de la materia. Comunicar información relevante y obtener una respuesta Estar actualizado con mensajes de mis compañeros. Revisar tareas, anuncios, mensajes en la plataforma

2

Estudiante

3

Estudiante

4

Estudiante

5

Estudiante

6

Estudiante

7

Estudiante

8

Estudiante

Responder a las tareas enviada por los profesores similar a como lo hago en SIDWEB Revisar los anuncios enviados por los profesores similar a como lo hago en SIDWEB Revisar mis materias registradas en el actual semestre similar a como lo hago en SIDWEB Enviar un mensaje a otro compañero similar a como lo hago en SIDWEB Revisar mis mensajes en la bandeja de entrada similar a como lo hago en SIDWEB Iniciar sesión en la plataforma similar a como lo hago en SIDWEB 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 Issac Guaman Emilio Gomez Lenin Yepez Julio Alvia Cualquiera

Trabajo Elaboración de las primeras 4 historias de usuario Elaboración de las historias de usuario 5 y 6 Elaboración de las historias de usuario 7 y 8 Elaboración del ppt Entrevisa a estudiantes

Tiempo 28 de Diciembre 2018 29 de Diciembre 2018 30 de Diciembre 2018 2 de Enero 2019 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: # 9

Como.. Estudiante

Quisiera... Revisar mis calificaciones similar a como lo hago en SIDWEB

Para... Conocer los detalles de la calificación y estar enterado de mi progreso durante el curso

10

Estudiante

Descargar los archivos de las materias directamente al celular.

11

Estudiante

Encontrar el programa analítico similar a como lo hago en SIDWEB Revisar mi información de usuario similar a como lo hago en SIDWEB

12

Profesor

Calificar a mis estudiantes similar a como lo hago en SIDWEB

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

Conocer sobre mi información personal, que incluye: mail, número de carnet, nombres y apellidos completos y foto de perfil Poder dar retroalimentación a los estudiantes sobre las actividades que han realizado

14

Profesor

15

Profesor

Planificar un horario académico similar a como lo hago en SIDWEB 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 Isaac Guaman Emilio Gomez Emilio Gomez Julio Alvia Lenin Yepez Emilio Gomez Julio Alvia Isaac Guaman Cualquiera

Trabajo Elaboración de las historias de usuario 15 y 16 Elaboración de las historias de usuario 9,10 y 11 Elaboración de las historias de usuario 13 y 14 Elaboración del ppt

Tiempo 15 de Enero 2019 – 20 Enero 2019

Entrevista a estudiantes

21 de Enero 2019 – 22 de Enero 2019

Problemas encontrados:

8 de Enero 2019 – 13 Enero 2019 17 de Enero 2019 – 20 Enero 2019 21 de Enero 2019

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-lasnotificaciones.html Blackboard, «Blackboard Learn features,» [En línea]: Available: https://www.blackboard.com/learning-management-system/blackboard-learnfeatures.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-deusuario-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-laexperiencia-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=S101994032016000200002. 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-lasnotificaciones-moviles/