práctica final - uc3mocw.uc3m.es/ingenieria-informatica/interfaces-de-usuario/contenido… ·...

Universidad Carlos III de Madrid

Escuela Politécnica

Práctica Final

Interfaces de Usuario

Curso 2009 - 2010

100070873 Cristina Companys Antúnez

100073038 Francisco José Sanchez Godino

100077180 Luis Javier Sanz Díaz

100070949 Juan Nicolás Serra Patarino

Profesor Miguel Ángel Sánchez-Puebla

Profesor Ignacio Aedo Cuevas

Universidad Carlos III de Madrid Interfaces de Usuario Práctica Final

Índice de la memoria

Objetivo del desarrollo....................................................................................................4

Análisis.........................................................................................................................5

Identificación de los conceptos básicos del sistema.........................................................5

Visión y razón del proyecto......................................................................................5

Análisis inicial de los usuarios..................................................................................6

Gestor de proyectos............................................................................................6

Resto de integrantes...........................................................................................6

Reconocimiento de características asumidas..............................................................7

Identificación de las guías del desarrollo....................................................................7

Recogida de información de los estudios de campo.........................................................8

Preparación del estudio...........................................................................................8

Definición de los requisitos..........................................................................................9

Definición de los perfiles..........................................................................................9

Gestor de proyectos............................................................................................9

Resto de integrantes.........................................................................................10

Análisis de las tareas. Diagrama jerárquico de tareas................................................10

Detección de los temas relevantes..........................................................................11

Análisis de los requisitos............................................................................................11

Diseño conceptual........................................................................................................12

Tipo de tareas del producto........................................................................................12

Modo de interacción..................................................................................................12

Casos de uso...........................................................................................................14

Alta de un nuevo usuario.......................................................................................14

Enviar mensaje....................................................................................................14

Crear incidencia....................................................................................................14

Prototipos................................................................................................................15

Prototipos de bajo nivel.........................................................................................15

Prototipos de alto nivel..........................................................................................16

Página de inicio................................................................................................17

Ejemplo de Página de inicio................................................................................18

Página principal del usuario de tipo Gestor...........................................................19

Cristina Companys Antúnez – Francisco José Sánchez GodinoLuis Javier Sanz Díaz – Juan Nicolás Serra Patarino

Página 2


Nuevo proyecto................................................................................................20

Ejemplo de nuevo proyecto................................................................................21

Página base de la aplicación...............................................................................22

Barra de notificación.........................................................................................23

Implementación...........................................................................................................24

Introducción............................................................................................................24

Interfaz Base...........................................................................................................25

Página de Inicio........................................................................................................27

Olvidó su contraseña.................................................................................................28

Crear nuevo usuario..................................................................................................29

Página principal usuario básico...................................................................................30

Página principal usuario gestor ..................................................................................31

Nuevo Proyecto........................................................................................................32

Mis Proyectos...........................................................................................................34

Importar Proyecto....................................................................................................35

Exportar Proyecto.....................................................................................................37

Tareas Pendientes.....................................................................................................38

Nueva Tarea.............................................................................................................40

Mi cuenta................................................................................................................41

Alertas....................................................................................................................43

Bandeja de Entrada..................................................................................................44

Evaluación...................................................................................................................46

Cuestionarios de recogida de datos.............................................................................47

Análisis de resultados................................................................................................52

Usuarios de tipo básico..........................................................................................53

Usuario tipo Gestor...............................................................................................69

Conclusiones finales..................................................................................................94

Conclusión Final...........................................................................................................95


Página 3


Objetivo del desarrollo

El siguiente documento ofrecerá la documentación recogida respectiva al análisis, diseño,

implementación y evaluación del proyecto GesPro Mobile.

GesPro Mobile es un servicio web para dispositivos móviles que se ofrece a los gestores de

proyectos para llevar un control y una monitorización constante del estado de sus proyectos a

través de su dispositivo móvil.

GesPro Mobile ofrece a sus usuarios la capacidad de gestionar sus proyectos, tanto personales

como profesionales de una forma eficaz que facilita la monitorización de los mismos, siendo

posible realizar divisiones del proyecto en tareas, las cuales podrán ser asignada a unos

empleados, enviar mensajes entre todos los participantes de un proyecto, ver estadísticas sobre

los proyectos del usuario, conocer progresos, retrasos o incluso crear incidencias. Además el

servicio ofrece una agenda diaria personal para llevar las tareas al día sirviéndose de alertas

automáticas generadas por la aplicación.

Además de otras muchas características que facilitarán la tarea de la gestión de proyectos,

combinando todos las actividades en una sola aplicación web y personalizando la interfaz al gusto

del usuario.

Este servicio se ofrecerá a través de dos planes para los gestores de los proyectos, siendo uno de

ellos gratuito y otro de pago, beneficiándose éste último de grandes ventajas como espacio

ilimitado en la aplicación, ausencia de publicidad y un sistema de soporte técnico avanzado de

tipo 24x7, además de otras características técnicas que se especificarán posteriormente.


Página 4


Análisis

Identificación de los conceptos básicos del sistema

Visión y razón del proyecto

Percibiendo la tendencia del mercado actual referente a las aplicaciones basadas en servicios

web, se ha notado la carencia de un servicio destinado a la gestión de proyectos para

dispositivos móviles creyendo que las actuales soluciones no cumplen las necesidades de los

usuarios, tanto de los gestores propiamente dichos como así de sus empleados.

Por este motivo se ha creído necesario el desarrollo de un software “in the cloud” destinado a

esos usuarios que por su constante movimiento necesitan una solución que pueda

acompañarlos en todo momento sin necesidad de dispositivos específicos, sino gracias al

avance tecnológico de los dispositivos móviles.


Página 5


Análisis inicial de los usuarios

Tras realizar un estudio de documentación sobre las reglas, estándares y prácticas sobre la

gestión de proyectos a través de las guías ofrecidas por el Project Management Institute

(PMI®) se ha determinado la necesidad de diferenciar dos tipos de usuarios el Gestor del

proyecto y el resto de integrantes del mismo.

Gestor de proyectos

El gestor de proyectos raramente participa de manera directa en las actividades que producen el

