APPLICATE

UX/UI Project

 

El estrés académico es la reacción normal que sufren los estudiantes frente a las diversas exigencias y demandas a las que se enfrentan en la universidad, tales como pruebas, exámenes, trabajos, presentaciones, etc.

Applicate es una idea de aplicación para móvil dirigida a estudiantes que quieren formar grupos de estudios y conocer gente nueva en su universidad. De esta manera se crea una comunidad de usuarios que quieren implicarse en sus estudios y ayudar a otros a que lo hagan.

 
 

Investigación

 
 

La investigación de artículos relacionados con el estrés en los estudiantes fue la primera fase. A continuación se procedió a realizar encuestas y entrevistas para poder cerrar el campo de estudio y centrar el objetivo en problemas más concretos.

Los datos para los test fueron recogidos a partir de las respuestas de más de 40 alumnos de diferentes universidades, escuelas o cursos de formación. Algunos datos interesantes:

  • Un 40% siente vergüenza en algunas ocasiones a la hora de preguntar dudas a sus compañeros y profesores. Y otro 18% siente vergüenza y nervios siempre.

  • El 70% tiene dificultad para organizar los tiempos de estudios y suele dejar todo para el último momento. El 30% de éstos termina trabajando en el último momento.

  • Un 79% reconoce que suele tener problemas de concentración.

  • El 48% dice sentir ansiedad y tristeza cuando no consigue la nota que se ha propuesto.

 
 
Mind map: Este diagrama representa las ideas, conceptos o tareas ligadas a las palabras principales. Gracias a las 5 principales ramas realizadas a partir de los ejercicios anteriores se pudieron localizar las ideas principales en las que posteriorm…

Mind map: Este diagrama representa las ideas, conceptos o tareas ligadas a las palabras principales. Gracias a las 5 principales ramas realizadas a partir de los ejercicios anteriores se pudieron localizar las ideas principales en las que posteriormente se basaría la app.

 
 

user persona

 
 

Con todos los datos ya recopilados se procede a desarrollar nuestro User Persona. Margarita tiene 20 años, vive en Barcelona y es estudiante de psicología en la UOC. Tiene un carácter simpático aunque algo tímido, es amable y también suele ser responsable.

 
 
margarita.jpeg

Margarita

“Pierdo demasiado tiempo delante de los apuntes y mirando a las musarañas”

Margarita suele dejar todo para el último momento. Aunque es responsable, los problemas los encuentra en los momentos de concentración. Durante el semestre dedica horas al estudio pero al no sentir presión por la fecha de los exámenes no consigue llevar las asignaturas al día.

Le gustaría encontrar un grupo de estudio con el que poder reunirse todas las semanas para llevar al día ciertas asignaturas.

 
 
 

User Flow

 
Flujo de las tareas que el usuario debe completar para realizar las dos principales funciones de la app.

Flujo de las tareas que el usuario debe completar para realizar las dos principales funciones de la app.

 

WIREFRAMES

 
 

Una vez realizados los user flows necesarios y el esquema principal de la app dio comienzo el diseño de los wireframes. Estos esquemas son una guía visual que sirven tanto para testear como para proceder al diseño final.

Gracias a los test realizados a diferentes usuarios sobre los wireframes sobre determinados flujos pude observar:

  • Las principales acciones: crear y buscar un grupo se completan con facilidad.

  • Existen iconos en el menú principal que los usuarios no entienden muy bien la necesidad concreta.

  • El formato elegir las fechas de estudio tampoco termina de comprenderse.

 
WIREFRAMES.jpg
 
 
 

DISEÑO

 
 

Las principales características del diseño vinieron definidas por las pocas imágenes que iba a necesitar durante toda la arquitectura de la aplicación. Así que, como se puede observar en la imagen inferior opté por dos colores complementarios muy saturados, tipografías de palo seco y grosores de línea fuerte tanto en iconos como en cards.

 
 
Artboard.png
 
 

En la parte inferior vemos el prototipo de alta fidelidad. El resultado final es una aplicación bastante limpia aunque con un toque de color gracias los usos puntuales de los colores anteriormente mencionados.

 
 
mockup.jpg
 
 

Prototipo

 
 

Crear un grupo de estudio.

Una de las funciones principales de la aplicación es la de crear un grupo de estudio. Un sistema de cinco ventanas consecutivas hace que el proceso sea rápido y sencillo.

 
 
Crear-Grupo.gif
  1. Elige la asignatura. Como el usuario ya está previamente logeado la información de las asignaturas de su carrera ya se encuentra en la app.

  2. Elige el periodo de duración que tendrá tu grupo de estudio. El usuario puede elegir desde crear el grupo para todo el periodo que dure la asignatura o durante un tiempo concreto como puede ser el previo a un examen.

  3. Escoge los días de la semana y el horario.

  4. El número máximo de personas que desea en su grupo y el código postal del lugar de reunión. La localización se mostrará más tarde mediante un mensaje privado a los participantes del grupo.

  5. Por último y de manera opcional puede añadir un breve texto concretando otros puntos.

 
 
 

Mi perfil.

El usuario al entrar en su perfil puede ver los grupos de trabajo a los que se ha unido y un calendario con las fechas y los horarios de estos grupos.

 
Mi-Perfil1.gif

Al entrar en su perfil puede ver con más detalle los grupos de estudio a los que está unido.

En la pestaña de calendario puede ver sus horarios del mes y al pulsar en los días puede ver los grupos de estudio y el horario concreto del día.

 

Mensajes, menú y filtros de búsqueda.

Otras herramientas son:

  • En la pantalla de inicio a modo de scroll del usuario aparecen recomendaciones de grupos de estudio que puedan interesarle.

  • Navegación del menú principal con chat, una home y el perfil.

 
 
Recomendaciones de la pantalla de inicio.

Recomendaciones de la pantalla de inicio.

 
Navegación del menú principal.

Navegación del menú principal.

 
 
 
  • Mensaje directo al administrador de un grupo para poder resolver dudas antes de apuntarse.

  • Sistema de filtros por nombre de asignatura u horario.

 
 
Mensaje directo.

Mensaje directo.

 
Filtros en la pantalla de inicio.

Filtros en la pantalla de inicio.

 
 

¡gracias!