Best practice ed errori per la progettazione di app mobili

Pubblicato: 2022-03-11

Ascolta la versione audio di questo articolo

Nel 2017 sono state scaricate più di 91 miliardi di app da iOS App Store e Google Play (che non include tutti gli app store di terze parti e gli app store per altre piattaforme). Sono molte app, circa 13 a persona, sull'intero pianeta. Con così tante app scaricate, non sorprende che l'app media abbia un tasso di abbandono del 57% nel primo mese (utenti che non aprono l'app più di una volta durante i primi 30 giorni dopo averla scaricata) e ben 71 % dopo 90 giorni.

Se una qualsiasi parte di un'app è indesiderabile o lenta da utilizzare, gli utenti sceglieranno di installarne una nuova piuttosto che attaccarla con il prodotto imperfetto. Nulla viene sprecato per il consumatore quando si elimina un'app, a parte forse qualche dollaro (e sanno che possono scaricare di nuovo l'app in qualsiasi momento). L'unica perdita è il tempo e lo sforzo dei progettisti e degli sviluppatori.

I progettisti dovrebbero osservare le migliori pratiche di progettazione di app mobili.

Allora, perché così tante app falliscono? È un fenomeno prevedibile che i progettisti e gli sviluppatori di app dovrebbero accettare? Per i clienti, questa percentuale di successo è accettabile? Cosa serve per evitare che le tue app vengano eliminate senza pensarci due volte?

Gli errori più comuni vanno dal mancato mantenimento della coerenza per tutta la durata di vita di un'app alla difficoltà di attirare gli utenti in primo luogo. È difficile progettare un'app con semplicità intuitiva senza che diventi ripetitiva e noiosa. Un'app deve offrire un design gradevole e dettagli UX senza perdere di vista uno scopo più grande.

La maggior parte delle app vive e muore nei primi giorni, quindi seguire alcune best practice di base per la progettazione di app mobili ed evitare gli errori più comuni aiuterà i designer a creare app che sopravvivono oltre i 90 giorni.

Errore comune n. 1: una prima impressione scadente

Spesso, il primo utilizzo o il primo giorno con un'app è il periodo più critico per agganciare un potenziale utente. La prima impressione è così fondamentale che potrebbe essere un punto di riferimento per tutte le altre best practice di progettazione mobile. Se qualcosa va storto o appare confuso o noioso, i potenziali utenti si disinteressano rapidamente.

Tuttavia, il giusto equilibrio per le prime impressioni è complicato. In alcuni casi, un lungo processo di onboarding per scoprire le funzionalità necessarie può annoiare gli utenti. Tuttavia, senza un'adeguata onboarding, alcune app confonderanno gli utenti se non sono immediatamente intuitive. Creare un'app che sia immediatamente intuitiva e allo stesso tempo introduca rapidamente gli utenti alle funzionalità più interessanti e coinvolgenti è un delicato atto di equilibrio.

Sebbene possa essere un buon modo per orientare rapidamente qualcuno, l'onboarding prolungato può anche ostacolare gli utenti che fanno ciò che vogliono fare con l'app. Spesso, questi tutorial sono troppo lunghi e vengono trascinati alla cieca.

Tieni presente che quando gli utenti utilizzano per la prima volta un'app, non hanno necessariamente punti di passaggio su come dovrebbe funzionare l'app o cosa può fare. Un corretto processo di beta testing consente ai progettisti di apprendere come gli altri percepiscono un'app fin dall'inizio. Ciò che sembra ovvio al team di progettazione potrebbe non essere adatto ai nuovi arrivati.

Le migliori pratiche di progettazione mobile includono una buona onboarding
Progettazione di onboarding mobile. (di Johan Adam Horn)

Errore comune n. 2: progettare un'app senza scopo

Evitare di entrare nel processo di progettazione senza chiare intenzioni. Le app sono troppo spesso progettate e sviluppate per seguire le tendenze piuttosto che per risolvere un problema, riempire una nicchia o offrire un servizio distinto.

Per il designer e il suo team, lo scopo dell'app influenzerà ogni fase di un progetto. Guida ogni decisione, dal branding o marketing di un'app al formato wireframe all'estetica del pulsante. Se lo scopo è chiaro, ogni parte dell'app comunicherà e funzionerà come un insieme coerente.

Trasmettere questa visione ai potenziali utenti significa che capiranno il valore che un'app porta nella loro vita. La visione deve essere comunicata chiaramente dalla prima impressione dell'utente. In quanto tempo è possibile trasmettere agli utenti la visione dell'app? In che modo migliorerà la vita di una persona o fornirà una sorta di divertimento o conforto? Finché l'utilità di un'app viene comunicata immediatamente agli utenti, è probabile che faccia parte del 21% delle app che superano i primi 90 giorni.

Quando si entra in un mercato esistente, ci sono app progettate per lo spazio che i progettisti possono studiare come linea di base. Possono migliorare ciò che è già disponibile o fornire un'alternativa unica per distinguersi. Non dovrebbero imitare sconsideratamente.

Un'attenta progettazione dell'esperienza utente mobile seguirà le migliori pratiche dell'esperienza utente mobile.

Errore comune n. 3: mancata ottimizzazione del flusso utente

I progettisti dovrebbero fare attenzione a non saltare una pianificazione ponderata dell'architettura UX di un'app prima di passare al lavoro di progettazione. Anche prima di arrivare a una fase di wireframing, è necessario mappare il flusso utente e la struttura di un'app. I designer sono spesso troppo entusiasti di produrre estetica e dettagli. Ciò si traduce in una cultura di designer che generalmente sottovalutano l'esperienza utente e la logica o la navigazione necessarie all'interno di un'app.

Rallentare. Disegna il flusso dell'app prima di preoccuparti troppo dei dettagli più fini. Le app spesso falliscono per mancanza di flusso e organizzazione, piuttosto che per dettagli imperfetti. Una volta che il processo di progettazione è decollato, tieni sempre a mente il quadro generale. I dettagli e l'estetica dovrebbero quindi evocare e rafforzare chiaramente il concetto più ampio.

Le best practice per l'esperienza utente mobile includono un flusso utente ben definito
Un diagramma di flusso utente ben congegnato. (di Michael Pons)

Errore comune n. 4: ignorare il budget di sviluppo delle app

Non appena le caratteristiche e le funzioni di base di un'app vengono abbozzate, è un buon momento per parlare del budget con il team di sviluppo. Ciò evita di dedicare un sacco di tempo alla progettazione di funzionalità e modelli di UX che finiscono per dover essere tagliati quando il team di sviluppo non ha le risorse per implementarli.

Imparare i costi medi della costruzione di concetti particolari è un'aggiunta preziosa al kit di strumenti di un designer, in quanto rende più facile adattare il pensiero progettuale ai vincoli economici. I budget dovrebbero essere utili vincoli di progettazione per lavorare all'interno, piuttosto che visti come frustrazioni.

Errore comune n. 5: stipare le funzionalità di progettazione

Si spera che un rigoroso wireframing e prototipazione rendano chiara la distinzione tra funzioni necessarie ed eccessive. Ogni singola piattaforma mobile è già l'ultimo coltellino svizzero, quindi la tua app non ha bisogno di esserlo. Non solo riempire un'app con funzionalità porterà a un'esperienza utente disorientante, ma anche un'app sovraccarica sarà difficile da commercializzare.

L'inclusione di troppe funzionalità è un pessimo design dell'app mobile
Molte app fallite tentano di stipare troppe funzionalità dall'avvio.

Se l'app non può essere spiegata in modo conciso, è probabile che stia cercando di fare troppo. Ridurre le funzionalità è sempre difficile, ma è necessario. La strategia migliore potrebbe essere quella di acquisire utenti all'inizio con solo una o due funzionalità prima di testare le nuove aggiunte nelle versioni successive per vedere cosa risuona con gli utenti. In questo modo, è meno probabile che le funzionalità aggiuntive interferiscano con i primi giorni cruciali della vita di un'app.

Errore comune n. 6: ignorare il contesto dell'app

Sebbene lo scopo e gli obiettivi finali siano importanti, diventano irrilevanti se non diretti all'interno del contesto appropriato. L'interfaccia utente di una determinata app può sembrare ovvia per il team di progettazione, ma gli utenti principianti e gli utenti di diversi gruppi demografici potrebbero non trovarla così intuitiva. Ad esempio, gli utenti millennial di un'app potrebbero trovare alcune funzioni intuitive, mentre i pensionati potrebbero trovare le stesse cose confuse (o viceversa).

Considera il contesto o la situazione immediata in cui l'app deve essere utilizzata. Ad esempio, l'interfaccia di Uber eccelle per essere utilizzata molto rapidamente. Questo è perfetto perché quando un utente è fuori con gli amici e ha bisogno di prenotare un passaggio, deve a malapena interrompere la conversazione nel processo. Uber nasconde molti contenuti di supporto all'interno dell'app che appare solo quando lo scenario lo richiede.

La tua app è pensata per essere accessibile rapidamente e per un breve periodo di tempo? Oppure si tratta di un'app con molti contenuti che consente agli utenti di rimanere un po'? In che modo il design trasmetterà questo tipo di utilizzo? Considera attentamente questi punti durante la mappatura del flusso UX della tua app.

Seguendo le migliori pratiche di progettazione delle app, i progettisti devono considerare il contesto
Un buon design mobile dovrebbe considerare il contesto in cui viene utilizzato.

Errore comune n. 7: notifiche abusive

Le notifiche push sono una parte delicata delle best practice per la progettazione di app. Troppi e gli utenti li spegneranno completamente, rischiando che l'app venga dimenticata. Troppo pochi e succede la stessa sorte.

Ma non è solo la frequenza delle notifiche che può attivare o disattivare gli utenti. È anche il contenuto. Notifiche utili, come quelle che notificano agli utenti un nuovo messaggio o ricordano loro di effettuare un check-in giornaliero, sono considerate utili e necessarie. Le app che inviano aggiornamenti o notifiche apparentemente casuali su notizie che non influiscono direttamente sull'utente hanno maggiori probabilità di vedere le loro notifiche completamente disattivate.

Ogni notifica è una microinterazione che può migliorare l'esperienza dell'utente e rafforzare l'utilità complessiva dell'app o rischiare di alienare gli utenti e, in casi estremi, spingerli a eliminare l'app tutte insieme.

Le notifiche push sono una parte importante di un buon design mobile
Le notifiche push sono un delicato atto di bilanciamento in un buon design mobile. (di Jona Nalder)

Errore comune n. 8: progettazione di app eccessivamente complicata

Il famoso architetto Mies Van der Rohe una volta disse: "È meglio essere buoni che essere unici". È fondamentale che il design soddisfi le specifiche nel brief prima che i designer inizino a rompere la scatola o ad aggiungere altri svolazzi.

Gli elementi di design aggiunti per rendere una composizione visivamente più accattivante devono comunque aggiungere valore all'esperienza dell'utente. Continua a chiedere durante tutto il processo di progettazione, quanto posso rimuovere? Progetta in modo riduttivo anziché additivo.

L'eccessiva complessità è spesso il risultato di infrangere le convenzioni inutilmente. L'app trarrà davvero vantaggio dalla rielaborazione dei simboli e delle interfacce standard all'interno del linguaggio visivo e tattile mobile? Le icone standard si sono dimostrate universalmente intuitive. Pertanto, sono spesso il modo più rapido per fornire segnali visivi senza ingombrare lo schermo.

Non lasciare che gli svolazzi del design interferiscano con il contenuto o la funzione effettivi dell'app. Spesso alle app non viene assegnato uno spazio bianco sufficiente. Sebbene sia fondamentale per un buon design in generale, è particolarmente importante per i progetti mobili, poiché un'interfaccia disordinata non è particolarmente intuitiva.

Le best practice per la progettazione di app mobili spesso richiedono un processo riduttivo
Il processo di progettazione dell'app può essere riduttivo, piuttosto che additivo.

Errore comune n. 9: incoerenze di progettazione

Se un progetto intende introdurre nuovi standard, devono almeno essere coerenti in tutta l'app. Ogni nuova funzione o contenuto non deve necessariamente essere un'opportunità per introdurre un nuovo concetto di design.

Il testo è formattato in modo uniforme? Gli elementi dell'interfaccia utente si comportano in modi prevedibili ma piacevoli in tutta l'app? La coerenza progettuale deve trovare l'equilibrio tra il linguaggio visivo comune esistente ed evitare di essere esteticamente stagnanti. L'equilibrio tra coerenza intuitiva e noia è una linea sottile.

Errore comune n. 10: utilizzo insufficiente del beta test dell'app

Tutti i designer dovrebbero analizzare l'uso delle loro app con una sorta di ciclo di feedback per sapere cosa funziona e cosa non funziona. Un errore comune nei test è che un team esegua internamente i beta test. È imperativo portare occhi nuovi per scavare davvero nelle bozze dell'app.

Invia un annuncio per i beta tester e lavora con un pubblico selezionato prima di diventare pubblico oppure utilizza un servizio di test come UserZoom. Questo può essere un ottimo modo per appianare i dettagli, modificare le funzionalità e trovare ciò che manca. Il beta test può richiedere molto tempo, ma è sicuramente un'alternativa migliore allo sviluppo di un'app che fallisce.

Seguendo le best practice per la progettazione dell'interfaccia utente mobile si ottengono risultati superiori
I progettisti dovrebbero prestare particolare attenzione ai test degli utenti mobili poiché i potenziali utenti sono volubili. (Fonte: falso corvo)

È importante che i team di progettazione riconoscano quanto sia competitivo il mercato delle app mobili e facciano tutto il possibile per differenziare la propria offerta dalle centinaia o migliaia di altre app che occupano lo stesso spazio. Per fare ciò, devono avere una visione coerente di ciò che l'app mobile spera di ottenere. Seguire le migliori pratiche di progettazione di app mobili e utilizzare un processo di progettazione iterativo che incorpora il feedback degli utenti nell'intero processo è uno dei modi migliori per farlo e creerà un'app che si distingue.

• • •

Ulteriori letture sul blog di Toptal Design:

  • eCommerce UX: una panoramica delle migliori pratiche (con infografica)
  • L'importanza del design incentrato sull'uomo nel design del prodotto
  • I migliori portfolio di designer UX: casi di studio ed esempi stimolanti
  • Principi euristici per interfacce mobili
  • Design anticipatorio: come creare esperienze utente magiche