resultado final. En vez de eso se esfuerza por mantener el progreso y la interacción mutua de las

partes involucradas de manera que el riesgo general de fracasar se disminuya construyendo una

amplia visión de la situación del proyecto en todo momento.

Por ello es necesario poder ofrecer al usuario la posibilidad de consultar todos los parámetros

correspondientes al proyecto para facilitar su labor disminuyendo los recursos temporales y

económicos destinados a la labor de monitorización.

Se ha definido a este usuario como un gran conocedor de su actividad, por lo que se considera

que cuenta con los conocimientos necesarios para poder relegar los subproyectos o tareas al

resto de integrantes, por lo que deberá ser capaz de llevar un control de cada una de dichas

tareas y notificando a los implicados sobre cualquier incidencia sobre el proyecto.

Resto de integrantes

El resto de integrantes del proyecto serán los usuarios destinados a la realización de las

subtareas delegadas por el gestor de proyectos, por lo que tendrán necesidades diferentes

asociadas al sistema a desarrollar.

Por lo que este tipo de usuario tendrá la necesidad de poder visualizar todas las tareas que

tiene asignadas y realizarlas dentro del tiempo especificado, notificando todos los avances,

incidencias y retrasos al gestor de proyectos. Por lo cual es necesaria una vía de comunicación

entre el gestor del proyecto y el resto de integrantes.

A diferencia del gestor de proyectos éste usuario no podrá realizar modificaciones sobre el

proyecto o sus tareas, sino que tendrá la necesidad de conocer su progreso y generar

notificaciones al gestor.


Página 6


Reconocimiento de características asumidas

Para un mayor número de potenciales usuarios la aplicación se deberá alojar en un servidor

web cuya capacidad no se vea saturada tras un ingreso masivo de usuarios. Por lo que se

asume que la aplicación contará con el agrado de los usuarios y la rápida expansión del

servicio, posteriormente se especificarán las características necesarias del sistema.

Asimismo se asume que los entes implicados en el desarrollo del servicio son estudiantes

universitarios de Ingeniería en Informática cuyos conocimientos académicos y su experiencia

en el desarrollo de proyectos es importante para el análisis de las necesidades y serán de gran

ayuda tanto en el diseño e implementación como en la recogida de datos, eliminando cualquier

posible intervención en el proceso de evaluación del proyecto.

Por otra parte se asume que los gestores de proyecto se encuentran lo suficientemente

capacitados para estimar las asignaciones de las tareas pertenecientes a un proyecto, por lo

que la aplicación no asignará tareas automáticamente, aunque sí podrá ser capaz de recordar

asignaciones anteriores para facilitar la búsqueda de integrantes del equipo.

Identificación de las guías del desarrollo

Para la primer recogida de datos se podrá contar con 50 alumnos de las principales

universidades de la Comunidad de Madrid cuya experiencia en el mercado laboral cumpla con

una experiencia demostrable de mínimo 2 años que facilitarán unos requisitos sobre las

necesidades del sistema relativo con los usuarios integrantes del proyecto.

Para recoger datos relativos a unos requisitos más específicos sobre la gestión de proyectos se

contará con colaboradores especializados en el ámbito de la gestión de proyectos a través de

la cooperación de socios del Project Management Institute de Madrid.

Para la evaluación del sistema también se contará con la cooperación de socios del Project

Management Institute de Madrid que valorarán y evaluarán el resultado final del servicio.

La aplicación cuenta con una imagen corporativa diseñada por NamingYou, empresa dedicada a

la creación de diseños e imágenes corporativas que ha desarrollado una imagen acorde con el

espíritu del servicio ofrecido.


Página 7


Recogida de información de los estudios de campo

Preparación del estudio

Antes de comenzar a realizar una serie de cuestionarios para obtener las necesidades de los

usuarios se ha decidido realizar una análisis de documentación sobre la correcta gestión de

proyectos según Project Manager de David Burnstein.

Para la recogida de información se han redactado dos tipos de cuestionarios a cumplimentar

por personas que pertenecen a alguno de los dos grupos de usuarios estudiados y ya

mencionados anteriormente.

En el anexo 1 se presentan los cuestionarios realizados en este punto así como ejemplos

representativos de las respuestas de los mismos.


Página 8


Definición de los requisitos

Definición de los perfiles.

En el sistema existirán dos perfiles de usuario donde uno de ellos será el gestor del sistema

que se encargará de llevar un control global del avance el proyecto y otro grupo de usuarios

que estarán en un nivel jerárquico inferior al gestor de proyectos y que desarrollarán las tareas

previamente asignadas por el gestor del proyecto.

A continuación se presentan las principales características de cada uno de los tipos de usuario.

Gestor de proyectos

El gestor de proyectos deberá contar con unos mínimos conocimientos sobre gestión de

proyectos para la utilización de la aplicación.

Será capaz de crear nuevos proyectos, además de consultar, modificar y eliminar los mismos.

Podrá añadir integrantes a un proyecto.

Será capaz de crear tareas pertenecientes a un proyecto.

Podrá asignar y modificar fechas de fin de una tarea.

Tendrá la capacidad de asignar tareas a integrantes de un proyecto, además de eliminarlos de

dichas tareas.

Podrá enviar mensajes a los integrantes de un proyecto.

Creará incidencias relativas a un proyecto o a una tarea.

Tendrá una agenda donde podrá controlar sus reuniones, fechas de entregas, plazos y demás.

Será capaz de visualizar el progreso de un proyecto.

Recibirá información sobre proyectos retrasados.

Obtendrá informes del cumplimiento de las tareas asignadas a sus integrantes.


Página 9


Resto de integrantes

Este usuario no necesitará ningún conocimiento previo en la gestión de proyectos ni en la

utilización de software específico para tal fin.

Esperarán que un gestor de proyectos les asigne una tarea.

Podrán enviar mensajes al gestor del proyecto.

Notificarán la finalización de la tarea.

Informarán de incidencias sobre su tarea asignada.

Análisis de las tareas. Diagrama jerárquico de tareas.

Las principales tareas del sistema pueden distribuirse jerárquicamente, por lo que para una

