Universitat Oberta de Catalunya

Diseño de la web y de la aplicación compassGO

Asignatura: Trabajo Final de Grado. Creación Gráfica

Nombre del estudiante: Sarai Risueño Montserrat

Consultor y profesor: Ivan Serrano Regol e Irma Vilà Òdena

Introducción

Gracias a internet podemos acceder a cantidades inimaginables de información. Casi todo lo que necesitamos lo podemos encontrar en la red, desde referencias históricas de todas las culturas del mundo hasta la ecuación matemática más complicada. Aún así, toda esta cantidad de información muchas veces nos supera y nos atrapa en un mar de letras que no somos capaces de enlazar.

Unificar la información puede parecer una utopía y, en muchos casos, lo es, pero hay sectores y temáticas que permiten y nos dan pié a intentarlo. Y esta es la finalidad de mi proyecto, poder unificar información y facilitar a los usuarios la búsqueda y planificación de sus viajes sin necesidad de que tengan que visitar multitud de páginas para saber dónde ir y qué visitar cuando están fuera.

A rasgos generales, se trata de diseñar una web que facilitará a los usuarios encontrar y crear rutas ideales para sus viajes a partir de sus intereses. Es decir, los usuarios podrán introducir la información técnica de su viaje como, por ejemplo, los días totales y sus intereses (visitar atracciones turísticas, la gastronomía local, museos de arte, etc.). A partir de la recopilación de esta información, la web generará su ruta y organización de viaje ideal indicándole qué tiene que visitar cada día según sus preferencias y proximidad a los sitios, así como información específica de todas las visitas.

Además, esta web estará complementada por una aplicación que permitirá a los usuarios acceder a toda su información una vez se encuentren en su destino sin necesidad de tener conexión a Internet. De ésta manera, facilitaremos el acceso a la información a todos los usuarios registrados para poder hacer sus viajes más cómodos.

Etapas y retos

El desarrollo de cualquier web o aplicación requiere de unas fases imprescindibles para conseguir un producto de calidad y adaptado a las necesidades de nuestro público objetivo. En mi caso, para poder encontrar los mejores contenidos y definir exactamente los objetivos del producto, empecé con un proceso de investigación tanto de mercado como de usuarios, con lo que estudié la competencia y realicé encuestas y prototipos de usuarios que me permitieron definir mejor la finalidad de mi producto.

Paralelamente a la definición del público objetivo y de sus necesidades, inicié la fase de creación de la identidad gráfica en la que se definen los rasgos esenciales de la web (naming, logotipo, colores, tipografías, etc.) para poder trabajar posteriormente en la fase de diseño a partir de una base sólida.

1

Estas dos fases son imprescindibles en cualquier proceso de desarrollo de un producto de estas características ya que nos servirán para definir los siguientes puntos y serán nuestra guía durante la toma de decisiones.

Una vez analizados los resultados de las encuestas se definen cuáles son los contenidos principales de la web y de la aplicación para poder desarrollar la arquitectura web de las dos plataformas de las que consta el trabajo.

2

A partir de la definición y de las arquitecturas, se inicia la creación de wireframes, en primer lugar de baja calidad a partir de esbozos para, a continuación, realizar los prototipos reales y bien definidos a partir de una aplicación web destinada a este tipo de trabajos. Para poder simplificar el proceso, decidí realizar las pruebas de usabilidad a partir de estos wireframes, de manera que los cambios necesarios los apliqué directamente en la última fase del TFG, el diseño final de la web y de la aplicación.

3 copia

Conclusiones

Encarar un proyecto de estas dimensiones y en un tiempo reducido es siempre un reto para cualquiera, y más aún si se trata de un proyecto personal, creado y pensado desde un principio por uno mismo. A lo largo de nuestra vida universitaria y profesional nos ha tocado y nos tocará desarrollar proyectos que nos gusten más o menos, pero muy pocas veces tendremos la oportunidad de hacer algo tan propio y personal como un proyecto de final de grado.

En mi caso, el proyecto ha sido 100% propio, desde el desarrollo de la idea hasta el diseño final, pasando por el concepto, el diseño de identidad o de estructuración de la web y de la aplicación, y esto me ha permitido hacérmelo mío y emprenderlo con muchas más ganas que cualquier otro proyecto que pueda estar haciendo actualmente.

Lo más importante a la hora de realizar un TFG es encontrarte cómodo con lo que estás haciendo y, sobretodo, hacértelo tuyo ya que de esta manera lo desarrollarás con más ganas. Intenta siempre que sea algo con visión de futuro, es decir, que más allá de ser un trabajo, pueda ser, más adelante, un proyecto real propio y que lo que estás haciendo ahora te sirva como base para su aplicación.

Seguramente, con más tiempo y más recursos el proyecto se podría mejorar considerablemente. Por ejemplo, si tuviera la oportunidad de desarrollarlo para un uso real, invertiría mucho más tiempo en la realización de pruebas de usabilidad con usuarios reales y con más evaluadores. Aún así, teniendo en cuenta el tiempo y los recursos de los que disponía, estoy satisfecha con los resultados obtenidos, tanto en la parte escrita y de investigación, como en la parte más técnica y creativa.

Documentación

Esta obra está sujeta a una licencia de Reconocimiento-NoComercial-SinObraDerivada 3.0 de Creative Commons (BY-NC-ND).

Rodríguez, Jose Ramón. Mariné Jové, Pere. (2007). “Gestión de proyectos informáti-cos: métodos, herramientas y casos” [Materials en línia]. UOC. http://materials.cv.uoc.edu/continguts/PID_00153519/index.html?a-jax=true

Urbano, David. Toledano, Nuria. Lamolla, Laura. (2013). “Iniciativa Emprenedora” [Ma-terials en línia]. UOC.

http://materials.cv.uoc.edu/continguts/PID_00143775/index.html?ajax=true

Enlaces relacionados:

Repositori 

MockFlow

Invisionapp

Survey Monkey

Acerca del autor

Nacida en el año 1988 en Barcelona, Sarai Risueño Montserrat es licenciada en Periodismo por la Universidad Autónoma de Barcelona y graduada en Multimedia por la UOC. Cuenta con una amplia experiencia laboral en el mundo de la comunicación y del diseño online donde ha trabajado en medios de comunicación así como en agencias de publicidad y de producción audiovisual.

Deja un comentario