Universitat Oberta de Catalunya

Compass Gluten Free, diseño de una aplicación móvil

Estudiante: Maria Domingo Montón.

Asignatura: Trabajo Final de Grado – Creatividad Gráfica.

Consultor/Profesor: Franscesc Morera Vidal / Irma Vilà Òdena.

La idea inicial de este proyecto es la creación gráfica de una aplicación para dispositivos móviles para geolocalitzar establecimientos con productos aptos para celíacos. La idea surgió por un problema personal y a la vez muy común entre muchas otras personas intolerantes al gluten. La necesidad de encontrar restaurantes donde poder comer con toda tranquilidad.

De aquí la idea de diseñar una guía de restaurantes aptos para celíacos. Los principales objetivos de Compass Gluten Free son la creación de una base de datos de bares y restaurantes aptos para celíacos, ofrecer los recursos necesarios para buscar estos establecimientos de manera fácil y motivar a los restaurantes a indicar en las cartas la oferta sin gluten.
Por otro lado, la aplicación quiere permitir a los usuarios comentar y valorar los locales visitados, facilitar añadir nuevos establecimientos, ser un medio de promoción y publicidad para estos bares y restaurantes y, ante todo, dar a conocer la enfermedad celíaca y los problemas que comporta a la hora de salir a comer fuera de casa.

Etapas y retos:

La creación de este proyecto se ha dividido en tres etapas: introducción, análisis y diseño. En una primera etapa: la introducción; se ha definido la motivación y la definición del proyecto, los objetivos de la aplicación y del TFG, así como la metodología y proceso de trabajo.

En la segunda etapa,  el análisis; se ha realizado un estudio de viabilidad, análisis de mercado, análisis de la competencia, análisis DAFO; también se ha definido la estrategia de marketing así como el publico objetivo y los requerimientos. Además se ha realizado una encuesta a diferentes usuarios, celíacos y no celíacos, para conocer la viabilidad del proyecto y a la vez poder valorar inquietudes y necesidades de los futuros usuarios.

Infografía de los resultados de las encuestas realizadas en la etapa de análisis del proyecto.
Infografía de los resultados de las encuestas realizadas en la etapa de análisis del proyecto.

Finalmente, y la parte más importante del proyecto, la etapa del diseño; en primer lugar se ha definido la arquitectura de la información, la cual nos ha permitido organizar el contenido y funciones de toda la aplicación. La navegabilidad de la aplicación se ha diseñado bajo el punto de vista del diseño centrado en el usuario y la usabilidad.

Esquema en el que se muestra cual es la arquitectura de la información de Compass Gluten Free.
Esquema en el que se muestra cual es la arquitectura de la información de Compass Gluten Free.

A continuación, se han diseñado los primeros bocetos de la aplicación. Con los wireframes se ha trabajado la composición de las pantallas, se ha desarrollado la estructura y las áreas de contenido que tendrán las diferentes pantallas de la aplicación.

cuatro imagenes de la aplicación:  geolocalización, lista de restaurantes, formulario de comentarios y  ompartir
Wireframes de la aplicación

En el desarrollo de aplicaciones móvil, además de la funcionalidad, la utilidad y el correcto funcionamiento de esta, también se debe tener en cuenta otras características imprescindibles como son el diseño y la usabilidad. Por esto se ha realizado una guía de estilo de la aplicación, donde se definen los diferentes tipos de retícula, la tipografía, la gamma de colores, se diseña el logotipo y la iconografía utilizada a lo largo de la aplicación.

Imagen que explica los usos  que se puede hacer de loa identidad gráfica de la aplicación
Guía de identidad gráfica de la apicación.

Ya por último, después de haber realizado los prototipos de baja fidelidad y la guía de estilo, se han diseñado los prototipos de alta fidelidad, que ya incluyen los aspectos de diseño, con la finalidad de conseguir un prototipo más ajustado al producto final.

cuato imagenes del prototipo final de la aplicación: más, buscar, splash screen y ejemplo de restaurante
Prototipo final de la aplicación

Conclusiones:

Este proyecto, como ya se ha explicado anteriormente, estaba enfocado a diseñar la interface gráfica de la aplicación móvil Compass Gluten Free, una solución tecnológica para la geolocalización de establecimientos aptos para celíacos. El motivo por el cual se decidió diseñar una aplicación móvil, fue para aprender más sobre proyectos en medios digitales y experimentar materias relacionadas con la usabilidad, la experiencia de usuario y el diseño de interfaces.

Analizando de manera crítica el proyecto, sus objetivos, el trabajo realizado y los fines conseguidos, estoy satisfecha de haber alcanzado con éxito mis expectativas. La experiencia ha resultado muy positiva y el aprendizaje adquirido durante la realización del TFG ha sido muy bueno. Los requisitos iniciales que se presentaban al inicio del proyecto se han cumplido en su mayoría. Los procesos y las fases se han respetado, aunque han habido algunas dificultades que se han resuelto satisfactoriamente, gracias a la buena previsión del tiempo.

El hecho de trabajar con la metodología de trabajo de diseño centrado en el usuario me ha permitido mejorar mis conocimientos y valorar positivamente este tipo de técnica para incluirlas en futuros proyectos. Desgraciadamente, se ha tenido que dejar fuera del proyecto un apartado muy importante, como son los tests de usabilidad con y sin usuarios, a causa del tiempo tan ajustado que hay para desarrollar el proyecto y el tiempo que conlleva realizar este tipo de pruebas de usabilidad. Así pues, quedaría pendiente, una evaluación posterior del prototipo final de la aplicación en la que se pusieran a prueba los diferentes aspectos gráficos y de usabilidad.

El resultado final puede que no sea perfecto a la vista de muchos, pero el hecho de haber desarrollado un proyecto de estas características ha puesto en manifiesto, debido a la gran cantidad de trabajo, que para realizar la globalidad de este proyecto seria necesario un equipo formado como mínimo por un diseñador gráfico, un diseñador multimedia, un programador web, un experto en contenidos y un community manager.

Deja un comentario