visualización general se ha generado el siguiente diagrama de jerarquías, donde pueden verse

las dependencias de cada una de las principales acciones de la aplicación.


Página 10


Detección de los temas relevantes

Tras realizar el análisis general de la aplicación se han observado

Análisis de los requisitos

Para poder cubrir todas las necesidades de los usuarios se han descrito una serie de requisitos

que deberá cumplir la aplicación para que el sistema sea interesante como gestor de

proyectos.

En primer lugar se han analizado los requisitos de infraestructura necesarios para poder

albergar la aplicación, asimismo se definirán las tecnologías necesarias para el correcto

funcionamiento del sistema.

Posteriormente se han analizado las necesidades respecto a los dos tipos de usuarios, donde

se describen qué acciones serán capaces de realizar cada uno de ellos.

Para una correcta comunicación de los requisitos y una fácil verificación de los mismos, éstos

han sido descritos en el anexo 2, que acompaña al presente documento.


Página 11


Diseño conceptual

Para realizar el diseño conceptual del producto se ha decidido utilizar un modelo de modo de

interacción basado en actividades, por lo que se deberá realizar una navegación por el

producto, además de responder una serie de preguntas y realizar un aprendizaje del mismo.

Como esta etapa depende de las actividades que el usuario llevará a cabo con el producto se

han de analizar las mismas.

Tipo de tareas del producto

Conversación. Existirán acciones sobre el producto que deberá simular una conversación

entre el usuario y el producto.

Manipulación y navegación. El usuario podrá navegar por el producto manipulando

directamente los resultados obtenidos.

Exploración y hojeado. El usuario explorará los resultados de los proyectos y toda la

información del mismo.

Modo de interacción

En el sistema de creación de un nuevo proyecto o tarea

• Cómo se deben introducir los datos

◦ Mediante una conversación en la que el sistema solicite los datos necesarios para

crear correctamente el proyecto o la tarea.

• Cómo se deben modificar los datos

◦ Mediante una conversación en la que el sistema informe de los datos susceptibles a

ser modificados.

• Cómo se debe consultar un proyecto o tarea

◦ El usuario deberá navegar por los menús del producto hasta llegar al que necesite.

• Cómo se debe eliminar un proyecto o tarea

◦ El usuario deberá responder con el nombre del proyecto o tarea o el identificador del

mismo para poder eliminarlo.


Página 12


En la administración de eventos de la agenda personal

• Cómo se crea un nuevo evento

◦ Mediante una conversación donde la aplicación ofrezca los posibles días para el

evento, evitando que se superpongan entre ellos.

• Cómo se comparte un evento

◦ Mediante una conversación con el producto donde se ofrezcan posibles usuarios con

quien compartir el evento

• Cómo se exporta o importa la agenda

◦ La agenda podrá exportarse o importarse mediante una conversación donde se

solicitará el formato a exportar o importar.

En el envío y recepción de mensajes

• Cómo se envía un nuevo mensaje

◦ Se deberá navegar entre los usuarios pertenecientes al mismo proyecto y

seleccionar uno para el posterior envío.

• Cómo se puede consultar un mensaje recibido

◦ Para ello se deberá navegar hasta la sección correspondiente donde se explorará el

mensaje recibido a leer

• Cómo se eliminará un mensaje

◦ Se deberá manipular directamente el mensaje seleccionándolo y clickeando el cubo

de la basura.


Página 13


Casos de uso

Gracias a estos casos de uso se ha podido definir cómo debería interactuar el sistema con el

usuario o con otro sistema para conseguir un objetivo específico, por lo que es un punto

importante dentro del diseño conceptual de la aplicación.

Alta de un nuevo usuario

Enviar mensaje

Crear incidencia


Página 14


Prototipos

Prototipos de bajo nivel

Los prototipos de bajo nivel serán el punto de partida sobre el que comenzar a trabajar, donde

se podrán observar las primeras correcciones a realizar sobre la aplicación, siendo éstos de

gran ayuda para la consecución de un producto fiable y acorde con las necesidades del usuario.

Gracias a estos prototipos se han podido refinar las características del servicio, analizando las

distintas secciones, la facilidad con la que se aprende a usar el producto, el orden de las tareas

y la secuencia de introducción de datos en cada uno de los apartados de la aplicación.


Página 15


Prototipos de alto nivel

Posteriormente al diseño de prototipos de bajo nivel, se han encontrado las necesidades del

usuario en cuanto a navegabilidad, usabilidad para ofrecer una experiencia al usuario

satisfactoria que se verá reflejada en la utilización del producto ofrecido.

A continuación se presentan algunos de los prototipos de alta calidad diseñados.


Página 16


Página de inicio

En esta interfaz se demuestra la sencillez

con la que se quiere representar el

producto.

El logo del producto deberá ser

claramente visible para inculcar al usuario

una sensación de cercanía al detectar el

logo en posteriores situaciones.

Asimismo ésta interfaz ofrecerá ayudas

visuales al usuario en la introducción de

los datos para evitar posibles errores.

Es un punto vital para la implementación

la claridad y sencillez de la interfaz, que

facilitará la navegación y aprendizaje del

producto por parte del usuario.


Página 17


Ejemplo de Página de inicio

La aplicación ofrecerá visualmente los

errores cometidos por el usuario y

facilitará su solución mediante las

posibles opciones ofrecidas.

En el caso de la introducción de un email

erróneo no sólo volverá a solicitar el

correo, sino que ofrecerá la posibilidad

desde el mismo mensaje de error de crear

un nuevo usuario en caso de ser lo

buscado.

Ésta idea se verá reflejada en toda la

aplicación ya que no sólo se deben

mencionar los errores cometidos por el

usuario, sino también una posible solución

o incluso una corrección automática.


Página 18


Página principal del usuario de tipo Gestor

La entrada del gestor es una página

donde se debe ofrecer al mismo la mayor

cantidad de información posible, pero sin

llegar a saturar la pantalla o al mismo

usuario.

Por ellos la letra grande y los iconos

fácilmente reconocibles, asimismo en

cada uno de los iconos, si en lugar de

hacer click sobre el se mantiene pulsado

