Transformación de una aplicación móvil utilizando Material Design

Abstract

El proyecto se divide en cuatro partes, planificación, diseño, desarrollo y mejoras. Durante la planificación y un par de meses antes de empezar el proyecto, me he dedicado a estudiar los programas y los Frameworks que quería utilizar desarrollar el proyecto, como Angular, Angular Material, Sass, Visual Studio Code y las guías de Material Design. En la fase de diseño he creado diferentes perfiles de usuario para aplicar el DCU, he hecho un análisis heurístico para detectar las partes a mejorar de la aplicación y con ellos he creado los Wireframes. Seguidamente, he utilizado la guía de estilo de la empresa para que la aplicación pueda ser identificada con la marca y he utilizado las guías de Material Design para desarrollar la parte Frontend de la aplicación, creando Mockups interactivos y aplicando el diseño de los Wireframes hechos con anterioridad. Finalmente, después de ejecutar los tests para verificar que todas las partes de la aplicación estuvieran bien implementadas y su comportamiento haya sido aplicado en los Mockups interactivos, he añadido algunas mejoras a la aplicación.

El projecte es divideix en quatre parts, planificació, disseny, desenvolupament i millores. Durant la planificació i un parell de mesos abans de començar el projecte, m'he dedicat a estudiar els programes i els Frameworks que volia utilitzar desenvolupar el projecte, com a Angular, Angular Material, Sass, Visual Studio Code i les guies de Material Design. En la fase de disseny he creat diferents perfils d'usuari per a aplicar el DCU, he fet una anàlisi heurística per a detectar les parts a millorar de l'aplicació i amb ells he creat els Wireframes. Seguidament, he utilitzat la guia d'estil de l'empresa perquè l'aplicació pugui ser identificada amb la marca i he utilitzat les guies de Material Design per a desenvolupar la part Frontend de l'aplicació, creant Mockups interactius i aplicant el disseny dels Wireframes fets amb anterioritat. Finalment, després d'executar els tests per a verificar que totes les parts de l'aplicació estiguessin ben implementades i el seu comportament hagi estat aplicat en els Mockups interactius, he afegit algunes millores a l'aplicació.

The Project is divided in four parts, planning, design, development and make improvements. During the planning and a couple of months before starting the project I have dedicated myself to study the software and frameworks I needed to develop the project, as Angular, Sass, Visual Studio Code and Material Design. During the design phase I have created different user profiles to aply the UCD, I did an heuristic analysis to find out the parts of the application that need to be improve and with them I created the Wireframes. To continue, I have used the design guidelines of the company in order to match the application with the company brand and used the Material Design guidelines to develop the Frontend of the applicaton, creating interactive mockups by applying the design of the Wireframes done previously. Finally, after executing the tests to verify all the parts of the application have been well implemented and its behavior has been applied on the interactive mockups, I have added some improvements to the application.