\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\tGli schermi dei nostri smartphone sono sempre pi\u00f9 grandi. Passiamo oltre 4 ore con i nostri cellulari tra le mani e con essi compiamo le azioni pi\u00f9 disparate grazie alle app.\nMa ci chiediamo mai cosa c\u2019\u00e8 dietro alla scelta di inserire una certa funzionalit\u00e0 o collocare un bottone su cui fare tap proprio in quell\u2019area dello schermo?\nVi raccontiamo le nuove sfide che affrontiamo ogni giorno nello sviluppo app mobile per rendere l\u2019esperienza utente sempre fluida e intuitiva.<\/em><\/h2>\n
Gli schermi dei nostri smartphone sono sempre pi\u00f9 grandi. Passiamo oltre 4 ore con i nostri cellulari tra le mani e con essi compiamo le azioni pi\u00f9 disparate grazie alle app.\nMa ci chiediamo mai cosa c\u2019\u00e8 dietro alla scelta di inserire una certa funzionalit\u00e0 o collocare un bottone su cui fare tap proprio in quell\u2019area dello schermo?\nVi raccontiamo le nuove sfide che affrontiamo ogni giorno nello sviluppo app mobile per rendere l\u2019esperienza utente sempre fluida e intuitiva.<\/em><\/h2>\n3.5 pollici. La dimensione dello schermo perfetto<\/h3>\nQuando ci occupiamo di sviluppo app<\/a> tenere presente la dimensione dello schermo dello smartphone \u00e8 fondamentale.\n<\/strong>Steve Jobs<\/strong>\u00a0era fermamente convinto che\u00a0la dimensione perfetta per lo schermo di un telefono fosse 3.5 pollici<\/strong>\u00a0che, se ancora ve lo ricordate, era la dimensione di un iPhone 4. Il motivo era semplice: questa dimensione permetteva di\u00a0tenere il telefono con una mano sola<\/strong>\u00a0e Jobs era\u00a0convinto che nessuno avrebbe comprato dei telefoni con schermi di dimensioni maggiori, come quelli che stava producendo Samsung gi\u00e0 nel 2011.\nNon \u00e8 andata proprio cos\u00ec…<\/h3>\nLe cose sono decisamente cambiate. La stessa Apple ha cambiato rotta abbandonando la dimensione definita dal suo storico fondatore. Adesso\u00a0i telefoni con uno schermo di dimensione inferiore a 4 pollici non arrivano nemmeno all\u20191%<\/strong>! E se pensiamo\u00a0agli ultimi usciti<\/strong>\u00a0(iPhone12, Xiaomi M11, Samsung Galaxy 21) non scendiamo mai sotto i\u00a06 pollici e arriviamo persino a 6.8!<\/strong>\n\nPerch\u00e9? Beh,\u00a0\u00e8 cambiato l\u2019utilizzo che facciamo dello smartphone<\/strong>\u00a0che non \u00e8 pi\u00f9\u00a0solo<\/em>\u00a0un telefono. Pensiamo a quante cose facciamo ogni giorno con i nostri smartphone: leggiamo un articolo, mandiamo mail di lavoro, guardiamo una serie tv, una ricetta su youtube, facciamo foto e postiamo sui social, chattiamo, facciamo acquisti\u2026solo per dirne alcune. Inevitabilmente\u00a0questi tipi di utilizzo richiedono uno spazio maggior per essere adeguatamente fruiti.<\/strong>\n\n![\"Sviluppo](\"https:\/\/www.oimmei.com\/wp-content\/uploads\/2021\/04\/Sviluppo_App_Usabilita_Esperienza_Utente_1.png\")
La dimensione dello schermo dello smartphone \u00e8 aumentata nel corso degli anni<\/em><\/figcaption><\/figure>\nMa noi, come utilizziamo lo smartphone?<\/h3>\nFacciamo un prova<\/strong>. Prendete in mano il telefono e iniziate ad usarlo, fate quello che fate sempre.\n\nBene, la maggior parte di voi avr\u00e0 utilizzato\u00a0una mano sola<\/strong>\u00a0e il vostro\u00a0pollice<\/strong>\u00a0avr\u00e0 eseguito ogni azione. Come facciamo a saperlo? Perch\u00e9 secondo le statistiche il\u00a049% degli utenti<\/strong>\u00a0fa proprio questo.\nIl restante\u00a051% utilizza il telefono con due mani<\/strong>, o con una mano di sostegno e l\u2019altra che agisce sullo schermo (36%), oppure con entrambe le mani e utilizzando entrambi i pollici (15%).\n\n![\"Sviluppo](\"https:\/\/www.oimmei.com\/wp-content\/uploads\/2021\/04\/Sviluppo_App_Usabilita_Esperienza_Utente_2.png\")
Le differenti modalit\u00e0 di utilizzo dello smartphone<\/em><\/figcaption><\/figure>\n\nIl modo in cui navighiamo sullo schermo del nostro telefono unito alla crescita delle dimensioni degli smartphone ha messo lo sviluppo app<\/a> e lo UX design di fronte a nuove sfide. Infatti \u00e8 davvero molto importante tener conto della modalit\u00e0 di utilizzo del telefono per definire\u00a0dove<\/em>\u00a0collocare i pi\u00f9 importanti componenti e le maggiori funzionalit\u00e0, per supportare l\u2019utente nella navigazione o nel compiere azioni.<\/strong>\nEsistono infatti delle\u00a0aree<\/strong>\u00a0che riusciamo meglio a raggiungere sullo schermo e altre che invece richiedono uno sforzo del nostro pollice che si deve allungare oppure accartocciare su se stesso.\n\n![\"Sviluppo](\"https:\/\/www.oimmei.com\/wp-content\/uploads\/2021\/04\/Sviluppo_App_Usabilita_Esperienza_Utente_3.png\")
Le aree dello schermo pi\u00f9 facilmente raggiungibili dal nostro pollice<\/em><\/figcaption><\/figure>\nUna fruizione rapida e distratta<\/h3>\nMa gli sviluppatori e i designer devono anche tenere in considerazione altri importanti aspetti<\/strong>\u00a0che influiscono sulla fruizione ad una mano sola:\u00a0quanto<\/strong><\/em>\u00a0utilizziamo il telefono e\u00a0quando<\/strong><\/em>\u00a0lo utilizziamo.\n\nIl\u00a0Digital Report del 2021<\/a>\u00a0di\u00a0Hootsuite<\/a>\u00a0e\u00a0WeAreSocial<\/a><\/strong>\u00a0ci dice che\u00a0il mobile screen \u00e8 diventato lo schermo davanti al quale passiamo pi\u00f9 tempo<\/strong>, scavalcando persino quello della TV: oltre\u00a04 ore al giorno!<\/strong>\u00a0Ma fermiamoci un attimo a riflettere: chi di noi sta in modo continuato di fronte al proprio smartphone per 4 ore? Nessuno (ovviamente non dobbiamo pensare a quando ci mettiamo a guardare un film, ma all\u2019uso normale di tutti i giorni). Si tratta piuttosto di una\u00a0fruizione spezzettata, a volte di pochi secondi<\/strong>\u00a0giusto per un veloce scroll del feed di instagram e per leggere distrattamente un articolo.\u00a0Spesso<\/strong>\u00a0capita addirittura che\u00a0tra una sessione di utilizzo e l\u2019altra passi davvero pochissimo tempo<\/strong>: mi perdo a guardare il feed di instagram, poi decido di chiudere. Dopo 2 minuti non resisto all\u2019irrefrenabile desiderio di controllare il meteo. Poi blocco di nuovo e dopo 5 minuti, siccome sto aspettando il mio turno alla cassa del supermercato, mi metto a controllare le mail.\n\n![\"Sviluppo](\"https:\/\/www.oimmei.com\/wp-content\/uploads\/2021\/04\/Sviluppo_App_Usabilita_Esperienza_Utente_4.png\")
Utilizziamo il nostro smartphone in modo estremamente frammentario<\/em><\/figcaption><\/figure>\n\nVeloce e distratta<\/strong>. Cos\u00ec possiamo definire la nostra fruizione.\n\nE la situazione non cambia se pensiamo a\u00a0quando<\/strong>\u00a0utilizziamo lo smartphone. Non vi servir\u00e0 sforzarvi molto per notare che effettivamente\u00a0utilizzate il telefono mentre aspettate<\/strong>\u00a0(una persona, un autobus), mentre\u00a0vi<\/strong>\u00a0annoiate<\/strong>\u00a0(e qui vanno per la maggiore i social) oppure mentre\u00a0fate altro<\/strong>\u00a0(quando siete a fare la spesa, mentre camminate per andare a lavoro, mentre portate fuori il cane). Diciamocelo, in questi casi il nostro livello di attenzione non \u00e8 altissimo\u2026\n\n![\"Sviluppo](\"https:\/\/www.oimmei.com\/wp-content\/uploads\/2021\/04\/Sviluppo_App_Usabilita_Esperienza_Utente_5.png\")
Nella maggior parte dei casi utilizziamo lo smartphone quando facciamo altro<\/em><\/figcaption><\/figure>\nFacciamo qualche esempio pratico<\/h3>\nBene, dopo questa doverosa premessa che speriamo vi abbia incuriosito e anche fornito spunti di riflessione, passiamo a degli esempi pratici.\n\nCome abbiamo detto il lavoro dello sviluppatore di app e di chi si occupa del UX design deve necessariamente tenere conto della dimensione degli schermi degli smartphone ma anche delle modalit\u00e0 di fruizione degli utenti<\/strong>, e questo va a concretizzarsi in scelte pratiche di progettazione e sviluppo delle app mobile.\n\nAdesso vi proponiamo qualche esempio per farvi comprendere come un componente o una funzionalit\u00e0 di un’app<\/strong> non siano messi l\u00ec a caso ma siano studiati per rispondere al meglio alle necessit\u00e0 degli utenti<\/strong>. Passeremo in rassegna quattro categorie nelle quali sar\u00e0 facile immedesimarsi come utenti.\nNavigation<\/h4>\nQuando utilizziamo un\u2019app dobbiamo capire cosa offre, come funziona, come navigarla.\u00a0La base perch\u00e9 un\u2019app abbia successo \u00e8 che l\u2019utente scopra facilmente e velocemente le funzionalit\u00e0 e ne comprenda l\u2019utilit\u00e0<\/strong>. Per questo \u00e8 indispensabile sapersi avvalere in modo adatto di componenti come:\n\n \t- Menu<\/strong>\u00a0(dove troviamo tutte le sezioni \/ informazioni dell\u2019app)<\/li>\n \t
- Navigation bar<\/strong>\u00a0(ovvero la barra di navigazione dell\u2019App)<\/li>\n \t
- Tabs bar<\/strong>\u00a0(che possiamo trovare in basso (bottom bar) o in alto (top bar) e che raccolgono alcune funzionalit\u00e0)<\/li>\n<\/ul>\nSiccome tutti questi aspetti sono davvero le fondamenta della nostra app, \u00e8 importante che siano collocate in modo ben evidente e che siano intuitive <\/strong>per rendere l’usabilit\u00e0 fluida e immediata. Ricordiamoci che la nostra fruizione \u00e8 veloce e distratta, se non troviamo subito il menu sull\u2019app che stiamo usando, se la navigation bar \u00e8 collocata in una zona difficile da raggiungere per il nostro pollice o se non capiamo subito come navigare nell\u2019app\u2026\u00a0rischiamo che il nostro utente chiuda l\u2019app e non la riapra nemmeno pi\u00f9!<\/strong>\n\nPrendiamo in esame un caso molto comune:\u00a0molti contenuti da dover mostrare all\u2019utente<\/strong>. La scelta pi\u00f9 comune \u00e8 l\u2019hamburger menu<\/strong>\u2026no, non dobbiamo ordinare nessun panino, si tratta solo di quelle 3 lineette orizzontali, una sopra all\u2019altra, che danno accesso alle voci di men\u00f9 a disposizione nella vostra app.\nEcco un esempio che sicuramente avrete presente:\u00a0Facebook<\/strong><\/a>. In basso a destra trovate l\u2019hamburger menu che al suo interno comprende un sacco di cose: il nostro profilo, i ricordi, il meteo, gli amici e tanto, TANTO, altro.\u00a0Che succede per\u00f2<\/strong>:\u00a0perdiamo di vista la schermata principale e soprattutto il nostro pollice soffre un po\u2019 a raggiungere certe sezioni.<\/strong>\n\nAlternativa interessante?<\/strong>\u00a0Ce la propone un\u2019app che ci siamo trovati ad utilizzare moltissimo in questo anno di pandemia:\u00a0Microsoft Teams<\/strong><\/a>. Si chiama\u00a0flyout menu<\/strong>\u00a0ed \u00e8 collocato alla base del nostro schermo e, nel caso di Microsoft Teams, si trova nei tre pallini di \u201cAltro\u201d. Cliccandoci si aprir\u00e0\u00a0un menu facilmente utilizzabile con una mano sola e che non compromette la visione della schermata principale.<\/strong>\n\nPossono anche venirci in aiuto le\u00a0gesture<\/strong>, ovvero tutti quei movimenti che ci permettono di attivare delle funzioni e che spesso sono anche delle scorciatoie. Tra l\u2019altro le gesture\u00a0accorciano i tempi<\/strong>, sono\u00a0intuitive<\/strong>\u00a0e perfettamente\u00a0in linea con l\u2019uso ad una mano sola dello smartphone<\/strong>.\nFacciamo un esempio fra tutti:\u00a0Instagram<\/strong><\/a>. Sicuramente avrete visto che dalla schermata principale potrete accedere ai Direct semplicemente strisciando il dito da destra a sinistra, o, con movimento opposto, alla fotocamera e quindi a tutte le funzionalit\u00e0 collegate (Pubblica, Storia, In diretta ecc.)\n\n
![\"Gif](\"https:\/\/www.oimmei.com\/wp-content\/uploads\/2022\/01\/Navigation_Oimmei.gif\")
<\/a>Navigation<\/strong> – Facebook, Instagram e Microsoft Teams a confronto. Differenti modalit\u00e0 di accesso e utilizzo del menu<\/em><\/figcaption><\/figure>\n<\/h3>\nCore Action<\/h4>\nSi tratta delle\u00a0azioni principali che possiamo svolgere con un\u2019app:<\/strong>\u00a0creare, editare, postare, condividere<\/strong>. Sicuramente questa categoria pu\u00f2 essere spiegata al meglio facendo esempi riguardanti\u00a0due utilizzi molto comuni: il lavoro e l\u2019interazione sociale<\/strong>. Abbiamo detto che utilizziamo molto il telefono anche per lavoro, e non solo per le chiamate o i messaggi, ma per inoltrare un file, o per scrivere un testo, una mail, realizzare una presentazione. Utilizziamo lo smartphone altrettanto per fare foto da condividere in un post, per fare un video da postare nelle stories, per condividere la tua canzone del momento con un amico.\n\nBene, qualsiasi di queste core action tu voglia fare, serve che queste\u00a0funzionalit\u00e0 siano chiaramente visibili e posizionate nell\u2019area giusta<\/strong>.\nAd esempio, se stiamo scrivendo un testo utilizzando\u00a0Documenti di Google<\/strong><\/a>\u00a0abbiamo\u00a0a portata di pollice tutte le funzionalit\u00e0 pi\u00f9 importanti\u00a0<\/strong>(formato, colore, allineamento\u2026)\u00a0esattamente sopra alla tastiera con cui stiamo scrivendo.\n\nE se invece vogliamo\u00a0condividere un video\u00a0<\/strong>che ci ha particolarmente colpito? Le\u00a0funzionalit\u00e0 di condivisione verso social o tramite altri canali sono ormai indispensabili e devono quindi essere a portata di tap e permettere all\u2019utente di condividere in modo semplice e completo.<\/strong>\nPrendiamo come esempi due app molto note. Con\u00a0Youtube<\/strong><\/a>\u00a0baster\u00e0 fare tap sull\u2019icona di condivisione per avere a disposizione una vasta scelta di canali e per personalizzare anche il nostro messaggio, con\u00a0Shazam<\/strong><\/a>\u00a0abbiamo addirittura due bottoni per la condivisione: in alto a destra oppure all\u2019interno del menu Altro!\n\n![\"gif](\"https:\/\/www.oimmei.com\/wp-content\/uploads\/2022\/01\/youtube.gif\")
<\/a>Core Action<\/strong>\u00a0– Condivisione di un video da Youtube<\/em><\/figcaption><\/figure>\n<\/h3>\nCheckout e pagamento<\/h4>\nDurante il 2020 gli acquisti online hanno subito una vera e propria impennata<\/strong>, complice la pandemia da Covid-19. Questo trend probabilmente non avr\u00e0 una flessione nei prossimi mesi, sia perch\u00e9 siamo ancora alle prese con le problematiche legate alla pandemia e sia perch\u00e9 molti utenti hanno dichiarato che manterranno\u00a0anche nel futuro le abitudine di acquisto online assunte durante i periodi di lockdown.\nDiamo qualche numero<\/strong>:\n\n \t- il\u00a064% di utenti<\/strong>\u00a0tra i 16 e i 64 anni\u00a0utilizza app di acquisto online<\/strong><\/li>\n \t
- in Italia il 79,7%<\/strong>\u00a0degli utenti tra i 16 e 64 anni ha\u00a0acquistato qualcosa online negli ultimi mesi<\/strong><\/li>\n \t
- non solo i giovani ma \u00e8 sorprendente vedere che anche le\u00a0generazioni pi\u00f9 mature, dai 45 ai 64 anni, effettuano acquisti online<\/strong><\/li>\n \t
- nel 2020 il settore\u00a0Fashion & Beauty<\/strong>\u00a0ha mosso cifre da capogiro:\u00a0665,6 bilioni di dollari!<\/strong><\/li>\n \t
- il\u00a0settore<\/strong>\u00a0che nel 2020 ha avuto un maggior\u00a0incremento in termini di acquisti online<\/strong>\u00a0\u00e8 il settore\u00a0Food & Personal care<\/strong>\u00a0con una crescita del\u00a0+41%!<\/strong><\/li>\n<\/ul>\n\u00c8 quindi chiaro quanto le\u00a0shopping app<\/strong>\u00a0debbano rispondere alle\u00a0necessit\u00e0 degli utenti, accompagnandoli nel processo di acquisto nella maniera pi\u00f9 chiara, intuitiva e veloce possibile<\/strong>.\n\nIl\u00a0Baymard Institute<\/strong><\/a>\u00a0ha evidenziato in uno studio che\u00a0il\u00a069.80% degli utenti abbandona il proprio carrello, senza\u00a0<\/strong>quindi\u00a0procedere all\u2019acquisto<\/strong>, e tra le\u00a0motivazioni<\/strong>\u00a0spicca\u00a0un fase di checkout troppo lunga o complicata<\/strong>. Questo dato \u00e8 ancora pi\u00f9 rilevante quando parliamo di app perch\u00e9 qui entra in gioco uno spazio limitato e anche la difficolt\u00e0 nell\u2019inserire i dati.\n\nGli sviluppatori devono quindi aiutare l\u2019utente a\u00a0compiere il checkout in pochi passaggi, tutti a portata di pollice<\/strong>, e ad avere la possibilit\u00e0 di acquisto immediato (pensate a quando dovete acquistare il biglietto di un treno all\u2019ultimo minuto, la velocit\u00e0 \u00e8 essenziale!).\nSe il processo di acquisto si pu\u00f2 ridurre a tre step (aggiunta al carrello, scelta di eventuali varianti o prodotti simili, acquisto),\u00a0l\u2019app deve rendere evidenti i passaggi e le componenti essenziali e soprattutto far s\u00ec che siano facilmente raggiungibili.<\/strong>\n\nUn esempio su tutti:\u00a0Amazon<\/strong><\/a>. Una volta selezionato il prodotto sull\u2019app potrai vedere tutte le specifiche, vedere numerosi suggerimenti (spesso comprati insieme, potrebbero piacerti anche, prodotti simili, articoli da esplorare) e recensioni\u2026tutto ovviamente facilmente navigabile con il nostro pollice.\n\n
![\"gif](\"https:\/\/www.oimmei.com\/wp-content\/uploads\/2022\/01\/ezgif.com-gif-maker.gif\")
<\/a>Checkout e Pagamento<\/strong> – Suggerimenti e informazioni prima di un acquisto su Amazon<\/em><\/figcaption><\/figure>\n<\/h3>\nRicerca e filtri<\/h4>\nLa ricerca, i filtri e gli ordinamenti sono essenziali per trovare rapidamente proprio quello che stiamo cercando.<\/strong>\u00a0Servono a destreggiarsi tra una gran quantit\u00e0 di contenuti e informazioni e arrivare a quelli per noi rilevanti. Il rischio: l\u2019abbandono della navigazione.\nCi viene in aiuto ancora\u00a0uno studio<\/a>\u00a0del\u00a0Baymard Institute\u00a0<\/strong>che, utilizzando l\u2019esempio di siti e-commerce, ha notato che se l\u2019elenco dei prodotti non \u00e8 facilmente consultabile si raggiunge un\u00a0tasso di abbandono della navigazione del 67 \u2013 90%<\/strong>. \u00c8 sufficiente aggiustare l\u2019elenco dei prodotti per renderlo pi\u00f9 fruibile per far scendere questo tasso al 17 \u2013 33 %!\n\nIl primo aspetto da considerare \u00e8 che la\u00a0barra di ricerca<\/strong>\u00a0sia collocata dove \u00e8 facilmente visibile e raggiungibile, a questo poi va aggiunto di\u00a0gestire al meglio le categorie<\/strong>\u00a0(che devono essere scorciatoie, non un labirinto)\u00a0e i filtri<\/strong>\u00a0(che potrebbero essere interattivi, con opzioni multiple). Possono essere anche utili dei\u00a0suggerimenti<\/strong>\u00a0basati sui comportamenti degli utenti (ci\u00f2 che usano \/ cercano di pi\u00f9, oppure quello che hanno cercato \/ usato recentemente) oppure anche le\u00a0gesture<\/strong>\u00a0per navigare pi\u00f9 velocemente i cataloghi.\n\nFacciamo alcuni esempi<\/strong>\u00a0partendo dalla funzionalit\u00e0 pi\u00f9 basilare per questo tipo di app:\u00a0la barra di ricerca.<\/strong>\nIn termini di\u00a0raggiungibilit\u00e0 della barra di ricerca<\/strong>\u00a0possiamo confrontare due app molto note, per vedere quale scelta \u00e8 migliore per l\u2019utente.\u00a0Apple maps<\/strong>\u00a0ha la barra di ricerca\u00a0a perfetta portata di pollice<\/strong>,\u00a0mentre<\/strong>\u00a0la sua concorrente Android,\u00a0Google Maps<\/strong>, ha la barra di ricerca\u00a0in cima allo schermo, decisamente difficile da raggiungere<\/strong>\u00a0se utilizziamo il telefono con una mano sola, il nostro pollice soffrir\u00e0 ad arrivare fin lass\u00f9!\n\n![\"Sviluppo](\"https:\/\/www.oimmei.com\/wp-content\/uploads\/2021\/04\/Sviluppo_App_Usabilita_Esperienza_Utente_6.png\")
Ricerca e filtri<\/strong> – Barra di ricerca su Apple e Google Maps<\/em><\/figcaption><\/figure>\n\nCi sono poi delle\u00a0barre di ricerca che offrono gi\u00e0 suggerimenti all\u2019utente<\/strong>. \u00c8 il caso di\u00a0Netflix<\/strong><\/a>\u00a0che, una volta fatto tap sulla barra di ricerca, non solo mette immediatamente a disposizione dell\u2019utente il\u00a0tastierino<\/strong>\u00a0ma presenta gi\u00e0 una\u00a0lista di suggerimenti.<\/strong>\u00a0E anche dopo aver digitato il genere o il titolo che cerchiamo, Netflix ci offre una scelta di contenuti simili. Un altro caso \u00e8\u00a0Instagram<\/strong>\u00a0in cui nella\u00a0sezione Cerca<\/strong>\u00a0possiamo visualizzare\u00a0contenuti customizzati<\/strong>\u00a0in base alle nostre ricerche e\u00a0filtrarli<\/strong>.\nCi pensiamo noi!<\/h3>\nOgni giorno<\/strong>, quando ci occupiamo di sviluppo app, ci troviamo di fronte a tutte queste sfide<\/strong> e diamo sempre il massimo per realizzare prodotti che non siano solamente belli ma soprattutto che siano funzionali e che offrano un\u2019esperienza utente ottimale.\nPer farlo siamo\u00a0sempre al passo con novit\u00e0 ed aggiornamenti<\/strong>\u00a0e il nostro\u00a0reparto dedicato allo\u00a0sviluppo app\u00a0iOS<\/a> ,\u00a0Android<\/a> e Huawei<\/a> \u00e8 in continua interazione con quello che si occupa di UX&UI\u00a0Design.\u00a0<\/strong>\n\nCome avrete capito leggendo questo articolo,\u00a0dietro allo sviluppo app c\u2019\u00e8 davvero tanto lavoro e tanta progettazione<\/strong>, perch\u00e9 raggiungere il giusto equilibrio tra le funzionalit\u00e0 da offrire, un\u2019esperienza utente fluida e l\u2019utilizzo ottimale dello spazio che i nuovi smartphone ci mettono a disposizione\u00a0richiede tempo, attenzione ad ogni dettaglio e tanta passione.<\/strong>\n\nPer fortuna le sfide non ci spaventano e con la nostra passione e la nostra esperienza riusciamo a sviluppare app che sono davvero\u00a0prodotti di boutique<\/strong>, cuciti su misure delle necessit\u00e0 del cliente e dell\u2019utente.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"Gli schermi dei nostri smartphone sono sempre pi\u00f9 grandi. Passiamo oltre 4 ore con i nostri cellulari tra le mani e con essi compiamo le azioni pi\u00f9 disparate grazie alle app. Ma ci chiediamo mai cosa c\u2019\u00e8 dietro alla scelta di inserire una certa funzionalit\u00e0 o collocare un bottone su cui fare tap proprio in […]<\/p>\n","protected":false},"author":1,"featured_media":14035,"comment_status":"close","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"categories":[346],"tags":[],"class_list":["post-23788","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-knowledge-hub"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/posts\/23788","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/comments?post=23788"}],"version-history":[{"count":1,"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/posts\/23788\/revisions"}],"predecessor-version":[{"id":24287,"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/posts\/23788\/revisions\/24287"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/media\/14035"}],"wp:attachment":[{"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/media?parent=23788"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/categories?post=23788"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/tags?post=23788"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
Non \u00e8 andata proprio cos\u00ec…<\/h3>\nLe cose sono decisamente cambiate. La stessa Apple ha cambiato rotta abbandonando la dimensione definita dal suo storico fondatore. Adesso\u00a0i telefoni con uno schermo di dimensione inferiore a 4 pollici non arrivano nemmeno all\u20191%<\/strong>! E se pensiamo\u00a0agli ultimi usciti<\/strong>\u00a0(iPhone12, Xiaomi M11, Samsung Galaxy 21) non scendiamo mai sotto i\u00a06 pollici e arriviamo persino a 6.8!<\/strong>\n\nPerch\u00e9? Beh,\u00a0\u00e8 cambiato l\u2019utilizzo che facciamo dello smartphone<\/strong>\u00a0che non \u00e8 pi\u00f9\u00a0solo<\/em>\u00a0un telefono. Pensiamo a quante cose facciamo ogni giorno con i nostri smartphone: leggiamo un articolo, mandiamo mail di lavoro, guardiamo una serie tv, una ricetta su youtube, facciamo foto e postiamo sui social, chattiamo, facciamo acquisti\u2026solo per dirne alcune. Inevitabilmente\u00a0questi tipi di utilizzo richiedono uno spazio maggior per essere adeguatamente fruiti.<\/strong>\n\nLa dimensione dello schermo dello smartphone \u00e8 aumentata nel corso degli anni<\/em><\/figcaption><\/figure>\nMa noi, come utilizziamo lo smartphone?<\/h3>\nFacciamo un prova<\/strong>. Prendete in mano il telefono e iniziate ad usarlo, fate quello che fate sempre.\n\nBene, la maggior parte di voi avr\u00e0 utilizzato\u00a0una mano sola<\/strong>\u00a0e il vostro\u00a0pollice<\/strong>\u00a0avr\u00e0 eseguito ogni azione. Come facciamo a saperlo? Perch\u00e9 secondo le statistiche il\u00a049% degli utenti<\/strong>\u00a0fa proprio questo.\nIl restante\u00a051% utilizza il telefono con due mani<\/strong>, o con una mano di sostegno e l\u2019altra che agisce sullo schermo (36%), oppure con entrambe le mani e utilizzando entrambi i pollici (15%).\n\nLe differenti modalit\u00e0 di utilizzo dello smartphone<\/em><\/figcaption><\/figure>\n\nIl modo in cui navighiamo sullo schermo del nostro telefono unito alla crescita delle dimensioni degli smartphone ha messo lo sviluppo app<\/a> e lo UX design di fronte a nuove sfide. Infatti \u00e8 davvero molto importante tener conto della modalit\u00e0 di utilizzo del telefono per definire\u00a0dove<\/em>\u00a0collocare i pi\u00f9 importanti componenti e le maggiori funzionalit\u00e0, per supportare l\u2019utente nella navigazione o nel compiere azioni.<\/strong>\nEsistono infatti delle\u00a0aree<\/strong>\u00a0che riusciamo meglio a raggiungere sullo schermo e altre che invece richiedono uno sforzo del nostro pollice che si deve allungare oppure accartocciare su se stesso.\n\nLe aree dello schermo pi\u00f9 facilmente raggiungibili dal nostro pollice<\/em><\/figcaption><\/figure>\nUna fruizione rapida e distratta<\/h3>\nMa gli sviluppatori e i designer devono anche tenere in considerazione altri importanti aspetti<\/strong>\u00a0che influiscono sulla fruizione ad una mano sola:\u00a0quanto<\/strong><\/em>\u00a0utilizziamo il telefono e\u00a0quando<\/strong><\/em>\u00a0lo utilizziamo.\n\nIl\u00a0Digital Report del 2021<\/a>\u00a0di\u00a0Hootsuite<\/a>\u00a0e\u00a0WeAreSocial<\/a><\/strong>\u00a0ci dice che\u00a0il mobile screen \u00e8 diventato lo schermo davanti al quale passiamo pi\u00f9 tempo<\/strong>, scavalcando persino quello della TV: oltre\u00a04 ore al giorno!<\/strong>\u00a0Ma fermiamoci un attimo a riflettere: chi di noi sta in modo continuato di fronte al proprio smartphone per 4 ore? Nessuno (ovviamente non dobbiamo pensare a quando ci mettiamo a guardare un film, ma all\u2019uso normale di tutti i giorni). Si tratta piuttosto di una\u00a0fruizione spezzettata, a volte di pochi secondi<\/strong>\u00a0giusto per un veloce scroll del feed di instagram e per leggere distrattamente un articolo.\u00a0Spesso<\/strong>\u00a0capita addirittura che\u00a0tra una sessione di utilizzo e l\u2019altra passi davvero pochissimo tempo<\/strong>: mi perdo a guardare il feed di instagram, poi decido di chiudere. Dopo 2 minuti non resisto all\u2019irrefrenabile desiderio di controllare il meteo. Poi blocco di nuovo e dopo 5 minuti, siccome sto aspettando il mio turno alla cassa del supermercato, mi metto a controllare le mail.\n\nUtilizziamo il nostro smartphone in modo estremamente frammentario<\/em><\/figcaption><\/figure>\n\nVeloce e distratta<\/strong>. Cos\u00ec possiamo definire la nostra fruizione.\n\nE la situazione non cambia se pensiamo a\u00a0quando<\/strong>\u00a0utilizziamo lo smartphone. Non vi servir\u00e0 sforzarvi molto per notare che effettivamente\u00a0utilizzate il telefono mentre aspettate<\/strong>\u00a0(una persona, un autobus), mentre\u00a0vi<\/strong>\u00a0annoiate<\/strong>\u00a0(e qui vanno per la maggiore i social) oppure mentre\u00a0fate altro<\/strong>\u00a0(quando siete a fare la spesa, mentre camminate per andare a lavoro, mentre portate fuori il cane). Diciamocelo, in questi casi il nostro livello di attenzione non \u00e8 altissimo\u2026\n\nNella maggior parte dei casi utilizziamo lo smartphone quando facciamo altro<\/em><\/figcaption><\/figure>\nFacciamo qualche esempio pratico<\/h3>\nBene, dopo questa doverosa premessa che speriamo vi abbia incuriosito e anche fornito spunti di riflessione, passiamo a degli esempi pratici.\n\nCome abbiamo detto il lavoro dello sviluppatore di app e di chi si occupa del UX design deve necessariamente tenere conto della dimensione degli schermi degli smartphone ma anche delle modalit\u00e0 di fruizione degli utenti<\/strong>, e questo va a concretizzarsi in scelte pratiche di progettazione e sviluppo delle app mobile.\n\nAdesso vi proponiamo qualche esempio per farvi comprendere come un componente o una funzionalit\u00e0 di un’app<\/strong> non siano messi l\u00ec a caso ma siano studiati per rispondere al meglio alle necessit\u00e0 degli utenti<\/strong>. Passeremo in rassegna quattro categorie nelle quali sar\u00e0 facile immedesimarsi come utenti.\nNavigation<\/h4>\nQuando utilizziamo un\u2019app dobbiamo capire cosa offre, come funziona, come navigarla.\u00a0La base perch\u00e9 un\u2019app abbia successo \u00e8 che l\u2019utente scopra facilmente e velocemente le funzionalit\u00e0 e ne comprenda l\u2019utilit\u00e0<\/strong>. Per questo \u00e8 indispensabile sapersi avvalere in modo adatto di componenti come:\n\n \t- Menu<\/strong>\u00a0(dove troviamo tutte le sezioni \/ informazioni dell\u2019app)<\/li>\n \t
- Navigation bar<\/strong>\u00a0(ovvero la barra di navigazione dell\u2019App)<\/li>\n \t
- Tabs bar<\/strong>\u00a0(che possiamo trovare in basso (bottom bar) o in alto (top bar) e che raccolgono alcune funzionalit\u00e0)<\/li>\n<\/ul>\nSiccome tutti questi aspetti sono davvero le fondamenta della nostra app, \u00e8 importante che siano collocate in modo ben evidente e che siano intuitive <\/strong>per rendere l’usabilit\u00e0 fluida e immediata. Ricordiamoci che la nostra fruizione \u00e8 veloce e distratta, se non troviamo subito il menu sull\u2019app che stiamo usando, se la navigation bar \u00e8 collocata in una zona difficile da raggiungere per il nostro pollice o se non capiamo subito come navigare nell\u2019app\u2026\u00a0rischiamo che il nostro utente chiuda l\u2019app e non la riapra nemmeno pi\u00f9!<\/strong>\n\nPrendiamo in esame un caso molto comune:\u00a0molti contenuti da dover mostrare all\u2019utente<\/strong>. La scelta pi\u00f9 comune \u00e8 l\u2019hamburger menu<\/strong>\u2026no, non dobbiamo ordinare nessun panino, si tratta solo di quelle 3 lineette orizzontali, una sopra all\u2019altra, che danno accesso alle voci di men\u00f9 a disposizione nella vostra app.\nEcco un esempio che sicuramente avrete presente:\u00a0Facebook<\/strong><\/a>. In basso a destra trovate l\u2019hamburger menu che al suo interno comprende un sacco di cose: il nostro profilo, i ricordi, il meteo, gli amici e tanto, TANTO, altro.\u00a0Che succede per\u00f2<\/strong>:\u00a0perdiamo di vista la schermata principale e soprattutto il nostro pollice soffre un po\u2019 a raggiungere certe sezioni.<\/strong>\n\nAlternativa interessante?<\/strong>\u00a0Ce la propone un\u2019app che ci siamo trovati ad utilizzare moltissimo in questo anno di pandemia:\u00a0Microsoft Teams<\/strong><\/a>. Si chiama\u00a0flyout menu<\/strong>\u00a0ed \u00e8 collocato alla base del nostro schermo e, nel caso di Microsoft Teams, si trova nei tre pallini di \u201cAltro\u201d. Cliccandoci si aprir\u00e0\u00a0un menu facilmente utilizzabile con una mano sola e che non compromette la visione della schermata principale.<\/strong>\n\nPossono anche venirci in aiuto le\u00a0gesture<\/strong>, ovvero tutti quei movimenti che ci permettono di attivare delle funzioni e che spesso sono anche delle scorciatoie. Tra l\u2019altro le gesture\u00a0accorciano i tempi<\/strong>, sono\u00a0intuitive<\/strong>\u00a0e perfettamente\u00a0in linea con l\u2019uso ad una mano sola dello smartphone<\/strong>.\nFacciamo un esempio fra tutti:\u00a0Instagram<\/strong><\/a>. Sicuramente avrete visto che dalla schermata principale potrete accedere ai Direct semplicemente strisciando il dito da destra a sinistra, o, con movimento opposto, alla fotocamera e quindi a tutte le funzionalit\u00e0 collegate (Pubblica, Storia, In diretta ecc.)\n\n
<\/a>Navigation<\/strong> – Facebook, Instagram e Microsoft Teams a confronto. Differenti modalit\u00e0 di accesso e utilizzo del menu<\/em><\/figcaption><\/figure>\n<\/h3>\nCore Action<\/h4>\nSi tratta delle\u00a0azioni principali che possiamo svolgere con un\u2019app:<\/strong>\u00a0creare, editare, postare, condividere<\/strong>. Sicuramente questa categoria pu\u00f2 essere spiegata al meglio facendo esempi riguardanti\u00a0due utilizzi molto comuni: il lavoro e l\u2019interazione sociale<\/strong>. Abbiamo detto che utilizziamo molto il telefono anche per lavoro, e non solo per le chiamate o i messaggi, ma per inoltrare un file, o per scrivere un testo, una mail, realizzare una presentazione. Utilizziamo lo smartphone altrettanto per fare foto da condividere in un post, per fare un video da postare nelle stories, per condividere la tua canzone del momento con un amico.\n\nBene, qualsiasi di queste core action tu voglia fare, serve che queste\u00a0funzionalit\u00e0 siano chiaramente visibili e posizionate nell\u2019area giusta<\/strong>.\nAd esempio, se stiamo scrivendo un testo utilizzando\u00a0Documenti di Google<\/strong><\/a>\u00a0abbiamo\u00a0a portata di pollice tutte le funzionalit\u00e0 pi\u00f9 importanti\u00a0<\/strong>(formato, colore, allineamento\u2026)\u00a0esattamente sopra alla tastiera con cui stiamo scrivendo.\n\nE se invece vogliamo\u00a0condividere un video\u00a0<\/strong>che ci ha particolarmente colpito? Le\u00a0funzionalit\u00e0 di condivisione verso social o tramite altri canali sono ormai indispensabili e devono quindi essere a portata di tap e permettere all\u2019utente di condividere in modo semplice e completo.<\/strong>\nPrendiamo come esempi due app molto note. Con\u00a0Youtube<\/strong><\/a>\u00a0baster\u00e0 fare tap sull\u2019icona di condivisione per avere a disposizione una vasta scelta di canali e per personalizzare anche il nostro messaggio, con\u00a0Shazam<\/strong><\/a>\u00a0abbiamo addirittura due bottoni per la condivisione: in alto a destra oppure all\u2019interno del menu Altro!\n\n<\/a>Core Action<\/strong>\u00a0– Condivisione di un video da Youtube<\/em><\/figcaption><\/figure>\n<\/h3>\nCheckout e pagamento<\/h4>\nDurante il 2020 gli acquisti online hanno subito una vera e propria impennata<\/strong>, complice la pandemia da Covid-19. Questo trend probabilmente non avr\u00e0 una flessione nei prossimi mesi, sia perch\u00e9 siamo ancora alle prese con le problematiche legate alla pandemia e sia perch\u00e9 molti utenti hanno dichiarato che manterranno\u00a0anche nel futuro le abitudine di acquisto online assunte durante i periodi di lockdown.\nDiamo qualche numero<\/strong>:\n\n \t- il\u00a064% di utenti<\/strong>\u00a0tra i 16 e i 64 anni\u00a0utilizza app di acquisto online<\/strong><\/li>\n \t
- in Italia il 79,7%<\/strong>\u00a0degli utenti tra i 16 e 64 anni ha\u00a0acquistato qualcosa online negli ultimi mesi<\/strong><\/li>\n \t
- non solo i giovani ma \u00e8 sorprendente vedere che anche le\u00a0generazioni pi\u00f9 mature, dai 45 ai 64 anni, effettuano acquisti online<\/strong><\/li>\n \t
- nel 2020 il settore\u00a0Fashion & Beauty<\/strong>\u00a0ha mosso cifre da capogiro:\u00a0665,6 bilioni di dollari!<\/strong><\/li>\n \t
- il\u00a0settore<\/strong>\u00a0che nel 2020 ha avuto un maggior\u00a0incremento in termini di acquisti online<\/strong>\u00a0\u00e8 il settore\u00a0Food & Personal care<\/strong>\u00a0con una crescita del\u00a0+41%!<\/strong><\/li>\n<\/ul>\n\u00c8 quindi chiaro quanto le\u00a0shopping app<\/strong>\u00a0debbano rispondere alle\u00a0necessit\u00e0 degli utenti, accompagnandoli nel processo di acquisto nella maniera pi\u00f9 chiara, intuitiva e veloce possibile<\/strong>.\n\nIl\u00a0Baymard Institute<\/strong><\/a>\u00a0ha evidenziato in uno studio che\u00a0il\u00a069.80% degli utenti abbandona il proprio carrello, senza\u00a0<\/strong>quindi\u00a0procedere all\u2019acquisto<\/strong>, e tra le\u00a0motivazioni<\/strong>\u00a0spicca\u00a0un fase di checkout troppo lunga o complicata<\/strong>. Questo dato \u00e8 ancora pi\u00f9 rilevante quando parliamo di app perch\u00e9 qui entra in gioco uno spazio limitato e anche la difficolt\u00e0 nell\u2019inserire i dati.\n\nGli sviluppatori devono quindi aiutare l\u2019utente a\u00a0compiere il checkout in pochi passaggi, tutti a portata di pollice<\/strong>, e ad avere la possibilit\u00e0 di acquisto immediato (pensate a quando dovete acquistare il biglietto di un treno all\u2019ultimo minuto, la velocit\u00e0 \u00e8 essenziale!).\nSe il processo di acquisto si pu\u00f2 ridurre a tre step (aggiunta al carrello, scelta di eventuali varianti o prodotti simili, acquisto),\u00a0l\u2019app deve rendere evidenti i passaggi e le componenti essenziali e soprattutto far s\u00ec che siano facilmente raggiungibili.<\/strong>\n\nUn esempio su tutti:\u00a0Amazon<\/strong><\/a>. Una volta selezionato il prodotto sull\u2019app potrai vedere tutte le specifiche, vedere numerosi suggerimenti (spesso comprati insieme, potrebbero piacerti anche, prodotti simili, articoli da esplorare) e recensioni\u2026tutto ovviamente facilmente navigabile con il nostro pollice.\n\n
<\/a>Checkout e Pagamento<\/strong> – Suggerimenti e informazioni prima di un acquisto su Amazon<\/em><\/figcaption><\/figure>\n<\/h3>\nRicerca e filtri<\/h4>\nLa ricerca, i filtri e gli ordinamenti sono essenziali per trovare rapidamente proprio quello che stiamo cercando.<\/strong>\u00a0Servono a destreggiarsi tra una gran quantit\u00e0 di contenuti e informazioni e arrivare a quelli per noi rilevanti. Il rischio: l\u2019abbandono della navigazione.\nCi viene in aiuto ancora\u00a0uno studio<\/a>\u00a0del\u00a0Baymard Institute\u00a0<\/strong>che, utilizzando l\u2019esempio di siti e-commerce, ha notato che se l\u2019elenco dei prodotti non \u00e8 facilmente consultabile si raggiunge un\u00a0tasso di abbandono della navigazione del 67 \u2013 90%<\/strong>. \u00c8 sufficiente aggiustare l\u2019elenco dei prodotti per renderlo pi\u00f9 fruibile per far scendere questo tasso al 17 \u2013 33 %!\n\nIl primo aspetto da considerare \u00e8 che la\u00a0barra di ricerca<\/strong>\u00a0sia collocata dove \u00e8 facilmente visibile e raggiungibile, a questo poi va aggiunto di\u00a0gestire al meglio le categorie<\/strong>\u00a0(che devono essere scorciatoie, non un labirinto)\u00a0e i filtri<\/strong>\u00a0(che potrebbero essere interattivi, con opzioni multiple). Possono essere anche utili dei\u00a0suggerimenti<\/strong>\u00a0basati sui comportamenti degli utenti (ci\u00f2 che usano \/ cercano di pi\u00f9, oppure quello che hanno cercato \/ usato recentemente) oppure anche le\u00a0gesture<\/strong>\u00a0per navigare pi\u00f9 velocemente i cataloghi.\n\nFacciamo alcuni esempi<\/strong>\u00a0partendo dalla funzionalit\u00e0 pi\u00f9 basilare per questo tipo di app:\u00a0la barra di ricerca.<\/strong>\nIn termini di\u00a0raggiungibilit\u00e0 della barra di ricerca<\/strong>\u00a0possiamo confrontare due app molto note, per vedere quale scelta \u00e8 migliore per l\u2019utente.\u00a0Apple maps<\/strong>\u00a0ha la barra di ricerca\u00a0a perfetta portata di pollice<\/strong>,\u00a0mentre<\/strong>\u00a0la sua concorrente Android,\u00a0Google Maps<\/strong>, ha la barra di ricerca\u00a0in cima allo schermo, decisamente difficile da raggiungere<\/strong>\u00a0se utilizziamo il telefono con una mano sola, il nostro pollice soffrir\u00e0 ad arrivare fin lass\u00f9!\n\nRicerca e filtri<\/strong> – Barra di ricerca su Apple e Google Maps<\/em><\/figcaption><\/figure>\n\nCi sono poi delle\u00a0barre di ricerca che offrono gi\u00e0 suggerimenti all\u2019utente<\/strong>. \u00c8 il caso di\u00a0Netflix<\/strong><\/a>\u00a0che, una volta fatto tap sulla barra di ricerca, non solo mette immediatamente a disposizione dell\u2019utente il\u00a0tastierino<\/strong>\u00a0ma presenta gi\u00e0 una\u00a0lista di suggerimenti.<\/strong>\u00a0E anche dopo aver digitato il genere o il titolo che cerchiamo, Netflix ci offre una scelta di contenuti simili. Un altro caso \u00e8\u00a0Instagram<\/strong>\u00a0in cui nella\u00a0sezione Cerca<\/strong>\u00a0possiamo visualizzare\u00a0contenuti customizzati<\/strong>\u00a0in base alle nostre ricerche e\u00a0filtrarli<\/strong>.\nCi pensiamo noi!<\/h3>\nOgni giorno<\/strong>, quando ci occupiamo di sviluppo app, ci troviamo di fronte a tutte queste sfide<\/strong> e diamo sempre il massimo per realizzare prodotti che non siano solamente belli ma soprattutto che siano funzionali e che offrano un\u2019esperienza utente ottimale.\nPer farlo siamo\u00a0sempre al passo con novit\u00e0 ed aggiornamenti<\/strong>\u00a0e il nostro\u00a0reparto dedicato allo\u00a0sviluppo app\u00a0iOS<\/a> ,\u00a0Android<\/a> e Huawei<\/a> \u00e8 in continua interazione con quello che si occupa di UX&UI\u00a0Design.\u00a0<\/strong>\n\nCome avrete capito leggendo questo articolo,\u00a0dietro allo sviluppo app c\u2019\u00e8 davvero tanto lavoro e tanta progettazione<\/strong>, perch\u00e9 raggiungere il giusto equilibrio tra le funzionalit\u00e0 da offrire, un\u2019esperienza utente fluida e l\u2019utilizzo ottimale dello spazio che i nuovi smartphone ci mettono a disposizione\u00a0richiede tempo, attenzione ad ogni dettaglio e tanta passione.<\/strong>\n\nPer fortuna le sfide non ci spaventano e con la nostra passione e la nostra esperienza riusciamo a sviluppare app che sono davvero\u00a0prodotti di boutique<\/strong>, cuciti su misure delle necessit\u00e0 del cliente e dell\u2019utente.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"Gli schermi dei nostri smartphone sono sempre pi\u00f9 grandi. Passiamo oltre 4 ore con i nostri cellulari tra le mani e con essi compiamo le azioni pi\u00f9 disparate grazie alle app. Ma ci chiediamo mai cosa c\u2019\u00e8 dietro alla scelta di inserire una certa funzionalit\u00e0 o collocare un bottone su cui fare tap proprio in […]<\/p>\n","protected":false},"author":1,"featured_media":14035,"comment_status":"close","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"categories":[346],"tags":[],"class_list":["post-23788","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-knowledge-hub"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/posts\/23788","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/comments?post=23788"}],"version-history":[{"count":1,"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/posts\/23788\/revisions"}],"predecessor-version":[{"id":24287,"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/posts\/23788\/revisions\/24287"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/media\/14035"}],"wp:attachment":[{"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/media?parent=23788"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/categories?post=23788"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/tags?post=23788"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
Ma noi, come utilizziamo lo smartphone?<\/h3>\nFacciamo un prova<\/strong>. Prendete in mano il telefono e iniziate ad usarlo, fate quello che fate sempre.\n\nBene, la maggior parte di voi avr\u00e0 utilizzato\u00a0una mano sola<\/strong>\u00a0e il vostro\u00a0pollice<\/strong>\u00a0avr\u00e0 eseguito ogni azione. Come facciamo a saperlo? Perch\u00e9 secondo le statistiche il\u00a049% degli utenti<\/strong>\u00a0fa proprio questo.\nIl restante\u00a051% utilizza il telefono con due mani<\/strong>, o con una mano di sostegno e l\u2019altra che agisce sullo schermo (36%), oppure con entrambe le mani e utilizzando entrambi i pollici (15%).\n\nLe differenti modalit\u00e0 di utilizzo dello smartphone<\/em><\/figcaption><\/figure>\n\nIl modo in cui navighiamo sullo schermo del nostro telefono unito alla crescita delle dimensioni degli smartphone ha messo lo sviluppo app<\/a> e lo UX design di fronte a nuove sfide. Infatti \u00e8 davvero molto importante tener conto della modalit\u00e0 di utilizzo del telefono per definire\u00a0dove<\/em>\u00a0collocare i pi\u00f9 importanti componenti e le maggiori funzionalit\u00e0, per supportare l\u2019utente nella navigazione o nel compiere azioni.<\/strong>\nEsistono infatti delle\u00a0aree<\/strong>\u00a0che riusciamo meglio a raggiungere sullo schermo e altre che invece richiedono uno sforzo del nostro pollice che si deve allungare oppure accartocciare su se stesso.\n\nLe aree dello schermo pi\u00f9 facilmente raggiungibili dal nostro pollice<\/em><\/figcaption><\/figure>\nUna fruizione rapida e distratta<\/h3>\nMa gli sviluppatori e i designer devono anche tenere in considerazione altri importanti aspetti<\/strong>\u00a0che influiscono sulla fruizione ad una mano sola:\u00a0quanto<\/strong><\/em>\u00a0utilizziamo il telefono e\u00a0quando<\/strong><\/em>\u00a0lo utilizziamo.\n\nIl\u00a0Digital Report del 2021<\/a>\u00a0di\u00a0Hootsuite<\/a>\u00a0e\u00a0WeAreSocial<\/a><\/strong>\u00a0ci dice che\u00a0il mobile screen \u00e8 diventato lo schermo davanti al quale passiamo pi\u00f9 tempo<\/strong>, scavalcando persino quello della TV: oltre\u00a04 ore al giorno!<\/strong>\u00a0Ma fermiamoci un attimo a riflettere: chi di noi sta in modo continuato di fronte al proprio smartphone per 4 ore? Nessuno (ovviamente non dobbiamo pensare a quando ci mettiamo a guardare un film, ma all\u2019uso normale di tutti i giorni). Si tratta piuttosto di una\u00a0fruizione spezzettata, a volte di pochi secondi<\/strong>\u00a0giusto per un veloce scroll del feed di instagram e per leggere distrattamente un articolo.\u00a0Spesso<\/strong>\u00a0capita addirittura che\u00a0tra una sessione di utilizzo e l\u2019altra passi davvero pochissimo tempo<\/strong>: mi perdo a guardare il feed di instagram, poi decido di chiudere. Dopo 2 minuti non resisto all\u2019irrefrenabile desiderio di controllare il meteo. Poi blocco di nuovo e dopo 5 minuti, siccome sto aspettando il mio turno alla cassa del supermercato, mi metto a controllare le mail.\n\nUtilizziamo il nostro smartphone in modo estremamente frammentario<\/em><\/figcaption><\/figure>\n\nVeloce e distratta<\/strong>. Cos\u00ec possiamo definire la nostra fruizione.\n\nE la situazione non cambia se pensiamo a\u00a0quando<\/strong>\u00a0utilizziamo lo smartphone. Non vi servir\u00e0 sforzarvi molto per notare che effettivamente\u00a0utilizzate il telefono mentre aspettate<\/strong>\u00a0(una persona, un autobus), mentre\u00a0vi<\/strong>\u00a0annoiate<\/strong>\u00a0(e qui vanno per la maggiore i social) oppure mentre\u00a0fate altro<\/strong>\u00a0(quando siete a fare la spesa, mentre camminate per andare a lavoro, mentre portate fuori il cane). Diciamocelo, in questi casi il nostro livello di attenzione non \u00e8 altissimo\u2026\n\nNella maggior parte dei casi utilizziamo lo smartphone quando facciamo altro<\/em><\/figcaption><\/figure>\nFacciamo qualche esempio pratico<\/h3>\nBene, dopo questa doverosa premessa che speriamo vi abbia incuriosito e anche fornito spunti di riflessione, passiamo a degli esempi pratici.\n\nCome abbiamo detto il lavoro dello sviluppatore di app e di chi si occupa del UX design deve necessariamente tenere conto della dimensione degli schermi degli smartphone ma anche delle modalit\u00e0 di fruizione degli utenti<\/strong>, e questo va a concretizzarsi in scelte pratiche di progettazione e sviluppo delle app mobile.\n\nAdesso vi proponiamo qualche esempio per farvi comprendere come un componente o una funzionalit\u00e0 di un’app<\/strong> non siano messi l\u00ec a caso ma siano studiati per rispondere al meglio alle necessit\u00e0 degli utenti<\/strong>. Passeremo in rassegna quattro categorie nelle quali sar\u00e0 facile immedesimarsi come utenti.\nNavigation<\/h4>\nQuando utilizziamo un\u2019app dobbiamo capire cosa offre, come funziona, come navigarla.\u00a0La base perch\u00e9 un\u2019app abbia successo \u00e8 che l\u2019utente scopra facilmente e velocemente le funzionalit\u00e0 e ne comprenda l\u2019utilit\u00e0<\/strong>. Per questo \u00e8 indispensabile sapersi avvalere in modo adatto di componenti come:\n\n \t- Menu<\/strong>\u00a0(dove troviamo tutte le sezioni \/ informazioni dell\u2019app)<\/li>\n \t
- Navigation bar<\/strong>\u00a0(ovvero la barra di navigazione dell\u2019App)<\/li>\n \t
- Tabs bar<\/strong>\u00a0(che possiamo trovare in basso (bottom bar) o in alto (top bar) e che raccolgono alcune funzionalit\u00e0)<\/li>\n<\/ul>\nSiccome tutti questi aspetti sono davvero le fondamenta della nostra app, \u00e8 importante che siano collocate in modo ben evidente e che siano intuitive <\/strong>per rendere l’usabilit\u00e0 fluida e immediata. Ricordiamoci che la nostra fruizione \u00e8 veloce e distratta, se non troviamo subito il menu sull\u2019app che stiamo usando, se la navigation bar \u00e8 collocata in una zona difficile da raggiungere per il nostro pollice o se non capiamo subito come navigare nell\u2019app\u2026\u00a0rischiamo che il nostro utente chiuda l\u2019app e non la riapra nemmeno pi\u00f9!<\/strong>\n\nPrendiamo in esame un caso molto comune:\u00a0molti contenuti da dover mostrare all\u2019utente<\/strong>. La scelta pi\u00f9 comune \u00e8 l\u2019hamburger menu<\/strong>\u2026no, non dobbiamo ordinare nessun panino, si tratta solo di quelle 3 lineette orizzontali, una sopra all\u2019altra, che danno accesso alle voci di men\u00f9 a disposizione nella vostra app.\nEcco un esempio che sicuramente avrete presente:\u00a0Facebook<\/strong><\/a>. In basso a destra trovate l\u2019hamburger menu che al suo interno comprende un sacco di cose: il nostro profilo, i ricordi, il meteo, gli amici e tanto, TANTO, altro.\u00a0Che succede per\u00f2<\/strong>:\u00a0perdiamo di vista la schermata principale e soprattutto il nostro pollice soffre un po\u2019 a raggiungere certe sezioni.<\/strong>\n\nAlternativa interessante?<\/strong>\u00a0Ce la propone un\u2019app che ci siamo trovati ad utilizzare moltissimo in questo anno di pandemia:\u00a0Microsoft Teams<\/strong><\/a>. Si chiama\u00a0flyout menu<\/strong>\u00a0ed \u00e8 collocato alla base del nostro schermo e, nel caso di Microsoft Teams, si trova nei tre pallini di \u201cAltro\u201d. Cliccandoci si aprir\u00e0\u00a0un menu facilmente utilizzabile con una mano sola e che non compromette la visione della schermata principale.<\/strong>\n\nPossono anche venirci in aiuto le\u00a0gesture<\/strong>, ovvero tutti quei movimenti che ci permettono di attivare delle funzioni e che spesso sono anche delle scorciatoie. Tra l\u2019altro le gesture\u00a0accorciano i tempi<\/strong>, sono\u00a0intuitive<\/strong>\u00a0e perfettamente\u00a0in linea con l\u2019uso ad una mano sola dello smartphone<\/strong>.\nFacciamo un esempio fra tutti:\u00a0Instagram<\/strong><\/a>. Sicuramente avrete visto che dalla schermata principale potrete accedere ai Direct semplicemente strisciando il dito da destra a sinistra, o, con movimento opposto, alla fotocamera e quindi a tutte le funzionalit\u00e0 collegate (Pubblica, Storia, In diretta ecc.)\n\n
<\/a>Navigation<\/strong> – Facebook, Instagram e Microsoft Teams a confronto. Differenti modalit\u00e0 di accesso e utilizzo del menu<\/em><\/figcaption><\/figure>\n<\/h3>\nCore Action<\/h4>\nSi tratta delle\u00a0azioni principali che possiamo svolgere con un\u2019app:<\/strong>\u00a0creare, editare, postare, condividere<\/strong>. Sicuramente questa categoria pu\u00f2 essere spiegata al meglio facendo esempi riguardanti\u00a0due utilizzi molto comuni: il lavoro e l\u2019interazione sociale<\/strong>. Abbiamo detto che utilizziamo molto il telefono anche per lavoro, e non solo per le chiamate o i messaggi, ma per inoltrare un file, o per scrivere un testo, una mail, realizzare una presentazione. Utilizziamo lo smartphone altrettanto per fare foto da condividere in un post, per fare un video da postare nelle stories, per condividere la tua canzone del momento con un amico.\n\nBene, qualsiasi di queste core action tu voglia fare, serve che queste\u00a0funzionalit\u00e0 siano chiaramente visibili e posizionate nell\u2019area giusta<\/strong>.\nAd esempio, se stiamo scrivendo un testo utilizzando\u00a0Documenti di Google<\/strong><\/a>\u00a0abbiamo\u00a0a portata di pollice tutte le funzionalit\u00e0 pi\u00f9 importanti\u00a0<\/strong>(formato, colore, allineamento\u2026)\u00a0esattamente sopra alla tastiera con cui stiamo scrivendo.\n\nE se invece vogliamo\u00a0condividere un video\u00a0<\/strong>che ci ha particolarmente colpito? Le\u00a0funzionalit\u00e0 di condivisione verso social o tramite altri canali sono ormai indispensabili e devono quindi essere a portata di tap e permettere all\u2019utente di condividere in modo semplice e completo.<\/strong>\nPrendiamo come esempi due app molto note. Con\u00a0Youtube<\/strong><\/a>\u00a0baster\u00e0 fare tap sull\u2019icona di condivisione per avere a disposizione una vasta scelta di canali e per personalizzare anche il nostro messaggio, con\u00a0Shazam<\/strong><\/a>\u00a0abbiamo addirittura due bottoni per la condivisione: in alto a destra oppure all\u2019interno del menu Altro!\n\n<\/a>Core Action<\/strong>\u00a0– Condivisione di un video da Youtube<\/em><\/figcaption><\/figure>\n<\/h3>\nCheckout e pagamento<\/h4>\nDurante il 2020 gli acquisti online hanno subito una vera e propria impennata<\/strong>, complice la pandemia da Covid-19. Questo trend probabilmente non avr\u00e0 una flessione nei prossimi mesi, sia perch\u00e9 siamo ancora alle prese con le problematiche legate alla pandemia e sia perch\u00e9 molti utenti hanno dichiarato che manterranno\u00a0anche nel futuro le abitudine di acquisto online assunte durante i periodi di lockdown.\nDiamo qualche numero<\/strong>:\n\n \t- il\u00a064% di utenti<\/strong>\u00a0tra i 16 e i 64 anni\u00a0utilizza app di acquisto online<\/strong><\/li>\n \t
- in Italia il 79,7%<\/strong>\u00a0degli utenti tra i 16 e 64 anni ha\u00a0acquistato qualcosa online negli ultimi mesi<\/strong><\/li>\n \t
- non solo i giovani ma \u00e8 sorprendente vedere che anche le\u00a0generazioni pi\u00f9 mature, dai 45 ai 64 anni, effettuano acquisti online<\/strong><\/li>\n \t
- nel 2020 il settore\u00a0Fashion & Beauty<\/strong>\u00a0ha mosso cifre da capogiro:\u00a0665,6 bilioni di dollari!<\/strong><\/li>\n \t
- il\u00a0settore<\/strong>\u00a0che nel 2020 ha avuto un maggior\u00a0incremento in termini di acquisti online<\/strong>\u00a0\u00e8 il settore\u00a0Food & Personal care<\/strong>\u00a0con una crescita del\u00a0+41%!<\/strong><\/li>\n<\/ul>\n\u00c8 quindi chiaro quanto le\u00a0shopping app<\/strong>\u00a0debbano rispondere alle\u00a0necessit\u00e0 degli utenti, accompagnandoli nel processo di acquisto nella maniera pi\u00f9 chiara, intuitiva e veloce possibile<\/strong>.\n\nIl\u00a0Baymard Institute<\/strong><\/a>\u00a0ha evidenziato in uno studio che\u00a0il\u00a069.80% degli utenti abbandona il proprio carrello, senza\u00a0<\/strong>quindi\u00a0procedere all\u2019acquisto<\/strong>, e tra le\u00a0motivazioni<\/strong>\u00a0spicca\u00a0un fase di checkout troppo lunga o complicata<\/strong>. Questo dato \u00e8 ancora pi\u00f9 rilevante quando parliamo di app perch\u00e9 qui entra in gioco uno spazio limitato e anche la difficolt\u00e0 nell\u2019inserire i dati.\n\nGli sviluppatori devono quindi aiutare l\u2019utente a\u00a0compiere il checkout in pochi passaggi, tutti a portata di pollice<\/strong>, e ad avere la possibilit\u00e0 di acquisto immediato (pensate a quando dovete acquistare il biglietto di un treno all\u2019ultimo minuto, la velocit\u00e0 \u00e8 essenziale!).\nSe il processo di acquisto si pu\u00f2 ridurre a tre step (aggiunta al carrello, scelta di eventuali varianti o prodotti simili, acquisto),\u00a0l\u2019app deve rendere evidenti i passaggi e le componenti essenziali e soprattutto far s\u00ec che siano facilmente raggiungibili.<\/strong>\n\nUn esempio su tutti:\u00a0Amazon<\/strong><\/a>. Una volta selezionato il prodotto sull\u2019app potrai vedere tutte le specifiche, vedere numerosi suggerimenti (spesso comprati insieme, potrebbero piacerti anche, prodotti simili, articoli da esplorare) e recensioni\u2026tutto ovviamente facilmente navigabile con il nostro pollice.\n\n
<\/a>Checkout e Pagamento<\/strong> – Suggerimenti e informazioni prima di un acquisto su Amazon<\/em><\/figcaption><\/figure>\n<\/h3>\nRicerca e filtri<\/h4>\nLa ricerca, i filtri e gli ordinamenti sono essenziali per trovare rapidamente proprio quello che stiamo cercando.<\/strong>\u00a0Servono a destreggiarsi tra una gran quantit\u00e0 di contenuti e informazioni e arrivare a quelli per noi rilevanti. Il rischio: l\u2019abbandono della navigazione.\nCi viene in aiuto ancora\u00a0uno studio<\/a>\u00a0del\u00a0Baymard Institute\u00a0<\/strong>che, utilizzando l\u2019esempio di siti e-commerce, ha notato che se l\u2019elenco dei prodotti non \u00e8 facilmente consultabile si raggiunge un\u00a0tasso di abbandono della navigazione del 67 \u2013 90%<\/strong>. \u00c8 sufficiente aggiustare l\u2019elenco dei prodotti per renderlo pi\u00f9 fruibile per far scendere questo tasso al 17 \u2013 33 %!\n\nIl primo aspetto da considerare \u00e8 che la\u00a0barra di ricerca<\/strong>\u00a0sia collocata dove \u00e8 facilmente visibile e raggiungibile, a questo poi va aggiunto di\u00a0gestire al meglio le categorie<\/strong>\u00a0(che devono essere scorciatoie, non un labirinto)\u00a0e i filtri<\/strong>\u00a0(che potrebbero essere interattivi, con opzioni multiple). Possono essere anche utili dei\u00a0suggerimenti<\/strong>\u00a0basati sui comportamenti degli utenti (ci\u00f2 che usano \/ cercano di pi\u00f9, oppure quello che hanno cercato \/ usato recentemente) oppure anche le\u00a0gesture<\/strong>\u00a0per navigare pi\u00f9 velocemente i cataloghi.\n\nFacciamo alcuni esempi<\/strong>\u00a0partendo dalla funzionalit\u00e0 pi\u00f9 basilare per questo tipo di app:\u00a0la barra di ricerca.<\/strong>\nIn termini di\u00a0raggiungibilit\u00e0 della barra di ricerca<\/strong>\u00a0possiamo confrontare due app molto note, per vedere quale scelta \u00e8 migliore per l\u2019utente.\u00a0Apple maps<\/strong>\u00a0ha la barra di ricerca\u00a0a perfetta portata di pollice<\/strong>,\u00a0mentre<\/strong>\u00a0la sua concorrente Android,\u00a0Google Maps<\/strong>, ha la barra di ricerca\u00a0in cima allo schermo, decisamente difficile da raggiungere<\/strong>\u00a0se utilizziamo il telefono con una mano sola, il nostro pollice soffrir\u00e0 ad arrivare fin lass\u00f9!\n\nRicerca e filtri<\/strong> – Barra di ricerca su Apple e Google Maps<\/em><\/figcaption><\/figure>\n\nCi sono poi delle\u00a0barre di ricerca che offrono gi\u00e0 suggerimenti all\u2019utente<\/strong>. \u00c8 il caso di\u00a0Netflix<\/strong><\/a>\u00a0che, una volta fatto tap sulla barra di ricerca, non solo mette immediatamente a disposizione dell\u2019utente il\u00a0tastierino<\/strong>\u00a0ma presenta gi\u00e0 una\u00a0lista di suggerimenti.<\/strong>\u00a0E anche dopo aver digitato il genere o il titolo che cerchiamo, Netflix ci offre una scelta di contenuti simili. Un altro caso \u00e8\u00a0Instagram<\/strong>\u00a0in cui nella\u00a0sezione Cerca<\/strong>\u00a0possiamo visualizzare\u00a0contenuti customizzati<\/strong>\u00a0in base alle nostre ricerche e\u00a0filtrarli<\/strong>.\nCi pensiamo noi!<\/h3>\nOgni giorno<\/strong>, quando ci occupiamo di sviluppo app, ci troviamo di fronte a tutte queste sfide<\/strong> e diamo sempre il massimo per realizzare prodotti che non siano solamente belli ma soprattutto che siano funzionali e che offrano un\u2019esperienza utente ottimale.\nPer farlo siamo\u00a0sempre al passo con novit\u00e0 ed aggiornamenti<\/strong>\u00a0e il nostro\u00a0reparto dedicato allo\u00a0sviluppo app\u00a0iOS<\/a> ,\u00a0Android<\/a> e Huawei<\/a> \u00e8 in continua interazione con quello che si occupa di UX&UI\u00a0Design.\u00a0<\/strong>\n\nCome avrete capito leggendo questo articolo,\u00a0dietro allo sviluppo app c\u2019\u00e8 davvero tanto lavoro e tanta progettazione<\/strong>, perch\u00e9 raggiungere il giusto equilibrio tra le funzionalit\u00e0 da offrire, un\u2019esperienza utente fluida e l\u2019utilizzo ottimale dello spazio che i nuovi smartphone ci mettono a disposizione\u00a0richiede tempo, attenzione ad ogni dettaglio e tanta passione.<\/strong>\n\nPer fortuna le sfide non ci spaventano e con la nostra passione e la nostra esperienza riusciamo a sviluppare app che sono davvero\u00a0prodotti di boutique<\/strong>, cuciti su misure delle necessit\u00e0 del cliente e dell\u2019utente.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"Gli schermi dei nostri smartphone sono sempre pi\u00f9 grandi. Passiamo oltre 4 ore con i nostri cellulari tra le mani e con essi compiamo le azioni pi\u00f9 disparate grazie alle app. Ma ci chiediamo mai cosa c\u2019\u00e8 dietro alla scelta di inserire una certa funzionalit\u00e0 o collocare un bottone su cui fare tap proprio in […]<\/p>\n","protected":false},"author":1,"featured_media":14035,"comment_status":"close","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"categories":[346],"tags":[],"class_list":["post-23788","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-knowledge-hub"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/posts\/23788","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/comments?post=23788"}],"version-history":[{"count":1,"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/posts\/23788\/revisions"}],"predecessor-version":[{"id":24287,"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/posts\/23788\/revisions\/24287"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/media\/14035"}],"wp:attachment":[{"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/media?parent=23788"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/categories?post=23788"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/tags?post=23788"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
Una fruizione rapida e distratta<\/h3>\nMa gli sviluppatori e i designer devono anche tenere in considerazione altri importanti aspetti<\/strong>\u00a0che influiscono sulla fruizione ad una mano sola:\u00a0quanto<\/strong><\/em>\u00a0utilizziamo il telefono e\u00a0quando<\/strong><\/em>\u00a0lo utilizziamo.\n\nIl\u00a0Digital Report del 2021<\/a>\u00a0di\u00a0Hootsuite<\/a>\u00a0e\u00a0WeAreSocial<\/a><\/strong>\u00a0ci dice che\u00a0il mobile screen \u00e8 diventato lo schermo davanti al quale passiamo pi\u00f9 tempo<\/strong>, scavalcando persino quello della TV: oltre\u00a04 ore al giorno!<\/strong>\u00a0Ma fermiamoci un attimo a riflettere: chi di noi sta in modo continuato di fronte al proprio smartphone per 4 ore? Nessuno (ovviamente non dobbiamo pensare a quando ci mettiamo a guardare un film, ma all\u2019uso normale di tutti i giorni). Si tratta piuttosto di una\u00a0fruizione spezzettata, a volte di pochi secondi<\/strong>\u00a0giusto per un veloce scroll del feed di instagram e per leggere distrattamente un articolo.\u00a0Spesso<\/strong>\u00a0capita addirittura che\u00a0tra una sessione di utilizzo e l\u2019altra passi davvero pochissimo tempo<\/strong>: mi perdo a guardare il feed di instagram, poi decido di chiudere. Dopo 2 minuti non resisto all\u2019irrefrenabile desiderio di controllare il meteo. Poi blocco di nuovo e dopo 5 minuti, siccome sto aspettando il mio turno alla cassa del supermercato, mi metto a controllare le mail.\n\nUtilizziamo il nostro smartphone in modo estremamente frammentario<\/em><\/figcaption><\/figure>\n\nVeloce e distratta<\/strong>. Cos\u00ec possiamo definire la nostra fruizione.\n\nE la situazione non cambia se pensiamo a\u00a0quando<\/strong>\u00a0utilizziamo lo smartphone. Non vi servir\u00e0 sforzarvi molto per notare che effettivamente\u00a0utilizzate il telefono mentre aspettate<\/strong>\u00a0(una persona, un autobus), mentre\u00a0vi<\/strong>\u00a0annoiate<\/strong>\u00a0(e qui vanno per la maggiore i social) oppure mentre\u00a0fate altro<\/strong>\u00a0(quando siete a fare la spesa, mentre camminate per andare a lavoro, mentre portate fuori il cane). Diciamocelo, in questi casi il nostro livello di attenzione non \u00e8 altissimo\u2026\n\nNella maggior parte dei casi utilizziamo lo smartphone quando facciamo altro<\/em><\/figcaption><\/figure>\nFacciamo qualche esempio pratico<\/h3>\nBene, dopo questa doverosa premessa che speriamo vi abbia incuriosito e anche fornito spunti di riflessione, passiamo a degli esempi pratici.\n\nCome abbiamo detto il lavoro dello sviluppatore di app e di chi si occupa del UX design deve necessariamente tenere conto della dimensione degli schermi degli smartphone ma anche delle modalit\u00e0 di fruizione degli utenti<\/strong>, e questo va a concretizzarsi in scelte pratiche di progettazione e sviluppo delle app mobile.\n\nAdesso vi proponiamo qualche esempio per farvi comprendere come un componente o una funzionalit\u00e0 di un’app<\/strong> non siano messi l\u00ec a caso ma siano studiati per rispondere al meglio alle necessit\u00e0 degli utenti<\/strong>. Passeremo in rassegna quattro categorie nelle quali sar\u00e0 facile immedesimarsi come utenti.\nNavigation<\/h4>\nQuando utilizziamo un\u2019app dobbiamo capire cosa offre, come funziona, come navigarla.\u00a0La base perch\u00e9 un\u2019app abbia successo \u00e8 che l\u2019utente scopra facilmente e velocemente le funzionalit\u00e0 e ne comprenda l\u2019utilit\u00e0<\/strong>. Per questo \u00e8 indispensabile sapersi avvalere in modo adatto di componenti come:\n\n \t- Menu<\/strong>\u00a0(dove troviamo tutte le sezioni \/ informazioni dell\u2019app)<\/li>\n \t
- Navigation bar<\/strong>\u00a0(ovvero la barra di navigazione dell\u2019App)<\/li>\n \t
- Tabs bar<\/strong>\u00a0(che possiamo trovare in basso (bottom bar) o in alto (top bar) e che raccolgono alcune funzionalit\u00e0)<\/li>\n<\/ul>\nSiccome tutti questi aspetti sono davvero le fondamenta della nostra app, \u00e8 importante che siano collocate in modo ben evidente e che siano intuitive <\/strong>per rendere l’usabilit\u00e0 fluida e immediata. Ricordiamoci che la nostra fruizione \u00e8 veloce e distratta, se non troviamo subito il menu sull\u2019app che stiamo usando, se la navigation bar \u00e8 collocata in una zona difficile da raggiungere per il nostro pollice o se non capiamo subito come navigare nell\u2019app\u2026\u00a0rischiamo che il nostro utente chiuda l\u2019app e non la riapra nemmeno pi\u00f9!<\/strong>\n\nPrendiamo in esame un caso molto comune:\u00a0molti contenuti da dover mostrare all\u2019utente<\/strong>. La scelta pi\u00f9 comune \u00e8 l\u2019hamburger menu<\/strong>\u2026no, non dobbiamo ordinare nessun panino, si tratta solo di quelle 3 lineette orizzontali, una sopra all\u2019altra, che danno accesso alle voci di men\u00f9 a disposizione nella vostra app.\nEcco un esempio che sicuramente avrete presente:\u00a0Facebook<\/strong><\/a>. In basso a destra trovate l\u2019hamburger menu che al suo interno comprende un sacco di cose: il nostro profilo, i ricordi, il meteo, gli amici e tanto, TANTO, altro.\u00a0Che succede per\u00f2<\/strong>:\u00a0perdiamo di vista la schermata principale e soprattutto il nostro pollice soffre un po\u2019 a raggiungere certe sezioni.<\/strong>\n\nAlternativa interessante?<\/strong>\u00a0Ce la propone un\u2019app che ci siamo trovati ad utilizzare moltissimo in questo anno di pandemia:\u00a0Microsoft Teams<\/strong><\/a>. Si chiama\u00a0flyout menu<\/strong>\u00a0ed \u00e8 collocato alla base del nostro schermo e, nel caso di Microsoft Teams, si trova nei tre pallini di \u201cAltro\u201d. Cliccandoci si aprir\u00e0\u00a0un menu facilmente utilizzabile con una mano sola e che non compromette la visione della schermata principale.<\/strong>\n\nPossono anche venirci in aiuto le\u00a0gesture<\/strong>, ovvero tutti quei movimenti che ci permettono di attivare delle funzioni e che spesso sono anche delle scorciatoie. Tra l\u2019altro le gesture\u00a0accorciano i tempi<\/strong>, sono\u00a0intuitive<\/strong>\u00a0e perfettamente\u00a0in linea con l\u2019uso ad una mano sola dello smartphone<\/strong>.\nFacciamo un esempio fra tutti:\u00a0Instagram<\/strong><\/a>. Sicuramente avrete visto che dalla schermata principale potrete accedere ai Direct semplicemente strisciando il dito da destra a sinistra, o, con movimento opposto, alla fotocamera e quindi a tutte le funzionalit\u00e0 collegate (Pubblica, Storia, In diretta ecc.)\n\n
<\/a>Navigation<\/strong> – Facebook, Instagram e Microsoft Teams a confronto. Differenti modalit\u00e0 di accesso e utilizzo del menu<\/em><\/figcaption><\/figure>\n<\/h3>\nCore Action<\/h4>\nSi tratta delle\u00a0azioni principali che possiamo svolgere con un\u2019app:<\/strong>\u00a0creare, editare, postare, condividere<\/strong>. Sicuramente questa categoria pu\u00f2 essere spiegata al meglio facendo esempi riguardanti\u00a0due utilizzi molto comuni: il lavoro e l\u2019interazione sociale<\/strong>. Abbiamo detto che utilizziamo molto il telefono anche per lavoro, e non solo per le chiamate o i messaggi, ma per inoltrare un file, o per scrivere un testo, una mail, realizzare una presentazione. Utilizziamo lo smartphone altrettanto per fare foto da condividere in un post, per fare un video da postare nelle stories, per condividere la tua canzone del momento con un amico.\n\nBene, qualsiasi di queste core action tu voglia fare, serve che queste\u00a0funzionalit\u00e0 siano chiaramente visibili e posizionate nell\u2019area giusta<\/strong>.\nAd esempio, se stiamo scrivendo un testo utilizzando\u00a0Documenti di Google<\/strong><\/a>\u00a0abbiamo\u00a0a portata di pollice tutte le funzionalit\u00e0 pi\u00f9 importanti\u00a0<\/strong>(formato, colore, allineamento\u2026)\u00a0esattamente sopra alla tastiera con cui stiamo scrivendo.\n\nE se invece vogliamo\u00a0condividere un video\u00a0<\/strong>che ci ha particolarmente colpito? Le\u00a0funzionalit\u00e0 di condivisione verso social o tramite altri canali sono ormai indispensabili e devono quindi essere a portata di tap e permettere all\u2019utente di condividere in modo semplice e completo.<\/strong>\nPrendiamo come esempi due app molto note. Con\u00a0Youtube<\/strong><\/a>\u00a0baster\u00e0 fare tap sull\u2019icona di condivisione per avere a disposizione una vasta scelta di canali e per personalizzare anche il nostro messaggio, con\u00a0Shazam<\/strong><\/a>\u00a0abbiamo addirittura due bottoni per la condivisione: in alto a destra oppure all\u2019interno del menu Altro!\n\n<\/a>Core Action<\/strong>\u00a0– Condivisione di un video da Youtube<\/em><\/figcaption><\/figure>\n<\/h3>\nCheckout e pagamento<\/h4>\nDurante il 2020 gli acquisti online hanno subito una vera e propria impennata<\/strong>, complice la pandemia da Covid-19. Questo trend probabilmente non avr\u00e0 una flessione nei prossimi mesi, sia perch\u00e9 siamo ancora alle prese con le problematiche legate alla pandemia e sia perch\u00e9 molti utenti hanno dichiarato che manterranno\u00a0anche nel futuro le abitudine di acquisto online assunte durante i periodi di lockdown.\nDiamo qualche numero<\/strong>:\n\n \t- il\u00a064% di utenti<\/strong>\u00a0tra i 16 e i 64 anni\u00a0utilizza app di acquisto online<\/strong><\/li>\n \t
- in Italia il 79,7%<\/strong>\u00a0degli utenti tra i 16 e 64 anni ha\u00a0acquistato qualcosa online negli ultimi mesi<\/strong><\/li>\n \t
- non solo i giovani ma \u00e8 sorprendente vedere che anche le\u00a0generazioni pi\u00f9 mature, dai 45 ai 64 anni, effettuano acquisti online<\/strong><\/li>\n \t
- nel 2020 il settore\u00a0Fashion & Beauty<\/strong>\u00a0ha mosso cifre da capogiro:\u00a0665,6 bilioni di dollari!<\/strong><\/li>\n \t
- il\u00a0settore<\/strong>\u00a0che nel 2020 ha avuto un maggior\u00a0incremento in termini di acquisti online<\/strong>\u00a0\u00e8 il settore\u00a0Food & Personal care<\/strong>\u00a0con una crescita del\u00a0+41%!<\/strong><\/li>\n<\/ul>\n\u00c8 quindi chiaro quanto le\u00a0shopping app<\/strong>\u00a0debbano rispondere alle\u00a0necessit\u00e0 degli utenti, accompagnandoli nel processo di acquisto nella maniera pi\u00f9 chiara, intuitiva e veloce possibile<\/strong>.\n\nIl\u00a0Baymard Institute<\/strong><\/a>\u00a0ha evidenziato in uno studio che\u00a0il\u00a069.80% degli utenti abbandona il proprio carrello, senza\u00a0<\/strong>quindi\u00a0procedere all\u2019acquisto<\/strong>, e tra le\u00a0motivazioni<\/strong>\u00a0spicca\u00a0un fase di checkout troppo lunga o complicata<\/strong>. Questo dato \u00e8 ancora pi\u00f9 rilevante quando parliamo di app perch\u00e9 qui entra in gioco uno spazio limitato e anche la difficolt\u00e0 nell\u2019inserire i dati.\n\nGli sviluppatori devono quindi aiutare l\u2019utente a\u00a0compiere il checkout in pochi passaggi, tutti a portata di pollice<\/strong>, e ad avere la possibilit\u00e0 di acquisto immediato (pensate a quando dovete acquistare il biglietto di un treno all\u2019ultimo minuto, la velocit\u00e0 \u00e8 essenziale!).\nSe il processo di acquisto si pu\u00f2 ridurre a tre step (aggiunta al carrello, scelta di eventuali varianti o prodotti simili, acquisto),\u00a0l\u2019app deve rendere evidenti i passaggi e le componenti essenziali e soprattutto far s\u00ec che siano facilmente raggiungibili.<\/strong>\n\nUn esempio su tutti:\u00a0Amazon<\/strong><\/a>. Una volta selezionato il prodotto sull\u2019app potrai vedere tutte le specifiche, vedere numerosi suggerimenti (spesso comprati insieme, potrebbero piacerti anche, prodotti simili, articoli da esplorare) e recensioni\u2026tutto ovviamente facilmente navigabile con il nostro pollice.\n\n
<\/a>Checkout e Pagamento<\/strong> – Suggerimenti e informazioni prima di un acquisto su Amazon<\/em><\/figcaption><\/figure>\n<\/h3>\nRicerca e filtri<\/h4>\nLa ricerca, i filtri e gli ordinamenti sono essenziali per trovare rapidamente proprio quello che stiamo cercando.<\/strong>\u00a0Servono a destreggiarsi tra una gran quantit\u00e0 di contenuti e informazioni e arrivare a quelli per noi rilevanti. Il rischio: l\u2019abbandono della navigazione.\nCi viene in aiuto ancora\u00a0uno studio<\/a>\u00a0del\u00a0Baymard Institute\u00a0<\/strong>che, utilizzando l\u2019esempio di siti e-commerce, ha notato che se l\u2019elenco dei prodotti non \u00e8 facilmente consultabile si raggiunge un\u00a0tasso di abbandono della navigazione del 67 \u2013 90%<\/strong>. \u00c8 sufficiente aggiustare l\u2019elenco dei prodotti per renderlo pi\u00f9 fruibile per far scendere questo tasso al 17 \u2013 33 %!\n\nIl primo aspetto da considerare \u00e8 che la\u00a0barra di ricerca<\/strong>\u00a0sia collocata dove \u00e8 facilmente visibile e raggiungibile, a questo poi va aggiunto di\u00a0gestire al meglio le categorie<\/strong>\u00a0(che devono essere scorciatoie, non un labirinto)\u00a0e i filtri<\/strong>\u00a0(che potrebbero essere interattivi, con opzioni multiple). Possono essere anche utili dei\u00a0suggerimenti<\/strong>\u00a0basati sui comportamenti degli utenti (ci\u00f2 che usano \/ cercano di pi\u00f9, oppure quello che hanno cercato \/ usato recentemente) oppure anche le\u00a0gesture<\/strong>\u00a0per navigare pi\u00f9 velocemente i cataloghi.\n\nFacciamo alcuni esempi<\/strong>\u00a0partendo dalla funzionalit\u00e0 pi\u00f9 basilare per questo tipo di app:\u00a0la barra di ricerca.<\/strong>\nIn termini di\u00a0raggiungibilit\u00e0 della barra di ricerca<\/strong>\u00a0possiamo confrontare due app molto note, per vedere quale scelta \u00e8 migliore per l\u2019utente.\u00a0Apple maps<\/strong>\u00a0ha la barra di ricerca\u00a0a perfetta portata di pollice<\/strong>,\u00a0mentre<\/strong>\u00a0la sua concorrente Android,\u00a0Google Maps<\/strong>, ha la barra di ricerca\u00a0in cima allo schermo, decisamente difficile da raggiungere<\/strong>\u00a0se utilizziamo il telefono con una mano sola, il nostro pollice soffrir\u00e0 ad arrivare fin lass\u00f9!\n\nRicerca e filtri<\/strong> – Barra di ricerca su Apple e Google Maps<\/em><\/figcaption><\/figure>\n\nCi sono poi delle\u00a0barre di ricerca che offrono gi\u00e0 suggerimenti all\u2019utente<\/strong>. \u00c8 il caso di\u00a0Netflix<\/strong><\/a>\u00a0che, una volta fatto tap sulla barra di ricerca, non solo mette immediatamente a disposizione dell\u2019utente il\u00a0tastierino<\/strong>\u00a0ma presenta gi\u00e0 una\u00a0lista di suggerimenti.<\/strong>\u00a0E anche dopo aver digitato il genere o il titolo che cerchiamo, Netflix ci offre una scelta di contenuti simili. Un altro caso \u00e8\u00a0Instagram<\/strong>\u00a0in cui nella\u00a0sezione Cerca<\/strong>\u00a0possiamo visualizzare\u00a0contenuti customizzati<\/strong>\u00a0in base alle nostre ricerche e\u00a0filtrarli<\/strong>.\nCi pensiamo noi!<\/h3>\nOgni giorno<\/strong>, quando ci occupiamo di sviluppo app, ci troviamo di fronte a tutte queste sfide<\/strong> e diamo sempre il massimo per realizzare prodotti che non siano solamente belli ma soprattutto che siano funzionali e che offrano un\u2019esperienza utente ottimale.\nPer farlo siamo\u00a0sempre al passo con novit\u00e0 ed aggiornamenti<\/strong>\u00a0e il nostro\u00a0reparto dedicato allo\u00a0sviluppo app\u00a0iOS<\/a> ,\u00a0Android<\/a> e Huawei<\/a> \u00e8 in continua interazione con quello che si occupa di UX&UI\u00a0Design.\u00a0<\/strong>\n\nCome avrete capito leggendo questo articolo,\u00a0dietro allo sviluppo app c\u2019\u00e8 davvero tanto lavoro e tanta progettazione<\/strong>, perch\u00e9 raggiungere il giusto equilibrio tra le funzionalit\u00e0 da offrire, un\u2019esperienza utente fluida e l\u2019utilizzo ottimale dello spazio che i nuovi smartphone ci mettono a disposizione\u00a0richiede tempo, attenzione ad ogni dettaglio e tanta passione.<\/strong>\n\nPer fortuna le sfide non ci spaventano e con la nostra passione e la nostra esperienza riusciamo a sviluppare app che sono davvero\u00a0prodotti di boutique<\/strong>, cuciti su misure delle necessit\u00e0 del cliente e dell\u2019utente.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"Gli schermi dei nostri smartphone sono sempre pi\u00f9 grandi. Passiamo oltre 4 ore con i nostri cellulari tra le mani e con essi compiamo le azioni pi\u00f9 disparate grazie alle app. Ma ci chiediamo mai cosa c\u2019\u00e8 dietro alla scelta di inserire una certa funzionalit\u00e0 o collocare un bottone su cui fare tap proprio in […]<\/p>\n","protected":false},"author":1,"featured_media":14035,"comment_status":"close","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"categories":[346],"tags":[],"class_list":["post-23788","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-knowledge-hub"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/posts\/23788","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/comments?post=23788"}],"version-history":[{"count":1,"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/posts\/23788\/revisions"}],"predecessor-version":[{"id":24287,"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/posts\/23788\/revisions\/24287"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/media\/14035"}],"wp:attachment":[{"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/media?parent=23788"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/categories?post=23788"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/tags?post=23788"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
Facciamo qualche esempio pratico<\/h3>\nBene, dopo questa doverosa premessa che speriamo vi abbia incuriosito e anche fornito spunti di riflessione, passiamo a degli esempi pratici.\n\nCome abbiamo detto il lavoro dello sviluppatore di app e di chi si occupa del UX design deve necessariamente tenere conto della dimensione degli schermi degli smartphone ma anche delle modalit\u00e0 di fruizione degli utenti<\/strong>, e questo va a concretizzarsi in scelte pratiche di progettazione e sviluppo delle app mobile.\n\nAdesso vi proponiamo qualche esempio per farvi comprendere come un componente o una funzionalit\u00e0 di un’app<\/strong> non siano messi l\u00ec a caso ma siano studiati per rispondere al meglio alle necessit\u00e0 degli utenti<\/strong>. Passeremo in rassegna quattro categorie nelle quali sar\u00e0 facile immedesimarsi come utenti.\nNavigation<\/h4>\nQuando utilizziamo un\u2019app dobbiamo capire cosa offre, come funziona, come navigarla.\u00a0La base perch\u00e9 un\u2019app abbia successo \u00e8 che l\u2019utente scopra facilmente e velocemente le funzionalit\u00e0 e ne comprenda l\u2019utilit\u00e0<\/strong>. Per questo \u00e8 indispensabile sapersi avvalere in modo adatto di componenti come:\n\n \t- Menu<\/strong>\u00a0(dove troviamo tutte le sezioni \/ informazioni dell\u2019app)<\/li>\n \t
- Navigation bar<\/strong>\u00a0(ovvero la barra di navigazione dell\u2019App)<\/li>\n \t
- Tabs bar<\/strong>\u00a0(che possiamo trovare in basso (bottom bar) o in alto (top bar) e che raccolgono alcune funzionalit\u00e0)<\/li>\n<\/ul>\nSiccome tutti questi aspetti sono davvero le fondamenta della nostra app, \u00e8 importante che siano collocate in modo ben evidente e che siano intuitive <\/strong>per rendere l’usabilit\u00e0 fluida e immediata. Ricordiamoci che la nostra fruizione \u00e8 veloce e distratta, se non troviamo subito il menu sull\u2019app che stiamo usando, se la navigation bar \u00e8 collocata in una zona difficile da raggiungere per il nostro pollice o se non capiamo subito come navigare nell\u2019app\u2026\u00a0rischiamo che il nostro utente chiuda l\u2019app e non la riapra nemmeno pi\u00f9!<\/strong>\n\nPrendiamo in esame un caso molto comune:\u00a0molti contenuti da dover mostrare all\u2019utente<\/strong>. La scelta pi\u00f9 comune \u00e8 l\u2019hamburger menu<\/strong>\u2026no, non dobbiamo ordinare nessun panino, si tratta solo di quelle 3 lineette orizzontali, una sopra all\u2019altra, che danno accesso alle voci di men\u00f9 a disposizione nella vostra app.\nEcco un esempio che sicuramente avrete presente:\u00a0Facebook<\/strong><\/a>. In basso a destra trovate l\u2019hamburger menu che al suo interno comprende un sacco di cose: il nostro profilo, i ricordi, il meteo, gli amici e tanto, TANTO, altro.\u00a0Che succede per\u00f2<\/strong>:\u00a0perdiamo di vista la schermata principale e soprattutto il nostro pollice soffre un po\u2019 a raggiungere certe sezioni.<\/strong>\n\nAlternativa interessante?<\/strong>\u00a0Ce la propone un\u2019app che ci siamo trovati ad utilizzare moltissimo in questo anno di pandemia:\u00a0Microsoft Teams<\/strong><\/a>. Si chiama\u00a0flyout menu<\/strong>\u00a0ed \u00e8 collocato alla base del nostro schermo e, nel caso di Microsoft Teams, si trova nei tre pallini di \u201cAltro\u201d. Cliccandoci si aprir\u00e0\u00a0un menu facilmente utilizzabile con una mano sola e che non compromette la visione della schermata principale.<\/strong>\n\nPossono anche venirci in aiuto le\u00a0gesture<\/strong>, ovvero tutti quei movimenti che ci permettono di attivare delle funzioni e che spesso sono anche delle scorciatoie. Tra l\u2019altro le gesture\u00a0accorciano i tempi<\/strong>, sono\u00a0intuitive<\/strong>\u00a0e perfettamente\u00a0in linea con l\u2019uso ad una mano sola dello smartphone<\/strong>.\nFacciamo un esempio fra tutti:\u00a0Instagram<\/strong><\/a>. Sicuramente avrete visto che dalla schermata principale potrete accedere ai Direct semplicemente strisciando il dito da destra a sinistra, o, con movimento opposto, alla fotocamera e quindi a tutte le funzionalit\u00e0 collegate (Pubblica, Storia, In diretta ecc.)\n\n
<\/a>Navigation<\/strong> – Facebook, Instagram e Microsoft Teams a confronto. Differenti modalit\u00e0 di accesso e utilizzo del menu<\/em><\/figcaption><\/figure>\n<\/h3>\nCore Action<\/h4>\nSi tratta delle\u00a0azioni principali che possiamo svolgere con un\u2019app:<\/strong>\u00a0creare, editare, postare, condividere<\/strong>. Sicuramente questa categoria pu\u00f2 essere spiegata al meglio facendo esempi riguardanti\u00a0due utilizzi molto comuni: il lavoro e l\u2019interazione sociale<\/strong>. Abbiamo detto che utilizziamo molto il telefono anche per lavoro, e non solo per le chiamate o i messaggi, ma per inoltrare un file, o per scrivere un testo, una mail, realizzare una presentazione. Utilizziamo lo smartphone altrettanto per fare foto da condividere in un post, per fare un video da postare nelle stories, per condividere la tua canzone del momento con un amico.\n\nBene, qualsiasi di queste core action tu voglia fare, serve che queste\u00a0funzionalit\u00e0 siano chiaramente visibili e posizionate nell\u2019area giusta<\/strong>.\nAd esempio, se stiamo scrivendo un testo utilizzando\u00a0Documenti di Google<\/strong><\/a>\u00a0abbiamo\u00a0a portata di pollice tutte le funzionalit\u00e0 pi\u00f9 importanti\u00a0<\/strong>(formato, colore, allineamento\u2026)\u00a0esattamente sopra alla tastiera con cui stiamo scrivendo.\n\nE se invece vogliamo\u00a0condividere un video\u00a0<\/strong>che ci ha particolarmente colpito? Le\u00a0funzionalit\u00e0 di condivisione verso social o tramite altri canali sono ormai indispensabili e devono quindi essere a portata di tap e permettere all\u2019utente di condividere in modo semplice e completo.<\/strong>\nPrendiamo come esempi due app molto note. Con\u00a0Youtube<\/strong><\/a>\u00a0baster\u00e0 fare tap sull\u2019icona di condivisione per avere a disposizione una vasta scelta di canali e per personalizzare anche il nostro messaggio, con\u00a0Shazam<\/strong><\/a>\u00a0abbiamo addirittura due bottoni per la condivisione: in alto a destra oppure all\u2019interno del menu Altro!\n\n<\/a>Core Action<\/strong>\u00a0– Condivisione di un video da Youtube<\/em><\/figcaption><\/figure>\n<\/h3>\nCheckout e pagamento<\/h4>\nDurante il 2020 gli acquisti online hanno subito una vera e propria impennata<\/strong>, complice la pandemia da Covid-19. Questo trend probabilmente non avr\u00e0 una flessione nei prossimi mesi, sia perch\u00e9 siamo ancora alle prese con le problematiche legate alla pandemia e sia perch\u00e9 molti utenti hanno dichiarato che manterranno\u00a0anche nel futuro le abitudine di acquisto online assunte durante i periodi di lockdown.\nDiamo qualche numero<\/strong>:\n\n \t- il\u00a064% di utenti<\/strong>\u00a0tra i 16 e i 64 anni\u00a0utilizza app di acquisto online<\/strong><\/li>\n \t
- in Italia il 79,7%<\/strong>\u00a0degli utenti tra i 16 e 64 anni ha\u00a0acquistato qualcosa online negli ultimi mesi<\/strong><\/li>\n \t
- non solo i giovani ma \u00e8 sorprendente vedere che anche le\u00a0generazioni pi\u00f9 mature, dai 45 ai 64 anni, effettuano acquisti online<\/strong><\/li>\n \t
- nel 2020 il settore\u00a0Fashion & Beauty<\/strong>\u00a0ha mosso cifre da capogiro:\u00a0665,6 bilioni di dollari!<\/strong><\/li>\n \t
- il\u00a0settore<\/strong>\u00a0che nel 2020 ha avuto un maggior\u00a0incremento in termini di acquisti online<\/strong>\u00a0\u00e8 il settore\u00a0Food & Personal care<\/strong>\u00a0con una crescita del\u00a0+41%!<\/strong><\/li>\n<\/ul>\n\u00c8 quindi chiaro quanto le\u00a0shopping app<\/strong>\u00a0debbano rispondere alle\u00a0necessit\u00e0 degli utenti, accompagnandoli nel processo di acquisto nella maniera pi\u00f9 chiara, intuitiva e veloce possibile<\/strong>.\n\nIl\u00a0Baymard Institute<\/strong><\/a>\u00a0ha evidenziato in uno studio che\u00a0il\u00a069.80% degli utenti abbandona il proprio carrello, senza\u00a0<\/strong>quindi\u00a0procedere all\u2019acquisto<\/strong>, e tra le\u00a0motivazioni<\/strong>\u00a0spicca\u00a0un fase di checkout troppo lunga o complicata<\/strong>. Questo dato \u00e8 ancora pi\u00f9 rilevante quando parliamo di app perch\u00e9 qui entra in gioco uno spazio limitato e anche la difficolt\u00e0 nell\u2019inserire i dati.\n\nGli sviluppatori devono quindi aiutare l\u2019utente a\u00a0compiere il checkout in pochi passaggi, tutti a portata di pollice<\/strong>, e ad avere la possibilit\u00e0 di acquisto immediato (pensate a quando dovete acquistare il biglietto di un treno all\u2019ultimo minuto, la velocit\u00e0 \u00e8 essenziale!).\nSe il processo di acquisto si pu\u00f2 ridurre a tre step (aggiunta al carrello, scelta di eventuali varianti o prodotti simili, acquisto),\u00a0l\u2019app deve rendere evidenti i passaggi e le componenti essenziali e soprattutto far s\u00ec che siano facilmente raggiungibili.<\/strong>\n\nUn esempio su tutti:\u00a0Amazon<\/strong><\/a>. Una volta selezionato il prodotto sull\u2019app potrai vedere tutte le specifiche, vedere numerosi suggerimenti (spesso comprati insieme, potrebbero piacerti anche, prodotti simili, articoli da esplorare) e recensioni\u2026tutto ovviamente facilmente navigabile con il nostro pollice.\n\n
<\/a>Checkout e Pagamento<\/strong> – Suggerimenti e informazioni prima di un acquisto su Amazon<\/em><\/figcaption><\/figure>\n<\/h3>\nRicerca e filtri<\/h4>\nLa ricerca, i filtri e gli ordinamenti sono essenziali per trovare rapidamente proprio quello che stiamo cercando.<\/strong>\u00a0Servono a destreggiarsi tra una gran quantit\u00e0 di contenuti e informazioni e arrivare a quelli per noi rilevanti. Il rischio: l\u2019abbandono della navigazione.\nCi viene in aiuto ancora\u00a0uno studio<\/a>\u00a0del\u00a0Baymard Institute\u00a0<\/strong>che, utilizzando l\u2019esempio di siti e-commerce, ha notato che se l\u2019elenco dei prodotti non \u00e8 facilmente consultabile si raggiunge un\u00a0tasso di abbandono della navigazione del 67 \u2013 90%<\/strong>. \u00c8 sufficiente aggiustare l\u2019elenco dei prodotti per renderlo pi\u00f9 fruibile per far scendere questo tasso al 17 \u2013 33 %!\n\nIl primo aspetto da considerare \u00e8 che la\u00a0barra di ricerca<\/strong>\u00a0sia collocata dove \u00e8 facilmente visibile e raggiungibile, a questo poi va aggiunto di\u00a0gestire al meglio le categorie<\/strong>\u00a0(che devono essere scorciatoie, non un labirinto)\u00a0e i filtri<\/strong>\u00a0(che potrebbero essere interattivi, con opzioni multiple). Possono essere anche utili dei\u00a0suggerimenti<\/strong>\u00a0basati sui comportamenti degli utenti (ci\u00f2 che usano \/ cercano di pi\u00f9, oppure quello che hanno cercato \/ usato recentemente) oppure anche le\u00a0gesture<\/strong>\u00a0per navigare pi\u00f9 velocemente i cataloghi.\n\nFacciamo alcuni esempi<\/strong>\u00a0partendo dalla funzionalit\u00e0 pi\u00f9 basilare per questo tipo di app:\u00a0la barra di ricerca.<\/strong>\nIn termini di\u00a0raggiungibilit\u00e0 della barra di ricerca<\/strong>\u00a0possiamo confrontare due app molto note, per vedere quale scelta \u00e8 migliore per l\u2019utente.\u00a0Apple maps<\/strong>\u00a0ha la barra di ricerca\u00a0a perfetta portata di pollice<\/strong>,\u00a0mentre<\/strong>\u00a0la sua concorrente Android,\u00a0Google Maps<\/strong>, ha la barra di ricerca\u00a0in cima allo schermo, decisamente difficile da raggiungere<\/strong>\u00a0se utilizziamo il telefono con una mano sola, il nostro pollice soffrir\u00e0 ad arrivare fin lass\u00f9!\n\nRicerca e filtri<\/strong> – Barra di ricerca su Apple e Google Maps<\/em><\/figcaption><\/figure>\n\nCi sono poi delle\u00a0barre di ricerca che offrono gi\u00e0 suggerimenti all\u2019utente<\/strong>. \u00c8 il caso di\u00a0Netflix<\/strong><\/a>\u00a0che, una volta fatto tap sulla barra di ricerca, non solo mette immediatamente a disposizione dell\u2019utente il\u00a0tastierino<\/strong>\u00a0ma presenta gi\u00e0 una\u00a0lista di suggerimenti.<\/strong>\u00a0E anche dopo aver digitato il genere o il titolo che cerchiamo, Netflix ci offre una scelta di contenuti simili. Un altro caso \u00e8\u00a0Instagram<\/strong>\u00a0in cui nella\u00a0sezione Cerca<\/strong>\u00a0possiamo visualizzare\u00a0contenuti customizzati<\/strong>\u00a0in base alle nostre ricerche e\u00a0filtrarli<\/strong>.\nCi pensiamo noi!<\/h3>\nOgni giorno<\/strong>, quando ci occupiamo di sviluppo app, ci troviamo di fronte a tutte queste sfide<\/strong> e diamo sempre il massimo per realizzare prodotti che non siano solamente belli ma soprattutto che siano funzionali e che offrano un\u2019esperienza utente ottimale.\nPer farlo siamo\u00a0sempre al passo con novit\u00e0 ed aggiornamenti<\/strong>\u00a0e il nostro\u00a0reparto dedicato allo\u00a0sviluppo app\u00a0iOS<\/a> ,\u00a0Android<\/a> e Huawei<\/a> \u00e8 in continua interazione con quello che si occupa di UX&UI\u00a0Design.\u00a0<\/strong>\n\nCome avrete capito leggendo questo articolo,\u00a0dietro allo sviluppo app c\u2019\u00e8 davvero tanto lavoro e tanta progettazione<\/strong>, perch\u00e9 raggiungere il giusto equilibrio tra le funzionalit\u00e0 da offrire, un\u2019esperienza utente fluida e l\u2019utilizzo ottimale dello spazio che i nuovi smartphone ci mettono a disposizione\u00a0richiede tempo, attenzione ad ogni dettaglio e tanta passione.<\/strong>\n\nPer fortuna le sfide non ci spaventano e con la nostra passione e la nostra esperienza riusciamo a sviluppare app che sono davvero\u00a0prodotti di boutique<\/strong>, cuciti su misure delle necessit\u00e0 del cliente e dell\u2019utente.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"Gli schermi dei nostri smartphone sono sempre pi\u00f9 grandi. Passiamo oltre 4 ore con i nostri cellulari tra le mani e con essi compiamo le azioni pi\u00f9 disparate grazie alle app. Ma ci chiediamo mai cosa c\u2019\u00e8 dietro alla scelta di inserire una certa funzionalit\u00e0 o collocare un bottone su cui fare tap proprio in […]<\/p>\n","protected":false},"author":1,"featured_media":14035,"comment_status":"close","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"categories":[346],"tags":[],"class_list":["post-23788","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-knowledge-hub"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/posts\/23788","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/comments?post=23788"}],"version-history":[{"count":1,"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/posts\/23788\/revisions"}],"predecessor-version":[{"id":24287,"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/posts\/23788\/revisions\/24287"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/media\/14035"}],"wp:attachment":[{"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/media?parent=23788"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/categories?post=23788"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/tags?post=23788"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
- \n \t
- Menu<\/strong>\u00a0(dove troviamo tutte le sezioni \/ informazioni dell\u2019app)<\/li>\n \t
- Navigation bar<\/strong>\u00a0(ovvero la barra di navigazione dell\u2019App)<\/li>\n \t
- Tabs bar<\/strong>\u00a0(che possiamo trovare in basso (bottom bar) o in alto (top bar) e che raccolgono alcune funzionalit\u00e0)<\/li>\n<\/ul>\nSiccome tutti questi aspetti sono davvero le fondamenta della nostra app, \u00e8 importante che siano collocate in modo ben evidente e che siano intuitive <\/strong>per rendere l’usabilit\u00e0 fluida e immediata. Ricordiamoci che la nostra fruizione \u00e8 veloce e distratta, se non troviamo subito il menu sull\u2019app che stiamo usando, se la navigation bar \u00e8 collocata in una zona difficile da raggiungere per il nostro pollice o se non capiamo subito come navigare nell\u2019app\u2026\u00a0rischiamo che il nostro utente chiuda l\u2019app e non la riapra nemmeno pi\u00f9!<\/strong>\n\nPrendiamo in esame un caso molto comune:\u00a0molti contenuti da dover mostrare all\u2019utente<\/strong>. La scelta pi\u00f9 comune \u00e8 l\u2019hamburger menu<\/strong>\u2026no, non dobbiamo ordinare nessun panino, si tratta solo di quelle 3 lineette orizzontali, una sopra all\u2019altra, che danno accesso alle voci di men\u00f9 a disposizione nella vostra app.\nEcco un esempio che sicuramente avrete presente:\u00a0Facebook<\/strong><\/a>. In basso a destra trovate l\u2019hamburger menu che al suo interno comprende un sacco di cose: il nostro profilo, i ricordi, il meteo, gli amici e tanto, TANTO, altro.\u00a0Che succede per\u00f2<\/strong>:\u00a0perdiamo di vista la schermata principale e soprattutto il nostro pollice soffre un po\u2019 a raggiungere certe sezioni.<\/strong>\n\nAlternativa interessante?<\/strong>\u00a0Ce la propone un\u2019app che ci siamo trovati ad utilizzare moltissimo in questo anno di pandemia:\u00a0Microsoft Teams<\/strong><\/a>. Si chiama\u00a0flyout menu<\/strong>\u00a0ed \u00e8 collocato alla base del nostro schermo e, nel caso di Microsoft Teams, si trova nei tre pallini di \u201cAltro\u201d. Cliccandoci si aprir\u00e0\u00a0un menu facilmente utilizzabile con una mano sola e che non compromette la visione della schermata principale.<\/strong>\n\nPossono anche venirci in aiuto le\u00a0gesture<\/strong>, ovvero tutti quei movimenti che ci permettono di attivare delle funzioni e che spesso sono anche delle scorciatoie. Tra l\u2019altro le gesture\u00a0accorciano i tempi<\/strong>, sono\u00a0intuitive<\/strong>\u00a0e perfettamente\u00a0in linea con l\u2019uso ad una mano sola dello smartphone<\/strong>.\nFacciamo un esempio fra tutti:\u00a0Instagram<\/strong><\/a>. Sicuramente avrete visto che dalla schermata principale potrete accedere ai Direct semplicemente strisciando il dito da destra a sinistra, o, con movimento opposto, alla fotocamera e quindi a tutte le funzionalit\u00e0 collegate (Pubblica, Storia, In diretta ecc.)\n\n
<\/a>Navigation<\/strong> – Facebook, Instagram e Microsoft Teams a confronto. Differenti modalit\u00e0 di accesso e utilizzo del menu<\/em><\/figcaption><\/figure>\n <\/h3>\n
Core Action<\/h4>\nSi tratta delle\u00a0azioni principali che possiamo svolgere con un\u2019app:<\/strong>\u00a0creare, editare, postare, condividere<\/strong>. Sicuramente questa categoria pu\u00f2 essere spiegata al meglio facendo esempi riguardanti\u00a0due utilizzi molto comuni: il lavoro e l\u2019interazione sociale<\/strong>. Abbiamo detto che utilizziamo molto il telefono anche per lavoro, e non solo per le chiamate o i messaggi, ma per inoltrare un file, o per scrivere un testo, una mail, realizzare una presentazione. Utilizziamo lo smartphone altrettanto per fare foto da condividere in un post, per fare un video da postare nelle stories, per condividere la tua canzone del momento con un amico.\n\nBene, qualsiasi di queste core action tu voglia fare, serve che queste\u00a0funzionalit\u00e0 siano chiaramente visibili e posizionate nell\u2019area giusta<\/strong>.\nAd esempio, se stiamo scrivendo un testo utilizzando\u00a0Documenti di Google<\/strong><\/a>\u00a0abbiamo\u00a0a portata di pollice tutte le funzionalit\u00e0 pi\u00f9 importanti\u00a0<\/strong>(formato, colore, allineamento\u2026)\u00a0esattamente sopra alla tastiera con cui stiamo scrivendo.\n\nE se invece vogliamo\u00a0condividere un video\u00a0<\/strong>che ci ha particolarmente colpito? Le\u00a0funzionalit\u00e0 di condivisione verso social o tramite altri canali sono ormai indispensabili e devono quindi essere a portata di tap e permettere all\u2019utente di condividere in modo semplice e completo.<\/strong>\nPrendiamo come esempi due app molto note. Con\u00a0Youtube<\/strong><\/a>\u00a0baster\u00e0 fare tap sull\u2019icona di condivisione per avere a disposizione una vasta scelta di canali e per personalizzare anche il nostro messaggio, con\u00a0Shazam<\/strong><\/a>\u00a0abbiamo addirittura due bottoni per la condivisione: in alto a destra oppure all\u2019interno del menu Altro!\n\n
<\/a>Core Action<\/strong>\u00a0– Condivisione di un video da Youtube<\/em><\/figcaption><\/figure>\n <\/h3>\n
Checkout e pagamento<\/h4>\nDurante il 2020 gli acquisti online hanno subito una vera e propria impennata<\/strong>, complice la pandemia da Covid-19. Questo trend probabilmente non avr\u00e0 una flessione nei prossimi mesi, sia perch\u00e9 siamo ancora alle prese con le problematiche legate alla pandemia e sia perch\u00e9 molti utenti hanno dichiarato che manterranno\u00a0anche nel futuro le abitudine di acquisto online assunte durante i periodi di lockdown.\nDiamo qualche numero<\/strong>:\n
- \n \t
- il\u00a064% di utenti<\/strong>\u00a0tra i 16 e i 64 anni\u00a0utilizza app di acquisto online<\/strong><\/li>\n \t
- in Italia il 79,7%<\/strong>\u00a0degli utenti tra i 16 e 64 anni ha\u00a0acquistato qualcosa online negli ultimi mesi<\/strong><\/li>\n \t
- non solo i giovani ma \u00e8 sorprendente vedere che anche le\u00a0generazioni pi\u00f9 mature, dai 45 ai 64 anni, effettuano acquisti online<\/strong><\/li>\n \t
- nel 2020 il settore\u00a0Fashion & Beauty<\/strong>\u00a0ha mosso cifre da capogiro:\u00a0665,6 bilioni di dollari!<\/strong><\/li>\n \t
- il\u00a0settore<\/strong>\u00a0che nel 2020 ha avuto un maggior\u00a0incremento in termini di acquisti online<\/strong>\u00a0\u00e8 il settore\u00a0Food & Personal care<\/strong>\u00a0con una crescita del\u00a0+41%!<\/strong><\/li>\n<\/ul>\n\u00c8 quindi chiaro quanto le\u00a0shopping app<\/strong>\u00a0debbano rispondere alle\u00a0necessit\u00e0 degli utenti, accompagnandoli nel processo di acquisto nella maniera pi\u00f9 chiara, intuitiva e veloce possibile<\/strong>.\n\nIl\u00a0Baymard Institute<\/strong><\/a>\u00a0ha evidenziato in uno studio che\u00a0il\u00a069.80% degli utenti abbandona il proprio carrello, senza\u00a0<\/strong>quindi\u00a0procedere all\u2019acquisto<\/strong>, e tra le\u00a0motivazioni<\/strong>\u00a0spicca\u00a0un fase di checkout troppo lunga o complicata<\/strong>. Questo dato \u00e8 ancora pi\u00f9 rilevante quando parliamo di app perch\u00e9 qui entra in gioco uno spazio limitato e anche la difficolt\u00e0 nell\u2019inserire i dati.\n\nGli sviluppatori devono quindi aiutare l\u2019utente a\u00a0compiere il checkout in pochi passaggi, tutti a portata di pollice<\/strong>, e ad avere la possibilit\u00e0 di acquisto immediato (pensate a quando dovete acquistare il biglietto di un treno all\u2019ultimo minuto, la velocit\u00e0 \u00e8 essenziale!).\nSe il processo di acquisto si pu\u00f2 ridurre a tre step (aggiunta al carrello, scelta di eventuali varianti o prodotti simili, acquisto),\u00a0l\u2019app deve rendere evidenti i passaggi e le componenti essenziali e soprattutto far s\u00ec che siano facilmente raggiungibili.<\/strong>\n\nUn esempio su tutti:\u00a0Amazon<\/strong><\/a>. Una volta selezionato il prodotto sull\u2019app potrai vedere tutte le specifiche, vedere numerosi suggerimenti (spesso comprati insieme, potrebbero piacerti anche, prodotti simili, articoli da esplorare) e recensioni\u2026tutto ovviamente facilmente navigabile con il nostro pollice.\n\n
<\/a>Checkout e Pagamento<\/strong> – Suggerimenti e informazioni prima di un acquisto su Amazon<\/em><\/figcaption><\/figure>\n <\/h3>\n
Ricerca e filtri<\/h4>\nLa ricerca, i filtri e gli ordinamenti sono essenziali per trovare rapidamente proprio quello che stiamo cercando.<\/strong>\u00a0Servono a destreggiarsi tra una gran quantit\u00e0 di contenuti e informazioni e arrivare a quelli per noi rilevanti. Il rischio: l\u2019abbandono della navigazione.\nCi viene in aiuto ancora\u00a0uno studio<\/a>\u00a0del\u00a0Baymard Institute\u00a0<\/strong>che, utilizzando l\u2019esempio di siti e-commerce, ha notato che se l\u2019elenco dei prodotti non \u00e8 facilmente consultabile si raggiunge un\u00a0tasso di abbandono della navigazione del 67 \u2013 90%<\/strong>. \u00c8 sufficiente aggiustare l\u2019elenco dei prodotti per renderlo pi\u00f9 fruibile per far scendere questo tasso al 17 \u2013 33 %!\n\nIl primo aspetto da considerare \u00e8 che la\u00a0barra di ricerca<\/strong>\u00a0sia collocata dove \u00e8 facilmente visibile e raggiungibile, a questo poi va aggiunto di\u00a0gestire al meglio le categorie<\/strong>\u00a0(che devono essere scorciatoie, non un labirinto)\u00a0e i filtri<\/strong>\u00a0(che potrebbero essere interattivi, con opzioni multiple). Possono essere anche utili dei\u00a0suggerimenti<\/strong>\u00a0basati sui comportamenti degli utenti (ci\u00f2 che usano \/ cercano di pi\u00f9, oppure quello che hanno cercato \/ usato recentemente) oppure anche le\u00a0gesture<\/strong>\u00a0per navigare pi\u00f9 velocemente i cataloghi.\n\nFacciamo alcuni esempi<\/strong>\u00a0partendo dalla funzionalit\u00e0 pi\u00f9 basilare per questo tipo di app:\u00a0la barra di ricerca.<\/strong>\nIn termini di\u00a0raggiungibilit\u00e0 della barra di ricerca<\/strong>\u00a0possiamo confrontare due app molto note, per vedere quale scelta \u00e8 migliore per l\u2019utente.\u00a0Apple maps<\/strong>\u00a0ha la barra di ricerca\u00a0a perfetta portata di pollice<\/strong>,\u00a0mentre<\/strong>\u00a0la sua concorrente Android,\u00a0Google Maps<\/strong>, ha la barra di ricerca\u00a0in cima allo schermo, decisamente difficile da raggiungere<\/strong>\u00a0se utilizziamo il telefono con una mano sola, il nostro pollice soffrir\u00e0 ad arrivare fin lass\u00f9!\n\n
Ricerca e filtri<\/strong> – Barra di ricerca su Apple e Google Maps<\/em><\/figcaption><\/figure>\n\nCi sono poi delle\u00a0barre di ricerca che offrono gi\u00e0 suggerimenti all\u2019utente<\/strong>. \u00c8 il caso di\u00a0Netflix<\/strong><\/a>\u00a0che, una volta fatto tap sulla barra di ricerca, non solo mette immediatamente a disposizione dell\u2019utente il\u00a0tastierino<\/strong>\u00a0ma presenta gi\u00e0 una\u00a0lista di suggerimenti.<\/strong>\u00a0E anche dopo aver digitato il genere o il titolo che cerchiamo, Netflix ci offre una scelta di contenuti simili. Un altro caso \u00e8\u00a0Instagram<\/strong>\u00a0in cui nella\u00a0sezione Cerca<\/strong>\u00a0possiamo visualizzare\u00a0contenuti customizzati<\/strong>\u00a0in base alle nostre ricerche e\u00a0filtrarli<\/strong>.\n Ci pensiamo noi!<\/h3>\nOgni giorno<\/strong>, quando ci occupiamo di sviluppo app, ci troviamo di fronte a tutte queste sfide<\/strong> e diamo sempre il massimo per realizzare prodotti che non siano solamente belli ma soprattutto che siano funzionali e che offrano un\u2019esperienza utente ottimale.\nPer farlo siamo\u00a0sempre al passo con novit\u00e0 ed aggiornamenti<\/strong>\u00a0e il nostro\u00a0reparto dedicato allo\u00a0sviluppo app\u00a0iOS<\/a> ,\u00a0Android<\/a> e Huawei<\/a> \u00e8 in continua interazione con quello che si occupa di UX&UI\u00a0Design.\u00a0<\/strong>\n\nCome avrete capito leggendo questo articolo,\u00a0dietro allo sviluppo app c\u2019\u00e8 davvero tanto lavoro e tanta progettazione<\/strong>, perch\u00e9 raggiungere il giusto equilibrio tra le funzionalit\u00e0 da offrire, un\u2019esperienza utente fluida e l\u2019utilizzo ottimale dello spazio che i nuovi smartphone ci mettono a disposizione\u00a0richiede tempo, attenzione ad ogni dettaglio e tanta passione.<\/strong>\n\nPer fortuna le sfide non ci spaventano e con la nostra passione e la nostra esperienza riusciamo a sviluppare app che sono davvero\u00a0prodotti di boutique<\/strong>, cuciti su misure delle necessit\u00e0 del cliente e dell\u2019utente.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"
Gli schermi dei nostri smartphone sono sempre pi\u00f9 grandi. Passiamo oltre 4 ore con i nostri cellulari tra le mani e con essi compiamo le azioni pi\u00f9 disparate grazie alle app. Ma ci chiediamo mai cosa c\u2019\u00e8 dietro alla scelta di inserire una certa funzionalit\u00e0 o collocare un bottone su cui fare tap proprio in […]<\/p>\n","protected":false},"author":1,"featured_media":14035,"comment_status":"close","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"categories":[346],"tags":[],"class_list":["post-23788","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-knowledge-hub"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/posts\/23788","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/comments?post=23788"}],"version-history":[{"count":1,"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/posts\/23788\/revisions"}],"predecessor-version":[{"id":24287,"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/posts\/23788\/revisions\/24287"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/media\/14035"}],"wp:attachment":[{"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/media?parent=23788"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/categories?post=23788"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/odc.oimmei.dev\/it\/wp-json\/wp\/v2\/tags?post=23788"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
- in Italia il 79,7%<\/strong>\u00a0degli utenti tra i 16 e 64 anni ha\u00a0acquistato qualcosa online negli ultimi mesi<\/strong><\/li>\n \t
- Navigation bar<\/strong>\u00a0(ovvero la barra di navigazione dell\u2019App)<\/li>\n \t