el puntero, éste ofrecerá información

adicional que facilite la información del

mismo.

Para facilitar el trabajo del gestor se

ofrece una lista con los proyectos

recientes sobre los cual se ha trabajado

para minimizar la navegación entre

submenús.

Por otra parte también se han de ofrecer

la posibilidad de realizar cualquiera de las

acciones más comunes para minimizar el

tiempo necesario para llevarla a cabo.


Página 19


Nuevo proyecto

En la creación de un nuevo proyecto se ha

intentado solicitar la información

relevante y conocida en el momento de

su creación.

Por lo que se realizado un sencillo

formulario desarrollado específicamente

para intentar ahorrar posibles errores al

usuario.

Se informa de los campos obligatorios a

rellenar por el usuario.

Asimismo se ofrece un desplegable con

los clientes asociados al gestor, dentro de

los cuales se ofrece la posibilidad de

añadir uno nuevo.

La descripción ofrece el tamaño

disponible del texto, informando en cada

momento los caracteres restantes que

acepta la aplicación.

Las fechas serán seleccionadas desde un

calendario, que facilita la labor al gestor y

ahorra posibles errores de introducción al

usuario referentes al formato de las

fechas.


Página 20


Ejemplo de nuevo proyecto

No sólo ofrece la capacidad de controlar

los errores del usuario, sino que informa al

mismo de la correcta o incorrecta

introducción de los datos necesarios para

la creación del proyecto.

Ésta ideología es utilizada en toda la

aplicación para evitar tediosas vueltas

atrás o repetición en la introducción de

datos a la aplicación.

El campo de entrada del email de un

integrante del proyecto no sólo podrá

recibir un email sino un nombre completo

y se autocompletará según los datos

almacenados en la aplicación ofreciendo

al usuario una respuesta acorde a sus

necesidades.


Página 21


Página base de la aplicación

Ésta será la página base de toda la

aplicación, la cual almacenará todas las

secciones del producto.

Cuenta con una barra de notificación

arriba a la derecha del logo, donde se

informará al usuario si existe alguna

alerta, si tiene algún mensaje nuevo, si

existe una sugerencia para facilitar la

tarea al usuario, si tiene programado

algún evento para hoy, el tipo de usuario

en el que se encuentra y acceso a su

cuenta personal, y la salida de la

aplicación.

Por otra parte en la parte inferior de la

pantalla flotando siempre en esa posición

se encuentra una barra de accesos

directos donde podrá acceder

rápidamente a las secciones de la web.

Éstos accesos directos serán

personalizables, por lo que cada usuario

podrá modificar esta barra a su gusto,

para ofrecerle una mayor comodidad y

sensación de control sobre el producto.


Página 22


Barra de notificación

Existen características de la barra de notificación que cabe destacar, y que facilitan la tarea

diaria al usuario.

El icono de alerta se mostrará en el momento en el cual se haya

generado una alerta automática por algún motivo expuesto en

la tabla de requisitos del anexo 2. Ésta parpadeará para captar

la atención del usuario y redirigirá a la página principal de

alertas.

Este icono se presentará en el momento en que el usuario

reciba un mensaje. Para facilitar la labor al usuario éste

mostrará el número de mensajes sin leer de la bandeja de

entrada y redirigirá a la misma.

El icono de sugerencia se activará de forma parpadeante en el

momento en que se crea conveniente para ofrecer un consejo

que facilite la tarea actual del usuario.

Este icono se mostrará al usuario cuando se encuentre

programado un evento dentro de las 24 próximas horas para

recordar al usuario dicho evento y evitar olvidos que pueden

provocar serios daños en el desarrollo del proyecto.

El icono del usuario se mostrará de color amarillo en en caso de

ser un usuario de tipo Gestor o azul en el caso de un usuario

básico, asimismo éste redireccionará a la cuenta personal del

usuario que servirá como acceso directo a la misma.

El icono de salida se mostrará como un acceso directo desde

cualquier sitio de la página para poder salir de una forma

segura de la aplicación.


Página 23


Implementación

Introducción

En este apartado hablaremos acerca de las distintas interfaces que componen nuestra

aplicación.

En primer lugar, cabe destacar que la versión final de GesPro Mobile está provista de la más

avanzada tecnología basada sobretodo en AJAX, PHP, JavaScript y CSS que dará

profesionalidad, comodidad y elegancia a nuestro producto.

GesPro mantiene unas interfaces completas en contenido pero a la vez claras, concisas y

fáciles de manejar que mejoran la experiencia con el usuario además de incorporar traducción

a distintos idiomas europeos donde sabemos que nuestra aplicación puede tener un mayor uso

en empresas.

En comparación con otras aplicaciones similares de gestión de proyectos de otras empresas,

GesPro destaca en la comodidad de poder llevarte la aplicación dondequiera que uno vaya

siendo tan sencillo como conectarse con su dispositivo móvil (ya sea táctil o no) y empezar a

trabajar desde el mismo punto donde lo dejó.

Además, no tiene apenas consumo de memoria para el dispositivo y no requiere de un gran

ancho de banda ya que ha sido optimizado al máximo para la mejor experiencia posible.

Adentrándonos más en GesPro, a continuación detallaremos cada una de las interfaces que el

usuario pueda encontrar.


Página 24


Interfaz Base

Esta interfaz muestra la estructura básica de nuestra aplicación que se compone de una

cabecera donde siempre encontraremos en la parte izquierda de ésta el logotipo de GesPro en

el cuál, si accedemos, nos dirigiremos a la página inicial del usuario. Además, en esta cabecera

encontramos una serie de accesos directos, los cuáles nombramos a continuación siguiendo el


Página 25


orden de izquierda a derecha: Alertas, Bandeja de Entrada del Correo, Consejos de Utilización,

Eventos, Mi Cuenta y Salir.

Esta barra de accesos directos también incorpora una barra de búsqueda donde podremos

buscar desde un usuario de un proyecto, hasta una incidencia cualquiera, pasando por tareas,

proyectos...

En la barra inferior, también encontramos una serie de accesos directos para mayor comodidad

del usuario y una mayor velocidad de trabajo. Nombramos de izquierda a derecha cada una de

