5 sfide di progettazione dell'interfaccia utente mobile che non hanno ancora risposte facili

Pubblicato: 2016-03-04

[ Proto .io è uno strumento di prototipazione di app mobili utilizzato da imprenditori e startup per creare prototipi realistici completamente interattivi che sembrano app reali.]

Viviamo in un mondo ottimizzato per dispositivi mobili da così tanto tempo che è facile dare per scontato il design dell'interfaccia utente mobile. Gli adolescenti che entrano nelle scuole superiori quest'anno stavano appena entrando nella scuola materna quando l'iPhone è stato lanciato per la prima volta. I siti Web privi di esperienze mobili sembrano relitti di un'era passata, mantenuti da neo-luddisti che si farebbero beffe dell'idea di portare un minuscolo computer nel portafoglio o addirittura di indossarne uno al polso. A questo punto, quasi un decennio dopo che gli smartphone sono diventati zeitgeist, abbiamo sicuramente trovato le risposte a tutte le nostre sfide di progettazione dell'interfaccia utente mobile, giusto?

mobile-ui-design-Android_logo___R

Sbagliato. Nonostante i migliori piani di mouse e uomini, il design reattivo non ha appianato tutte le rughe dell'esperienza utente quando si passa dal desktop al tablet al dispositivo mobile, e alcune spine continuano a pungolare i lati dei designer e sviluppatori dell'interfaccia utente mobile, per non parlare di nulla degli utenti. Abbiamo tutti lottato per completare automaticamente mentalmente i titoli degli articoli che sono stati troncati irriconoscibili sui nostri smartphone o alle prese con un elemento dell'interfaccia utente che semplicemente non si muoverà, non importa quanto lo scorriamo.

Le seguenti sfide di progettazione dell'interfaccia utente mobile continuano ad affliggere designer, sviluppatori e imprenditori. Ecco come trattano:

1. Mantenerlo semplice pur rimanendo ricco di funzionalità .

safervpn-all-devices_mobile-UI-design

Sagi Gidali è co-fondatore e CPO di SaferVPN (@SaferVPN). Con oltre un decennio di esperienza nell'interfaccia utente e nell'esperienza utente, ha risolto alcune sfide di progettazione dell'interfaccia utente mobile, ma il seguente enigma rimane una spina nel fianco del suo team:

“Direi che la nostra sfida di progettazione/UX sarebbe quella di integrare le funzionalità più complicate della nostra app con la minor quantità di testo o disturbo visivo possibile.

Una VPN è un prodotto molto tecnico spesso utilizzato da utenti molto esperti di tecnologia. La nostra sfida è rendere il nostro servizio il più accessibile possibile per i nostri utenti meno esperti di tecnologia, offrendo anche opzioni personalizzate per coloro che sono più esperti di tecnologia.

Quindi, sebbene disponiamo di funzionalità e impostazioni complesse in esecuzione in background, in primo piano manteniamo la nostra UX pulita e semplice. Ad esempio, molte delle nostre impostazioni più avanzate vengono ottimizzate automaticamente e per coloro che sono più esperti di tecnologia, offriamo opportunità semplici e chiare per personalizzare ulteriormente la propria esperienza in un menu delle impostazioni facilmente accessibile.

Questo ci aiuta a evitare che queste preferenze più avanzate ingombrano la nostra UX e l'interfaccia complessive in modo che chiunque possa godere facilmente dei vantaggi del nostro servizio con un solo clic.

Seguendo questo approccio di progettazione e UX, incoraggiamo tutti i nostri utenti, indipendentemente dalle conoscenze tecniche e dalle competenze in loro possesso, a utilizzare il nostro prodotto per accedere ai loro contenuti georeferenziati preferiti e proteggere la privacy e la sicurezza di Internet".

2. Ricerca mobile: ancora un albatro .

Trinity-logo-chrome-mobile-UI-design
Jason Bauman è un SEO Associate presso Trinity Insight (@TrinityInsight), una società di marketing e ottimizzazione digitale. Bauman ritiene che la ricerca mobile rimanga una spina nel fianco sia per i progettisti dell'interfaccia utente mobile che per gli sviluppatori:
"Penso che una sfida progettuale persistente per l'UX/UI mobile sia rappresentata dai filtri avanzati nella ricerca. Su un desktop, puoi scegliere esattamente cosa vuoi vedere spuntando le preferenze da un elenco di dozzine di opzioni. Questa esperienza non si traduce bene in dispositivi mobili, con la maggior parte dei siti che crea semplicemente una versione più adatta alle dita del proprio filtro su dispositivi più piccoli. Rimane il problema di fondo di richiedere selezioni multiple di dita su uno schermo piccolo. Ogni volta che costringi qualcuno a scorrere dozzine di opzioni di selezione, non sei riuscito a risolvere il problema dell'interfaccia utente.
Penso che la soluzione migliore sia una funzione di ricerca intelligente, che comprenda query complesse come "collana di diamanti che non è un cuore". Con l'evoluzione dell'intelligenza artificiale, questo dovrebbe diventare più semplice, ma è qualcosa di cui pochissimi siti, se non nessuno, sfruttano appieno. Una soluzione più comune consiste nel ridurre il numero di opzioni. Avvia qualcuno a un livello elevato, ad esempio "catena d'oro o d'argento", e poi vai avanti in modo più specifico, ad esempio chiedendo loro quale "tipo di design" stanno cercando. Questo non è l'ideale perché richiede ancora più clic e aggiunge pagine aggiuntive, ma è meglio che presentare ai clienti un ampio elenco di opzioni fuori contesto".

