Rafael Rubio Castro

UX/UI APP DESIGN

Acceso360 Android App

content

Contexto

La compañía Rebold tiene la aplicación lider de monitoring de medios "aceso360", esta aplicación estaba disponible en versión desktop, pero la app de Android estaba obsoleta y no era usable. Desde producto se propone diseñar y desarrollar una nueva aplicación para móvil que atienda las necesidades demandadas por los usuarios.

ROL

UX Research, UI Design, Visual Design.

TIMELINE

7 semanas.

HERRAMIENTAS

Sketch, Invision, Photoshop.

Proceso

01. Investigar

Entrevistas, Test de Guerrilla para obtener información cualitativa.

02. Definir

Proponer un MVP con las funcionalidades esenciales.

03. Prototipar y testear

Arquitectura de la información, User flows y Wireframes.

04. Diseñar

Diseño visual, UI Kits, Mockups de alta definición.

01. Investigar

El proyecto comienza con Entrevistas con producto y usuarios de la plataforma desktop para averiguar las expectativas que debería cubrir el nuevo producto.

Se hicieron Test de guerrilla con usuarios reales para que realizasen una tarea concreta en la plataforma, esto ayudaría a definir las funcionalidades básicas del producto.

Elaboración de un informe en el que se incluyó qué funcionalidades y contenidos debería tener la app, los problemas de usabilidad que podría tener e indicaciones o sugerencias para solucionarlos.

03. Definir

Propuesta de MVPLa nueva app de acceso360 debe funcionar como una herramienta alternativa al producto desktop que sirva para visualizar y monitorizar todas las noticias que un cliente tiene asociadas en su perfil.

Objetivos de negocio y usuarios:Diseñar y desarrollar el producto digital app de la plataforma de seguimiento de medios y noticias que deberá tener acceso a todas las categorías de noticias del perfil de usuario, noticias segmentadas por medio, funcionalidad de búsqueda y selector de contenidos por fecha de publicación. Los contenidos audovisuales deberán estar disponibles con reproductores de audio y vídeo.

Esto permitirá a los usuarios tener acceso desde dispositivos móviles a toda la información de medios sin necesidad de usar la plataforma desktop.

Características y requerimientos:
La aplicación será diseñada tomando como referencia elementos del framework "material design", la aplicación será programada en Android, será una versión beta que en un futuro se podrá actualizar.

04. Prototipar y Testear

Flujos de usuario
Task Flow del recorrido hasta ver detalle de una noticia.

Wireframes
Prototipos de baja fidelidad con descripción de elementos y funcionalidades.

05. Diseñar

Visual Design & UI Kits
Muestra del "Design System", se creó un sistema de diseño con todos los elementos UI.

Mockups hi-fi
Prototipos de alta fidelidad y diseño de interacción.

Resultado

acceso360 app

Una vez finalizada la fase de diseño y prototipos de alta fidelidad se realizó la programación de la app por desarrolladores android nativos, como dificultades hubo que rediseñar elementos de la app para adaptarlos a los requerimientos a nivel programación de interfaces. Una vez realizados test QA se subió a Google Play la versión beta para que los usuarios pudieran usar este nuevo producto.

Google Play app