las funciones: Enviar Mensaje, Balance del Proyecto, Agenda diaria, Tareas Pendientes y Mis

proyectos.

Detallamos cada una de las funciones comentadas anteriormente:

• Alertas: Muestra al usuario un aviso parpadeante sobre una situación importante del

proyecto.

• Bandeja de Entrada: Muestra al usuario los mensajes recibidos al correo

• Consejos: Facilita la utilización de la aplicación al usuario dándole la ayuda necesaria.

• Eventos: Avisa al usuario de eventos en las próximas 24 horas para evitar descuidos.

• Mi Cuenta: Muestra la información Personal y configuración del usuario.

• Salir: Sale de la aplicación

• Enviar Mensaje: Útil acceso para escribir rápidamente un mensaje que quiera enviarse

• Balance del Proyecto: Muestra la situación progresiva del proyecto

• Agenda Diaria: Muestra una agenda para uso personal del usuario para mejor

planificación

• Tareas Pendientes: Muestra las tareas pendientes en un determinado proyecto

• Mis Proyectos: Muestra los proyectos que actualmente el usuario tiene activos.

Cabe destacar que para toda interfaz perteneciente a la aplicación excepto la página principal,

existe al menos un modo de volver a la página principal del usuario, por tanto, si entramos en

cualquiera de las subcategorías de funciones que se ha comentado, existirá un botón para

volver a la página principal de la aplicación de la cuenta del usuario además de poder acceder

mediante el logo de la aplicación que siempre redireccionará a dicha página principal.


Página 26


Página de Inicio

Aquí tenemos la página inicial de la aplicación donde el usuario deberá introducir su email

guardado en la base de datos y su contraseña para acceder a la red interna de GesPro. Si

todavía no tiene un usuario activo, puede crear un nuevo usuario entrando en la opción “Nuevo

Usuario” y si creó un usuario pero ha perdido su contraseña, también tiene la opción de poder

recuperarla mediante la opción “Olvidé la contraseña”


Página 27


Olvidó su contraseña

La finalidad de esta interfaz es enviar al email del usuario la contraseña que éste perdió

accidentalmente. Simplemente, deberá introducir su dirección de correo electrónico y Enviar la

petición. Inmediatamente recibirá en su correo las indicaciones necesarias para obtener la

contraseña.


Página 28


Crear nuevo usuario

Si el usuario es nuevo en el sistema, puede crearse un usuario de manera sencilla, rápida y

segura, simplemente rellenando el formulario que se muestra en la imagen adjunta.

Siempre que un dato sea obligatorio, éste se marcará con un * en la parte izquierda de su

campo como señalan las indicaciones que pueden verse en la pantalla del dispositivo.

GesPro viene provisto de algoritmos para poder comprobar todos y cada uno de los datos y

comprobar que son correctos. En caso de fallar alguno de ellos, la propia aplicación informará

al usuario de manera visual.


Página 29


Página principal usuario básico

Nos encontramos en la página principal del usuario básico, el cuál, tiene derechos limitados

para utilizar toda la aplicación a modo de gestor pero sin embargo tiene una aplicación

completa para uso de trabajo teniendo en sus manos una potente aplicación.

Aquí, nada más iniciar, podrá continuar sus tareas recientes justo dónde las dejó antes de

cerrar la sesión con anterioridad o también puede mediante las opciones de más abajo,

utilizarlas como acceso directo para facilitarle las tareas.


Página 30


Página principal usuario gestor

Esta es la interfaz principal de cualquier usuario que sea gestor de proyectos. Desde aquí,

podrá hacer todas las opciones que se han visto en la página del usuario básico pero además

podrá crear sus propios proyectos y añadir tareas a dicho proyecto.

Además, le vendrán reflejados los progresos de sus últimos proyectos más recientes donde

podrá acceder a ellos y gestionarlos como mejor desee.

Los proyectos activos en buen estado se muestran en color verde y los proyectos que tengan

cualquier incidencia como un retraso, se mostrarán en color rojo y de igual forma pasa con las

tareas de cualquier usuario.

Siempre el verde estará asociado a un estado positivo y el rojo a un estado en conflicto.


Página 31


Nuevo Proyecto


Página 32


Esta interfaz, única para el usuario gestor, es la encargada de poder crear un nuevo proyecto

de forma fácil y sencilla rellenando el formulario puesto para este fin. Como se comentó

anteriormente, los campos obligatorios estarán señalados mediante * a su izquierda y los

demás podrán dejarse en blanco si no quieren introducirse en ese momento. Aquí podemos

apreciar además unos iconos para los campos F. Inicio y F. Fin cuya función es desplegar un

calendario para añadir las fechas de forma más rápida.

Como un proyecto además puede tener más de un integrante, se añade la opción con forma de

+ que usándola, creará tantos integrantes como uno desee.

Una vez creado el proyecto, se le informará al usuario si se creó correctamente o hubo fallos y

siempre, como en cada una de las interfaces, si el usuario desea abandonar, tiene la opción de

Volver siempre “a mano”.


Página 33


Mis Proyectos

En esta interfaz, el usuario podrá seguir el progreso de todos sus proyectos. Para más

información de cada uno de estos, accediendo al proyecto desde su nombre en la lista

mostrada, encontrará todo lo relacionado con este proyecto.

En este ejemplo, puede verse como ya se comentó anteriormente que el último proyecto

(Portabilidad Oracle) tiene alguna anomalía. Lo más seguro que se refiera a un retraso de la

entrega porque viendo la fecha actual y comparándola con la fecha de entrega prevista, ésta

es del año pasado.


Página 34


Importar Proyecto


Página 35


Desde esta sencilla interfaz, el usuario podrá importar proyectos guardados un diversos

formatos y añadirlos a nuestro sistema.

Primero deberemos seleccionar el formato en el cuál está el proyecto a importar y

posteriormente se cargará otra lista con los proyectos de la carpeta de proyectos de la

aplicación. También existe la posibilidad de buscar en otra localización distinta a la

predeterminada para encontrar cualquier proyecto que tengamos en cualquier parte.

Una vez importado el proyecto en nuestra aplicación, se mostrará un aviso textual para