3. A volte sembra che gli elementi di design dell'interfaccia utente mobile agitino il cane.

decibel_digital_mobile_ui_design

Richard Trigg è il direttore creativo UX/UI di Decibel Digital (@DecibelDigital), un'agenzia di esperienza utente con sede nel Regno Unito. Per Trigg, trovare un equilibrio tra ciò che deve accadere sullo schermo e ciò che gli utenti si sentono a proprio agio fisicamente rimane una sfida di progettazione dell'interfaccia utente mobile.

“La sfida continua per molti designer riguarda i bottoni. I pulsanti delle app mobili devono essere dimensionati correttamente (per dita di tutte le dimensioni), ma progettati in modo da non dettare legge sullo schermo. C'è meno spazio sullo schermo sui dispositivi mobili, quindi i progettisti devono rendere i pulsanti e gli inviti all'azione chiari e concisi.

Raccomandato per te:

Cosa significa la disposizione anti-profitto per le startup indiane?

Cosa significa la disposizione anti-profitto per le startup indiane?

In che modo le startup Edtech stanno aiutando il potenziamento delle competenze e a rendere la forza lavoro pronta per il futuro

In che modo le startup Edtech stanno aiutando la forza lavoro indiana a migliorare le competenze e a diventare pronte per il futuro...

Azioni tecnologiche new-age questa settimana: i problemi di Zomato continuano, EaseMyTrip pubblica stro...

Le startup indiane prendono scorciatoie alla ricerca di finanziamenti

Le startup indiane prendono scorciatoie alla ricerca di finanziamenti

Secondo quanto riferito, la startup di marketing digitale Logicserve Digital ha raccolto INR 80 Cr in finanziamenti dalla società di gestione patrimoniale alternativa Florintree Advisors.

Piattaforma di marketing digitale Logicserve Borse INR 80 Cr Finanziamenti, rinomina come LS Dig...

Il rapporto avverte di un rinnovato controllo normativo sullo spazio Lendingtech

Il rapporto avverte di un rinnovato controllo normativo sullo spazio Lendingtech

In termini di soluzioni alternative, abbiamo riscontrato evidenti vantaggi dall'utilizzo di strumenti di analisi della CX e test di usabilità per misurare i livelli di efficacia e coinvolgimento. Il quadro diventa quindi cristallino su quali interazioni stanno facendo gli utenti. Se gli elementi devono quindi essere modificati, modifichiamo il design o il posizionamento di questi pulsanti".

4. Rendere felici i pollici di tutte le dimensioni.

lookfar-mobile-ui-design-navigation esempio

Ryan Colgin è un designer UI/UX presso LookFar (@LookFar_Ideas), un'agenzia di sviluppo i cui clienti abbracciano più settori. Soddisfare le diverse esigenze di quei clienti è un punto critico, specialmente quando ognuno di questi diversi clienti ha un unico set di mani:

“Un piccolo problema di UI/UX che non abbiamo ancora risolto è questo: come diamine posizioniamo la navigazione del sito in modo che sia facilmente raggiungibile con il pollice? La maggior parte dei siti mette il menu nell'angolo in alto a destra, il che lo rende comodo solo per i mancini.

Man mano che i telefoni diventano più grandi, dobbiamo usare due mani per toccare il menu su molti siti, anche se sono ottimizzati per dispositivi mobili. Se non hanno un menu statico si finisce per dover scorrere verso l'alto per raggiungere la navigazione o tornare alla home page.

5. Frammentazione Android: è migliorata, ma non è mai andata via.

rocketfuel_mobile_ui_design

Jason Suriano (@jasonsuriano) è fondatore e CEO di Rocketfuel Productions. A questo punto, il problema perenne della frammentazione del sistema operativo Android sembra secolare, ma si ripresenta ancora negli incubi dei designer di UI mobile:

"Una delle principali sfide di progettazione dell'interfaccia utente mobile e dell'app che esiste nell'anno 2016, è la fastidiosa paura della frammentazione nell'ecosistema Android. Questa frammentazione include il numero di produttori di dispositivi Android, la varianza dei dispositivi prodotti da ciascun produttore, nonché il problema delle discrepanze del sistema operativo che inevitabilmente portano a problemi di esperienza dell'utente.

Mentre la maggior parte dei designer e sviluppatori di UI/UX affermano di poter eseguire un emulatore per verificare la presenza di varianze e aiutare a risolvere il problema della frammentazione, la verità è che non esiste un sistema in grado di emulare veramente l'esperienza utente finale dell'applicazione su ogni dispositivo Android sul mercato.

