<img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=1603620&fmt=gif"/>
Diseño de producto y diseño conceptual para aplicación móvil

De la idea al prototipo interactivo

Seguridad

Aplicación móvil

Startup

Primer plano de un brazo roto de un usuario de la aplicación de notificación de incidentes.
CLIENTGreenlight
LOCATIONLondon
EQUIPOInvestigador, diseñador de UX, arquitecto de sistemas, diseñador de UI, gestor de proyectos
PÁGINA WEB DEL PROYECTO

Sam acababa de terminar su tesis doctoral sobre procedimientos de seguridad y notificación de incidentes en el lugar de trabajo. Las ideas que recogió le impulsaron a crear una start-up que facilitara la notificación de incidentes. Quería crear un prototipo que tradujera sus ideas en una aplicación móvil real.

Le gustó nuestra experiencia en trabajar con datos procedentes de la investigación académica. Estábamos encantados de trabajar con una joven y brillante fundadora que había hecho los deberes. No tardamos mucho en poner en marcha el proyecto de diseño del prototipo para hacer despegar su start-up.

NUESTRAS CONTRIBUCIONES

Estrategia de producto

Arquitectura de la información

UX Design

Wireframing

Prototipos interactivos

UI Design

Marca

Pruebas de usuario

Diseño de aplicación sobre la imagen de un centro logístico.

Convertir una tesis doctoral en mentalidad UX

Sam compartió con nosotros su tesis doctoral, además de una serie de artículos de investigación, una presentación y un capítulo de libro. Resumimos y organizamos las ideas relevantes para el diseño del prototipo. Creamos un banco de ideas, además de una lista de comprobación de lo que haría del prototipo una herramienta realmente buena para notificar incidentes en el lugar de trabajo.

Artículos académicos utilizados en el diseño del prototipo de aplicación.

UNA ARQUITECTURA LÓGICA DE LA INFORMACIÓN

En la semana 1 nos centramos en crear una arquitectura de la información en la que los recorridos del usuario fueran lo más sencillos posible. Sin embargo, tuvimos que planificar una flexibilidad significativa porque los formularios de incidencias difieren según el tipo de incidencia. Exploramos 3 conceptos de arquitectura. Fue un placer entablar conversación con Sam, explicándole los pros y los contras e integrando su perspectiva.

Diagrama con el recorrido en el prototipo de aplicación con comentarios a la izquierda.

Apoyar la estrategia de producto

Esta es la primera start-up de Sam y su primera experiencia en la creación de un producto digital. Mientras los diseñadores trabajaban en el diseño del prototipo, organizamos varias sesiones para perfilar la estrategia general del producto. Compartimos con ella ejemplos de experiencias pasadas y la ayudamos a entender las opciones que tiene para el desarrollo, la financiación, las asociaciones con los primeros usuarios y cómo organizar el lanzamiento del producto.

Quotes

En primer lugar, dejadme decir que para mi ver esto cobrar vida ha sido una pasada. Muchas gracias por vuestro trabajo y por todo lo que habéis hecho para darle forma. 

Imagen del cliente de la agencia de diseño.
Samantha GruskinFundadora @GREENLIGHT
Interior de un despacho durante una reunión de estrategia de producto.

La aplicación empieza a tomar forma

Las semanas 2 y 3 fueron intensas. Hicimos 3 iteraciones de wireframes, añadiendo detalles de diseño cada vez. Primero averiguamos cómo crear un diseño para el formulario que pudiera adaptarse tanto a informes cortos como complejos. A continuación diseñamos un wireframe de fidelidad media de todo el proceso y en la última iteración plasmamos los detalles finos. En cada paso hicimos partícipe a Sam, explicándole la idea del diseño y recabando su opinión. Los comentarios de Sam dieron en el clavo y se adueñó de la visión de lo que sería la aplicación de principio a fin.

App wireframe diseña en un diagrama que muestra el flujo de usuario.

Una demo persuasiva para el inversor

En la semana 4 hicimos pruebas de usuario. Aprendimos algunas lecciones valiosas y tuvimos que adaptar el recorrido del usuario, además de otros retoques en el formulario de informe. Una vez terminados los wireframes, montamos el prototipo final.

En la semana 5 trabajamos en la interpretación de la IU, mostrando cómo podría ser la aplicación con el diseño visual. Utilizamos el diseño visual de interfaz de usuario ensamblado y creamos una demo para inversores.

Una demostración persuasiva para el inversor
Elementos del diseño

Prototipo entregado en 4 semanas

En 4 semanas transformamos el entusiasmo y las ideas teóricas de Sam en una aplicación real que gusta a los usuarios. El hecho de que estuviera bien preparada nos permitió centrarnos en las soluciones de diseño y mantener conversaciones productivas después de cada iteración de diseño.

Trabajamos estrechamente con ella para sacar el máximo partido de su presupuesto inicial. Gracias a las pruebas de usuario, mejoramos mucho el diseño. Cuando llegó el momento de la demo para inversores, nos centramos en mostrar lo que buscan: un producto que aporte valor y la capacidad de ejecución del equipo.

RESULTADOS

Prototipo interactivo construido en 4 semanas

Totalmente documentado para el desarrollo

Demo para inversores creada en 1 semana

Dos despliegues de IU para la ideación de marca