informar al usuario.


Página 36


Exportar Proyecto

De forma similar a la interfaz de importación, esta sencilla interfaz está capacitada para

exportar nuestros proyectos en diversos formatos para su utilización con variados programas y

tener así una gran compatibilidad con el mercado pudiendo captar así la atención de más

clientes que no se quedarán con proyectos antiguos colgados sin poderlos continuar.


Página 37


Tareas Pendientes


Página 38


En esta interfaz se mostrarán las tareas pendientes para el proyecto seleccionado. Una vez

hecho este primer paso de selección, deberemos usar la opción de “Mostrar Tareas” y una vez

realizada esta operación, se nos mostrarán todas las tareas pendientes para ese proyecto en

concretos.

Como vemos, las tareas también tienen color verde (buen estado) o color rojo (si hubiera

alguna tarea con incidencias). Además de mostrar la Fecha de Entrega Esperada, el porcentaje

de realización y el progreso de cada una de las tareas mostrando en Rojo las tareas con mal

progreso o recién empezadas, en Naranja las que tienen un progreso avanzado pero con déficit

en su realización y en color Verde las tareas que estén casi por finalizar.


Página 39


Nueva Tarea

De forma muy similar a como se crea un proyecto en GesPro, también se podrá crear una

tarea, la cuál, solo podrá ser creada por un gestor.


Página 40


Mi cuenta


Página 41


En esta interfaz encontramos la información del usuario pudiendo ver sus datos personales, la

apariencia de la aplicación actual y el idioma actual de la aplicación.

Podremos editar los datos personales mediante el icono que se muestra a la derecha del título

de “Datos Personales” y también por seguridad, la clave no se desvela en esta interfaz.

La apariencia podrá ser cambiada entre todas las opciones de la lista existentes para que el

usuario tenga una mejor experiencia y se encuentre más a gusto trabajando como a él le

guste.

Por último, podremos cambiar el idioma de la interfaz para que ésta pueda usarse por usuario

nacionales como cualquiera del ámbito europeo, principalmente, incluyendo idiomas como:

inglés, francés, italiano...


Página 42


Alertas

Aquí se mostrarán todas las alertas ocasionadas en nuestro trabajo en los distintos proyectos.

Se nos indicará el tipo de alerta que indica, la fecha de ocurrencia y el proyecto al que afecta,

dando una descripción de lo sucedido para que el usuario pueda tomar una decisión y

solucionar las incidencias de la mejor forma posible.

Una vez corregidos estos problemas, las alertas desaparecerán automáticamente.


Página 43


Bandeja de Entrada


Página 44


En esta interfaz podremos recibir todo el correo electrónico que nos manden teniendo nuestra

aplicación un cliente de correo que facilitará la comunicación de manera interna entre el equipo

de proyecto o mantenerse informado del correo sin salirse de la aplicación y seguir trabajando

transparentemente.

Además, se podrá seleccionar cualquiera de los mensajes que se reciban y hacer una

respuesta rápida desde la misma interfaz para ahorrar tiempo y facilitar al usuario lo máximo

posible la comunicación con los demás.

Si algún correo no le interesa, puede borrarlo usando la opción con forma de papelera y así

deshacerse de él.


Página 45


Evaluación

Para el proceso de evaluación de la aplicación, se han usado dos cuestionarios realizados por

una serie de usuarios del Project Management Institute de Madrid, que se han ofrecido a

ayudarnos en el desarrollo de la aplicación, estos serían usuarios de tipo gestor, a su vez

estudiantes de universidades de Madrid, que se encuentren trabajando actualmente con una

experiencia mínima de 2 años demostrables como usuarios de tipo trabajador.

Se han usado dos cuestionarios distintos, dado que la aplicación tiene dos funcionalidades, la

de los trabajadores y la de los gestores.

El cuestionario de los trabajadores consta de preguntas generales y sobre la usabilidad a la

que pueden optar estos.

Mientras que el cuestionario de los gestores, dispone de las mismas preguntas que el anterior,

además de un añadido sobre las funciones extras que pueden realizar ellos.


Página 46


Cuestionarios de recogida de datos

Este cuestionario va dirigido a los trabajadores que utilicen software para facilitar sus tareas

diarias en gestión de tareas.

Por ello sólo deberá rellenar el cuestionario si usted se encuentra entre los destinados a tal fin.

Las siguientes preguntas se corresponden a la visualización y modificación de las

tareas dentro de GesPro Mobile.

Marque la casilla que corresponda

La corrección automática de errores la ha

resultado útil

0 1 2 3 4 5 NS/NC

Los campos a rellenar son coherentes al crear

una alerta

0 1 2 3 4 5 NS/NC

Se entienden claramente los campos a

rellenar

0 1 2 3 4 5 NS/NC

Las opciones del buscador interno son

fácilmente comprensibles

0 1 2 3 4 5 NS/NC

Encontró utilidad a los accesos directos 0 1 2 3 4 5 NS/NC

La visualización de las tareas es

comprensible

0 1 2 3 4 5 NS/NC


Página 47


Las siguientes preguntas se corresponden únicamente a GesPro Mobile, software de

gestión de proyectos.


Se encuentra satisfecho con el software utilizado 0 1 2 3 4 5 NS/NC

Su interfaz es fácil de usar 0 1 2 3 4 5 NS/NC

Se echa en falta alguna característica esencial para usted SI NO NS/NC

Estaría dispuesto a cambiar de software en estos momentos SI NO NS/NC

Optaría por la versión de pago después de probarla SI NO NS/NC

Estas preguntas conciernen a sus necesidades desde el dispositivo móvil






Su dispositivo móvil le permite un uso adecuado de la aplicación SI NO NS/NC


Página 48


El siguiente cuestionario va dirigido a gestores de proyectos que utilicen GesPro Mobile para

facilitar sus proyectos o tareas diarias.

Por ello sólo deberá rellenar el cuestionario si usted se encuentra entre los destinados a tal fin.

Las siguientes preguntas se corresponden a la visualización y modificación de los

proyectos.


La corrección automática de errores la ha resultado útil 0 1 2 3 4 5 NS/NC

