<img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=1603620&fmt=gif"/>
Design del prodotto e concept design per l'app mobile

Dall'idea al prototipo interattivo

Sicurezza

App mobile

Avvio

Primo piano di un braccio rotto di un utente dell'app di segnalazione degli incidenti.
CLIENTEGreenlight
POSIZIONELondon
SQUADRARicercatore, UX designer, architetto di sistemi, UI designer, project manager
SITO WEB DEL PROGETTO

Sam aveva da poco terminato la sua tesi di dottorato sulle procedure di sicurezza e la segnalazione degli incidenti sul posto di lavoro. Le intuizioni che ha raccolto hanno stimolato l'idea di una start-up che rendesse facile la segnalazione degli incidenti. Voleva creare un prototipo che traducesse le sue idee in una vera app mobile.

Le è piaciuta la nostra esperienza nel lavorare con le intuizioni della ricerca accademica. Eravamo felici di lavorare con una giovane e brillante fondatrice che aveva fatto i suoi compiti. Non c'è voluto molto tempo prima di dare il via al progetto di design del prototipo per far decollare la sua start-up.

I NOSTRI CONTRIBUTI

Strategia di prodotto

Architettura dell'informazione

Design UX

Wireframing

Prototipazione interattiva

Design UI

Branding

Test dell'utente

Design dell'app sopra l'immagine di un centro logistico.

Trasformare una tesi di dottorato in un pensiero UX

Sam ha condiviso con noi la sua tesi di dottorato, più una serie di articoli di ricerca, una presentazione e un capitolo di un libro. Abbiamo riassunto e organizzato le intuizioni che erano rilevanti per la progettazione del prototipo. Abbiamo creato una banca di idee, più una lista di controllo di ciò che avrebbe reso il prototipo uno strumento davvero buono per la segnalazione degli incidenti sul posto di lavoro.

Articoli accademici utilizzati nella progettazione del prototipo di app.

UN'ARCHITETTURA LOGICA DELL'INFORMAZIONE

Nella prima settimana ci siamo concentrati sulla creazione di un'architettura dell'informazione in cui i percorsi degli utenti sono il più semplice possibile. Tuttavia, abbiamo dovuto pianificare una flessibilità significativa perché i moduli per gli incidenti differiscono a seconda del tipo di incidente. Abbiamo esplorato 3 concetti di architettura. E' stato piacevole impegnarsi in una conversazione con Sam, spiegando i pro e i contro e integrando la sua prospettiva.

Diagramma con il viaggio nel prototipo dell'app con commenti a sinistra.

Essere di supporto con la strategia del prodotto

Questa è la prima start-up di Sam e la sua prima esperienza nella creazione di un prodotto digitale. Mentre i designer stavano lavorando al design del prototipo, abbiamo organizzato alcune sessioni separate per dare forma alla strategia generale del prodotto. Abbiamo condiviso con lei esempi di esperienze passate e l'abbiamo aiutata a capire le opzioni che ha per lo sviluppo, il finanziamento, le partnership con gli early adopters e come mettere in scena il rilascio del prodotto.

Quotes

Prima di tutto, lasciatemi dire che vedere questo prendere vita per la prima volta è stata la cosa più bella di sempre per me. Grazie mille per il vostro lavoro e per tutto quello che avete fatto per dargli forma.

Immagine del cliente dell'agenzia di design.
Samantha GruskinFondatore @ GREENLIGHT
Interno dell'ufficio durante una riunione di strategia di prodotto.

L'applicazione inizia a prendere forma

Le settimane 2 e 3 sono state intense. Abbiamo fatto 3 iterazioni di wireframes, aggiungendo dettagli di design ogni volta. Per prima cosa abbiamo capito come creare un design per il modulo che può adattarsi a rapporti sia brevi che complessi. Poi abbiamo disegnato un wireframe a media fedeltà dell'intero processo e nell'ultima iterazione abbiamo catturato il dettaglio fine. Ad ogni passo abbiamo coinvolto Sam, spiegando il design thinking e ottenendo il suo input. I commenti di Sam sono stati azzeccati e lei ha avuto la visione di come sarebbe stata l'app dall'inizio alla fine.

I disegni wireframe delle app in un diagramma che mostra il flusso dell'utente.

Una demo persuasiva per gli investitori

Nella quarta settimana abbiamo fatto dei test sugli utenti. Abbiamo imparato alcune lezioni preziose e abbiamo dovuto adattare il viaggio dell'utente, più altre modifiche nel modulo di segnalazione. Una volta completati i wireframes, abbiamo assemblato il prototipo finale.

Nella quinta settimana abbiamo lavorato sulle interpretazioni dell'UI, mostrando come potrebbe essere l'app con il design visivo. Abbiamo usato il visual UI design assemblato e creato una demo per gli investitori.

Quattro screenshot del design visivo dell'app dalla demo per gli investitori.
Elementi di design

Prototipo consegnato in 4 settimane

In 4 settimane abbiamo trasformato gli entusiasmi e le idee teoriche di Sam in una vera app che piace agli utenti. Il fatto che fosse ben preparata ci ha permesso di concentrarci sulle soluzioni di design e di avere conversazioni produttive dopo ogni iterazione del design.

Abbiamo lavorato a stretto contatto con lei per ottenere il massimo dal suo budget ridotto. Facendo anche solo un po' di test utente, abbiamo migliorato il design in modo significativo. Quando si è trattato della demo per gli investitori, ci siamo concentrati sul mostrare ciò che gli investitori stanno cercando: un prodotto che aggiunge valore e la capacità di esecuzione del team.

RISULTATI

Prototipo interattivo costruito in 4 settimane

Completamente documentato per lo sviluppo

Demo per gli investitori creata in 1 settimana

Due roll-out di UI per l'ideazione del marchio