Diseño de una interfaz gráfica para una App clienteud(Android / IOS) para una red social

摘要

En la presente memoria se describe el trabajo de diseño de la interfaz de usuario de unaudaplicación basada en una red social de rankings, en la cual los usuarios puedenudparticipar y crear sus propios rankings, además de diversas funciones.udEn primer lugar, se realiza un estudio de Material Design1, interfaz de usuario propuestaudpor Google para unificar el diseño en las últimas versiones del sistema operativo móviludAndroid.udA continuación se describen las metodologías ágiles seguidas para el buen desarrollo deludproyecto, por medio de un breve resumen acompañado de casos de uso propios deludmismo.udActo seguido se presentan las distintas fases del desarrollo del proyecto, el diseño deludprototipo. Dichas fases comienzan con desarrollo a bajo nivel a través de esquemas deudpágina o wireframes con el fin de establecer la funcionalidad, siguen con el diseño porudmedio de páginas y pantallas que adoptan Material Design, y finalizan mediante eludprototipo funcional mediante interacciones.udDespués de la presentación del diseño, se presenta la descripción de las distintas pruebasudy las estimaciones subjetivas de esfuerzo según cada usuario.udPor último, se estudian los resultados y conclusiones del desarrollo del proyecto y lasudpruebas anteriores, así como se incluye un anexo en el cual se adjuntan las imágenesudcorrespondientes a cada fase del diseño.---ABSTRACT---This report describes the design work of the user interface of an application based on audsocial network which focus is different types of rankings. In this application, users canudparticipate and create their own rankings, as well as various functions.udOn one hand, a study of Material Design is performed, the user interface proposed byudGoogle to unify the design in the latest versions of Android.udOn the other hand, the agile methodologies followed for the good development of theudproject are described, by means of a brief summary accompanied by use cases of theudsame.udThen, the different phases of the development of the project, the design of the prototype,udare presented. These phases begin with low-level development through page layouts orudwireframes in order to establish the functionality, the phases continue with the designudthrough pages and screens that adopt Material Design, and the final phase the functionaludprototype through interactions.udAfter the presentation of the design, the description of the different tests and subjectiveudestimates of effort according to each user is presented.udFinally, the author studies the results and conclusions of the project development andudthe previous tests, as well as an annex is attached with the images corresponding to eachudphase of the design.