Las opciones de exportar proyectos son fácilmente

comprensibles

0 1 2 3 4 5 NS/NC

Los campos a rellenar son coherentes al crear un proyecto 0 1 2 3 4 5 NS/NC

Los campos son adecuados 0 1 2 3 4 5 NS/NC

Los campos a rellenar son coherentes al crear una alerta 0 1 2 3 4 5 NS/NC

Se entienden claramente los campos a rellenar 0 1 2 3 4 5 NS/NC

Las opciones del buscador interno son fácilmente comprensibles 0 1 2 3 4 5 NS/NC


La visualización de los proyectos es comprensible 0 1 2 3 4 5 NS/NC


Página 49



tareas.



Los campos a rellenar son coherentes al crear una tarea 0 1 2 3 4 5 NS/NC






La visualización de las tareas es comprensible 0 1 2 3 4 5 NS/NC

Las siguientes preguntas se corresponden únicamente a GesPro Mobile, software de

gestión de proyectos.








Página 50










Página 51


Análisis de resultados

Para realizar una correcta interpretación de las respuestas obtenidas durante la realización de

cuestionarios se han analizado cada una de las preguntas realizadas a los diferentes grupos

sobre los que se ha realizado la pruebas.

Gracias a este análisis se puede observar cuáles son las necesidades del usuario frente a

nuestro producto, además de su grado de satisfacción que servirá de gran ayuda para la

mejora del producto.


Página 52


Usuarios de tipo básico


tareas.

La corrección automática de errores la ha

resultado útil

0 1 2 3 4 5 NS/NC

A la vista de estos resultados se aprecia que un gran porcentaje de los trabajadores encuentra

útil la corrección de errores, dado que les ahorra mucho tiempo a la hora de escribir.


Página 53


Los campos a rellenar son coherentes al crear

una alerta

0 1 2 3 4 5 NS/NC

Observando el gráfico, vemos que a la hora de crear una alerta, la coherencia de los datos no

alcanza el grado máximo deseado, no obstante el grado alcanzado es bastante alto y por lo

tanto aceptable por los usuarios.


Página 54


Se entienden claramente los campos a

rellenar

0 1 2 3 4 5 NS/NC

A la vista resalta que los campos rellenados por los trabajadores son bastante claros, aún así

ahí cierto número de usuarios que nos los encuentran del todo claro, pero éstos son una

minoría.


Página 55


Las opciones del buscador interno son

fácilmente comprensibles

0 1 2 3 4 5 NS/NC

Se observa que el buscador interno presenta una cierta complejidad, no los suficientemente

elevada como para cambiarlo, pero en determinados casos puede llegar a confundir a los

usuarios.


Página 56



Como era de esperar la creación de los accesos directos es un gran punto a favor de la

aplicación, ya que la inmensa mayoría de los usuarios los encuentra útiles.


Página 57


La visualización de las tareas es

comprensible

0 1 2 3 4 5 NS/NC

En este punto la aplicación no ofrece una visualización perfecta de sus tareas, sin embargo,

dicha visualización es bastante buena o comprensible, dado que los usuarios por norma

general la han encontrado asequible.

Las siguientes preguntas se corresponden al software general de gestión de proyectos que

haya utilizado actualmente.


Página 58



Los trabajadores encuestados están satisfechos con el software.


Página 59



Al igual que los trabajadores estaban satisfechos con la aplicación también encuentran su

interfaz bastante sencilla.


Página 60



Como apreciamos en este gráfico los trabajadores no encuentran nada que falte en la

aplicación excepto una pequeña minoría que opina, aludiendo a otros programas similares, que

le falta algún tipo de entretenimiento.


Página 61



Aún viendo los resultados anteriores apreciamos que los trabajadores encuestados no

cambiarían de aplicación para sus tareas.


Página 62



En términos lucrativos esta pregunta obtuvo muy buenos resultados ya que la mayoría de los

encuestados sí que la adquirirían.


Página 63



Se encuentra satisfecho con el software

utilizado

0 1 2 3 4 5 NS/NC

Aún estando satisfechos con nuestra aplicación, a la hora de utilizarla en algún dispositivo

móvil, dicha satisfacción baja un poco, principalmente por la necesidad de compresión de la

información para una pantalla más pequeña.


Página 64



Como ocurría con la satisfacción en los dispositivos móviles la facilidad de su interfaz

disminuye un grado.


Página 65



En este caso podemos comprobar que los resultados son incluso mejores que en la versión de

ordenador, ya que los trabajadores comprenden la dificultad de añadir extras en un dispositivo

móvil.


Página 66



Esta cuestión ha obtenido unos resultados muy favorables. Dado que una pequeña minoría de

usuarios cambiarían de aplicación.


Página 67



A través de esta cuestión se averigua que casi todos los trabajadores disponen de un

dispositivo adecuado para su uso.


Página 68


Usuario tipo Gestor

Las siguientes preguntas se corresponden a la visualización y modificación de los

proyectos.


En este caso la corrección automática es incluso más alabada que por los trabajadores. Esto es

así ya que los gestores aluden a la gran cantidad de ocupaciones y el poco tiempo que

disponen, y que este corrector les aumenta.


Página 69


Las opciones de exportar proyectos son fácilmente comprensibles 0 1 2 3 4 5 NS/NC

La mitad de los encuestados encuentra las opciones de exportar comprensibles, no obstante, la

mayor parte del resto de los gestores, aún encontrándolas bien, admiten que éstas dejan algo

que desear.


Página 70


Los campos a rellenar son coherentes al crear un proyecto 0 1 2 3 4 5 NS/NC

Por norma general los gestores encuentran los campos de los proyectos coherentes, sin

embargo, comentaron que ciertos campos, y algunos que no aparecen necesitaban un cierto

retoque.


Página 71



Al igual que ocurría con la coherencia de los campos la gran mayoría de los encuestados

coinciden en que éstos son los adecuados pero admiten que no les molestaría que hubiera

alguno más.


Página 72



Como ocurría en el caso de la coherencia en los proyectos, esto mismo se vuelve a repetir al

crear una alerta.


Página 73