Ciò significa che designer e sviluppatori riceveranno inevitabilmente alcune valutazioni o recensioni scadenti sulla loro applicazione nel Google Play Store semplicemente perché l'applicazione non è ottimizzata per l'esecuzione su un dispositivo specifico o una versione datata del sistema operativo Android, il che alla fine ha un impatto sull'utente generale Esperienza."

Adattarsi alle sfide della progettazione dell'interfaccia utente mobile con la psicologia dei consumatori

mobile-ui-design-Aiuto_psichiatrico

Un modo per affrontare anche le sfide più intransigenti dell'interfaccia utente mobile è semplicemente entrare nella testa dei tuoi utenti, secondo Sloane Berry (@SloaneBerry), designer UX di BPM Technologies. Indipendentemente dal problema specifico, scrive, conoscere il tuo utente può aiutarti a risolverlo:

“Una buona app mobile è come il Tai Chi, con ogni azione che scorre nell'azione successiva in modo naturale e intuitivo. La maggior parte delle sfide UX deriva dall'avere troppe informazioni o semplicemente da una limitazione fisica. In questi casi, meno è meglio. Non devi mostrare tutto, concentrati invece sul mostrare abbastanza.

Se un utente sta scorrendo un elenco e trova testo troncato, dovresti essere in grado di espandere il testo mentre sei ancora in movimento per scorrere l'elenco. Non gonfiare la tua app facendo clic su una nuova pagina e facendo andare avanti e indietro l'utente. Allo stesso modo, se stanno facendo clic, dovrebbero essere in grado di fare clic per espandersi senza dover muovere troppo gli occhi o il pollice. Basta seguire il flusso delle cose.

A un livello molto pratico, non importa cosa progetti, vuoi che un cliente si senta bene. Tinder è un'esperienza utente fantastica, perché è catartico spazzare via le persone che non vuoi e ricevi solo le buone notizie che hai abbinato. Le sfide più difficili che i designer di UX devono affrontare sono le cose negative, come se un utente ha un lungo tempo di attesa o deve effettuare un pagamento, ma esistono soluzioni pratiche per queste cose.

bpm-technologies-mobile-app-ui-design

Rotolare con i pugni: punti deboli comuni nella progettazione dell'interfaccia utente mobile

Il tempo di risposta è una delle principali fonti di esperienze utente frustranti, ma può essere modificato in modo da creare anticipazione. Che si tratti di un conto alla rovescia di un'app per la consegna di cibo o di un punto di tracciamento per un tassista, agli utenti piace la conferma visiva di aver fatto accadere le cose. È principalmente una scelta estetica, dal momento che il tuo taxi o cibo arriveranno comunque, ma offre agli utenti qualcosa su cui tornare. Può anche aiutare a rendere la tua app "appiccicosa".

I pagamenti possono essere un'esperienza cliente molto complicata. I clienti vogliono entrambi trasparenza, ma non vogliono nemmeno essere disturbati o appesantiti dal modo in cui pagano. È facile da risolvere sul back-end dopo il primo pagamento, ma quando e come chiedere a un utente dove pagare è una sfida. Se dici a un cliente che il servizio costerà una tariffa fissa, non è un'esperienza molto eccitante o appagante: il cliente sta pensando a quella tariffa.

Ma se mostri loro cosa stanno ottenendo al momento dell'acquisto, le persone si sentiranno meglio ad aprire i loro portafogli. Le app di condivisione dei viaggi come Uber/Lyft fanno un ottimo lavoro mitigando l'effetto "taxi meter" semplicemente garantendoti una buona tariffa in anticipo. Non ti appesantiscono con le specifiche del prezzo fino alla fine del servizio. A quel punto, sono felici di pagare poiché il servizio li ha portati al "Punto B". In ogni momento, un cliente deve sentirsi soddisfatto della propria esperienza utilizzando la tua app".

Superare le sfide della progettazione dell'interfaccia utente mobile dove è sicuro: il prototipo

Anche se il mondo della progettazione dell'interfaccia utente mobile ha fatto molta strada da quel fatidico giorno del 2007 in cui il mondo ha messo gli occhi per la prima volta sull'iPhone, è chiaro a chiunque abbia creato un'app mobile o abbia portato un'esperienza utente desktop su un smartphone o tablet: restano ancora molte sfide. Cosa deve fare un designer?

Un modo per eliminare questi problemi senza dedicare troppo tempo allo sviluppo è eseguire test approfonditi dell'interfaccia utente/UX su un prototipo digitale realistico del design dell'interfaccia utente mobile. Con uno strumento di prototipazione digitale come Proto.io, puoi creare un mockup interattivo realistico del tuo progetto finale in pochi minuti utilizzando un editor drag-and-drop, risparmiando ore incalcolabili dal tuo processo di progettazione. Inoltre, Proto.io ti consente di raccogliere feedback da un numero illimitato di utenti, in modo da poter ripetere ampiamente mentre mantieni le tue note organizzate direttamente all'interno dell'app.

[Proto.io è uno strumento di prototipazione di app mobili utilizzato da imprenditori e startup per creare prototipi realistici completamente interattivi che sembrano app reali.]