Mayoritariamente los gestores encuestados encuentran claros todos los campos que han de

rellenar, y aquellos que encuentran alguna dificultad, la solventan de una manera eficaz gracias

a la ayuda del programa.


Página 74



Si son fácilmente compresibles dado que casi todos los usuarios encuestados así los piensan.


Página 75



Casi todos los gestores que han usado la aplicación coinciden en la gran utilidad de los accesos

directos.


Página 76


La visualización de los proyectos es comprensible 0 1 2 3 4 5 NS/NC

La forma de ver los proyectos, según la mayor parte de los encuestados, es bastante

comprensible. Aunque para un cierto número de ellos dicha comprensión no es perfecta.


Página 77


Las siguientes preguntas se corresponden a la visualización y modificación de las tareas.


Al igual que ocurría con la corrección en los proyectos nuestros encuestados la encuentran útil.


Página 78



En este caso, aludiendo al homónimo de los proyectos, el número de usuarios que encuentran

que falta cierta coherencia aumenta considerablemente. No obstante, esta es buena.


Página 79



Satisfactoriamente éstos son claramente comprensibles por la inmensa mayoría de usuarios.


Página 80



En caso de las tareas, la dificultad del buscador aumenta en un grado, sin embargo este

aumento, no impide su uso.


Página 81



Lógicamente los gestores siguen encontrando una gran utilidad a los accesos directos aunque

sean de las tareas.


Página 82


La visualización de las tareas es comprensible 0 1 2 3 4 5 NS/NC

Como ocurría con la visualización de los proyectos ésta no es del todo perfecta, pero sí

bastante buena.


Página 83


Las siguientes preguntas se corresponden al software general de gestión de

proyectos que haya utilizado actualmente.


Aun encontrando un mayor número de objeciones que los trabajadores, los gestores

encuestados están satisfechos con nuestra aplicación.


Página 84



Como ocurría en la cuestión anterior los gestores encuentran la interfaz fácil de usar pero con

ciertas objeciones.


Página 85



Curiosamente a la vista de los resultados anteriores un cierto número de gestores añadiría

algún extra a la aplicación, y al igual que los trabajadores sería algún tipo de ocio.


Página 86



Satisfactoriamente, los gestores encuestados admiten no estar interesados en cambiar de

aplicación.


Página 87



Al igual que ocurría en la anterior cuestión se aprecia que nuestros encuestados

valoran el programa hasta el punto de llegar a adquirir una versión de pago.


Página 88




Podemos apreciar en el gráfico que los gestores encuentran satisfactorio el software para sus

dispositivos móviles aunque tienen más objeciones que los trabajadores.


Página 89



Como ocurría con la satisfacción de los gestores acerca de nuestra aplicación, la facilidad de

uso de la interfaz de la misma en los dispositivos móviles es buena pero no llegar a la máxima

facilidad de uso.


Página 90



El tanto por ciento que considera que no le hace falta ninguna característica esencial es

evidentemente muy elevado.


Página 91



Al igual que con la versión de PC y aún teniendo ciertas objeciones nuestros encuestados no

cambiarían de aplicación para sus dispositivos móviles.


Página 92



Como cabría esperar casi el 100 por 100 de los gestores encuestados tienen un dispositivo

suficiente como para utilizar la aplicación.


Página 93


Conclusiones finales

A la vista de los datos obtenidos en los cuestionarios realizados a numerosos usuarios de los

dos tipos de la aplicación, se puede llegar a las siguientes conclusiones:

- La aplicación desarrollada, en término medio, está bien y es útil para su cometido. Sin

embargo, ésta presenta ciertos errores o problemas en casos extremos, es decir, empresas

que utilicen la aplicación y que su número de proyectos, tareas, empleados, etc. no es muy

elevado por las excesivas ayudas para encontrar las cosas.

Igualmente empresas con números elevados el problema viene por las grandes búsquedas a

realizar en caso contrario.

- En los primeros usos de la aplicación, estos pueden llegar a ser ligeramente difíciles o

liosos. Aunque con el uso de la misma y sus ayudas, esto no llega a ser un gran problema.

- Finalmente añadir que después de usar la aplicación, un gran número de usuarios está

satisfecho con ella, inclusive llegando a plantearse la adquisición de la versión de pago.


Página 94


Conclusión Final

Tras haber realizado esta práctica se ha llegado a la conclusión que el esfuerzo realizado para

el desarrollo de este proyecto ha sido importante tanto por la organización del grupo, como así

de reparto de tareas entre los integrantes, sin perder en ningún momento el contacto continuo

entre todos los participantes para coordinar de la mejor forma cada una de las fases.

Asimismo, nos ha sido de gran ayuda realizar un proyecto sobre la gestión de proyectos, por lo

cual a través de la investigación de las metodologías del desarrollo por partes de gestores

hemos podido realizar un reparto de tareas de una forma más eficiente.

Esta práctica nos ha aportado mucho conocimiento, ya que no sólo hemos realizado la

simulación de un proyecto real, enfatizando los conocimientos adquiridos en la asignatura

como los adquiridos en años anteriores, sino que también hemos desarrollado dentro de lo

temporalmente posible una implementación real del proyecto.

El principal inconveniente de la práctica ha sido la falta de recursos reales sobre los cuales

realizar tanto una recogida de datos para obtener los requisitos finales como de una correcta

evaluación, ya que el número de muestras disponibles no son significativos en un proyecto del

mundo real, pero aún así tras realizar consultas en foros y páginas personalizadas sobre las

principales necesidades de los gestores se han podido realizar correctamente dichas tareas.

Las transparencias proporcionadas por la asignatura han sido un primer punto de partida que

nos ha ayudado a organizar la estructura de las fases del desarrollo, sobre las cuales nos

hemos guiado para la realización de la práctica.

Para concluir podemos confirmar que esta práctica nos ha sido de gran utilidad, ya que en el

mundo laboral podremos encontrarnos con proyectos de este calibre, y gracias a la realización

de esta, podremos tener un punto de partida para comenzar a formarnos.


Página 95

práctica final - uc3mocw.uc3m.es/ingenieria-informatica/interfaces-de-usuario/contenido… ·...

Documents