{"id":255652,"date":"2023-08-06T10:34:00","date_gmt":"2023-08-06T07:34:00","guid":{"rendered":"https:\/\/inform.click\/12-errori-ux-ui-da-non-commettere-nella-progettazione-di-app\/"},"modified":"2023-08-06T10:34:00","modified_gmt":"2023-08-06T07:34:00","slug":"12-errori-ux-ui-da-non-commettere-nella-progettazione-di-app","status":"publish","type":"post","link":"https:\/\/inform.click\/it\/12-errori-ux-ui-da-non-commettere-nella-progettazione-di-app\/","title":{"rendered":"12 errori UX\/UI da non commettere nella progettazione di app"},"content":{"rendered":"<p>\n  Testo troppo piccolo per essere letto.\n<\/p>\n<p>\n  Piccolo contenuto di caratteri di colore chiaro su uno sfondo bianco.\n<\/p>\n<p>\n  Gli utenti non sono in grado di vedere le funzionalit\u00e0 cruciali posizionate comodamente da qualche parte nell'interfaccia utente.\n<\/p>\n<p>\n  Questi sono alcuni dei problemi comuni con il design UX\/UI nelle app e fare molti errori come questi ti costerebbe caro. Durante la pianificazione di un progetto software, \u00e8 imperativo identificare tali errori abbastanza presto nella fase di progettazione perch\u00e9 l'obiettivo \u00e8 creare un'interfaccia intuitiva e veloce che fornisca un'esperienza utente senza soluzione di continuit\u00e0.\n<\/p>\n<p>\n  Ecco alcuni errori mortali che possono significare il destino dell'app e come puoi eventualmente evitarli.\n<\/p>\n<h5>\n  1 Deviare dalle aspettative degli utenti<br \/>\n<\/h5>\n<p>\n  \u00c8 interessante notare che gli utenti hanno delle aspettative quando si tratta di utilizzare quei widget GUI di base (pulsanti di opzione, caselle di controllo, barre di scorrimento, collegamenti\/pulsanti di comando, ecc.) Provare un cambiamento rivoluzionario su quei pulsanti potrebbe non essere ben accolto.\n<\/p>\n<p>\n  Considera questo semplice esempio: hai ascoltato le notizie della BBC per tutta la vita. Improvvisamente, qualcuno nella tua famiglia decide invece di ascoltare la CNN, e provi la sensazione di &#8220;pesce fuor d'acqua&#8221;. Questo \u00e8 esattamente ci\u00f2 che sentiranno anche gli utenti quando apporterai pesanti modifiche ai widget della GUI.\n<\/p>\n<p>\n  La maggior parte dei popolari widget della GUI sono stati perfezionati e sperimentati, per anni e anni, e c'\u00e8 un motivo per cui agli utenti piacciono. Non \u00e8 facile cambiare quella sensazione di agio e comfort durante la notte. Questo perch\u00e9 gli utenti devono esercitare una notevole energia e capacit\u00e0 intellettuali per fare qualcosa di nuovo; e potrebbero non essere ricettivi su questo.\n<\/p>\n<p>\n  Quindi, non apportare modifiche drastiche all'aspetto dei widget della GUI della tua app. I tuoi utenti preferiscono avere una navigazione senza problemi attraverso l'app, quindi \u00e8 meglio se mantieni l'aspetto originale della GUI.\n<\/p>\n<h5>\n  2 Non sapere di cosa ha realmente bisogno l'utente<br \/>\n<\/h5>\n<p>\n  Quando le aziende non riescono a realizzare le effettive esigenze dell'utente e escogitano qualcosa che non soddisfa le loro esigenze, si verifica un grosso errore. In questi casi, non puoi aumentare le vendite e la tua app fallisce.\n<\/p>\n<p>\n  \u00c8 importante ricercare e ottenere informazioni approfondite sugli interessi degli utenti prima di decidere le funzionalit\u00e0 da incorporare. Per questo, fai un'approfondita ricerca sugli utenti e di mercato.\n<\/p>\n<p>\n  Comprendi cosa si aspettano i tuoi utenti target dal design della tua app: tempo di risposta istantaneo, navigazione fluida tra i controlli, facile leggibilit\u00e0 e cos\u00ec via: in breve, un'esperienza utente intuitiva.\n<\/p>\n<p>\n  Inoltre, fai un'analisi critica dei tuoi concorrenti: conosci il fattore di usabilit\u00e0 delle loro app; quali sono tutte le funzionalit\u00e0 che includono nelle loro app, quanto sono interattive le loro interfacce utente, ecc.\n<\/p>\n<p>\n  E attenzione agli sviluppatori per la prima volta: non sovraccaricare troppe funzionalit\u00e0 nell'app. Lo scopo principale di un'app \u00e8 semplificare le attivit\u00e0 dei tuoi utenti.\n<\/p>\n<p>\n  Quindi sarebbe consigliabile non esagerare con le funzionalit\u00e0 in quanto ci\u00f2 porterebbe a una raffica di attivit\u00e0 che la trasformerebbe istantaneamente in un'app mediocre. Un numero inferiore di funzionalit\u00e0 (quelle principali, ovviamente) farebbe il trucco.\n<\/p>\n<h5>\n  3 obiettivi tattili scadenti<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-289159-6382d93b3171b.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-289159-6382d93b3171b.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Gli utenti sono dotati di dita di dimensioni diverse. Quindi il tocco deve essere configurato per soddisfare le dita di tutte le persone nel segmento target. La larghezza media di un dito indice adulto va da 1,6 a 2 cm. Quindi, tienilo a mente durante la progettazione di applicazioni mobili basate sul tocco.\n<\/p>\n<p>\n  Se gli utenti trovano difficile toccare e attivare le funzionalit\u00e0 dell'app, potrebbero abbandonare del tutto l'utilizzo dell'app e sarebbe davvero tragico. E questo vale di nuovo per il numero di funzionalit\u00e0 che hai. Pi\u00f9 funzioni hai, pi\u00f9 piccole sono le aree di tocco dell'app. D'altra parte, l'incorporazione di alcune funzionalit\u00e0 principali porterebbe ad aree di tocco pi\u00f9 ampie.\n<\/p>\n<h5>\n  4 L'orrore di scorrimento<br \/>\n<\/h5>\n<p>\n  Gli editori e gli inserzionisti di riviste e giornali vivevano un tempo nell'orrore perpetuo dell'&#8221;ovile&#8221;. Quando le applicazioni mobili sono diventate popolari, il &#8220;fold horror&#8221; si \u00e8 leggermente attenuato perch\u00e9 il contenuto era visibile su uno schermo che poteva essere facilmente fatto scorrere.\n<\/p>\n<p>\n  Ma questo era vero solo in parte perch\u00e9 \u00e8 diventato sempre pi\u00f9 importante creare un layout web responsive e pi\u00f9 lungo in cui le azioni principali non dovessero andare below the fold, o meglio, battere un posto dove le persone possano facilmente scorrere e trovarlo.\n<\/p>\n<p>\n  Le conversioni aumentano solo quando i relativi pulsanti sono posizionati &#8220;above the fold&#8221;, o quando gli utenti non devono scorrere. Posizionare un chiaro invito all'azione in una posizione di rilievo porterebbe pi\u00f9 conversioni.\n<\/p>\n<h5>\n  5 pulsanti che imitano l'aspetto dei pulsanti di controllo della GUI<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-289159-6382d93e23014.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-289159-6382d93e23014.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Proprio come avere troppi controlli della GUI pu\u00f2 essere un terribile errore, anche l'opposto di questo pu\u00f2 essere mortale. Testi e titoli sottolineati generano la sensazione che siano collegamenti che porterebbero gli utenti a una nuova pagina.\n<\/p>\n<p>\n  Fanno clic su di esso, ma quando non arrivano alla pagina, presumono che il collegamento sia interrotto e escono dall'app. Gli utenti spesso si confondono e talvolta si irritano a causa di questa farsa e potrebbero non tornare pi\u00f9.\n<\/p>\n<p>\n  Rivela i pulsanti radio ovunque siano assolutamente necessari, ma non dare l'impressione sbagliata di pulsanti radio dove non ce ne sono.\n<\/p>\n<h5>\n  6 Controlli GUI incoerenti<br \/>\n<\/h5>\n<p>\n  I controlli della GUI dovrebbero essere coerenti. Se utilizzi parole particolari per Call to Action e azioni simili, usa le stesse parole in tutta l'app. Usare parole diverse per la stessa azione potrebbe creare confusione.\n<\/p>\n<p>\n  A volte le azioni che gli sviluppatori presumono saranno semplici per gli utenti, fanno esattamente l'opposto. Se segui uno schema particolare nella tua app, seguilo in modo coerente per tutto il tempo. Assicurati che i pulsanti e le pagine appaiano dove gli utenti si aspettano che arrivino.\n<\/p>\n<h5>\n  7 Saltare i diagrammi di flusso e passare alla progettazione<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-289159-6382d940e251f.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-289159-6382d940e251f.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Gli sviluppatori non risparmiano tempo saltando i diagrammi di flusso e tuffandosi direttamente nella parte di progettazione dell'app. \u00c8 molto importante creare un diagramma di flusso pensando agli utenti e molti sviluppatori creano questi grafici con i personaggi degli utenti in modo da avere sempre in mente l'utente finale.\n<\/p>\n<p>\n  Ci\u00f2 aiuterebbe anche a determinare da dove provengono gli utenti, quali sono i loro interessi e dove si trovano. Pertanto, durante la progettazione dei diagrammi di flusso, \u00e8 imperativo decidere gli obiettivi dell'utente e dell'azienda e se alla fine sarebbe stato raggiunto o meno. Creando una struttura di flusso, \u00e8 possibile passare attraverso diverse opzioni con i flussi di pagina e decidere quale sia la migliore.\n<\/p>\n<h5>\n  8 Non considerare le &#8220;convenienze percepite&#8221;<br \/>\n<\/h5>\n<p>\n  In parole povere, l'affordance significa tutte le azioni che sono fisicamente possibili in funzione delle propriet\u00e0 di un oggetto\/ambiente. Una scala permette di salire o scendere, un tappo di bottiglia permette di avvitare o svitare.\n<\/p>\n<p>\n  Allo stesso modo, in una pagina web, un dispositivo di scorrimento svolge la funzione di spostarsi su e gi\u00f9, la casella di controllo consente di selezionarlo o deselezionarlo e il testo del collegamento ipertestuale ti porta in un'altra pagina. L'accessibilit\u00e0 consente a un utente di fare qualcosa che pu\u00f2 facilmente capire.\n<\/p>\n<p>\n  La percezione di queste offerte si baser\u00e0 sulla conoscenza da parte dell'utente della pagina Web, delle esperienze, delle convinzioni e degli obiettivi. Durante la progettazione delle interfacce utente, \u00e8 importante che il progettista fornisca indicazioni corrette o ci\u00f2 potrebbe creare confusione e quindi un'esperienza utente negativa.\n<\/p>\n<p>\n  I progettisti devono utilizzare significanti visivi corretti attraverso i quali gli utenti possano percepire come osservano questi elementi dell'interfaccia utente e interagiscono con essi. \u00c8 anche importante ricordare che non tutti gli utenti sono uguali; quindi tutte le offerte possono non essere percepite o interpretate allo stesso modo da tutti. Quindi supporta tutti i segnali visivi con etichette e istruzioni adeguate.\n<\/p>\n<h5>\n  9 Assenza del giusto tipo di finestre di dialogo<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-289159-6382d942b8868.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-289159-6382d942b8868.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Nell'usabilit\u00e0 del dialogo di un'app Web, \u00e8 obbligatorio far conoscere agli utenti lo stato corrente del sistema e come sono stati interpretati i loro comandi. Le finestre di dialogo hanno lo scopo di informare gli utenti su come stanno andando le loro azioni, senza allontanarli dalla schermata corrente.\n<\/p>\n<p>\n  Il silenzio pu\u00f2 far indovinare gli utenti. Pertanto, durante la creazione di un'app Web, assicurati che la finestra di dialogo non oscuri le informazioni agli utenti. Ma usalo con parsimonia, perch\u00e9 i messaggi continui possono essere interrotti.\n<\/p>\n<p>\n  Ad esempio, quando l'utente decide di uscire da una determinata pagina dopo aver digitato le informazioni, la finestra di dialogo pu\u00f2 entrare con la casella di conferma che dice &#8220;Elimina bozza? Annulla o scarta&#8221;.\n<\/p>\n<p>\n  Tuttavia, bombardarli con finestre di dialogo di iscrizione (ad esempio, &#8220;Iscriviti alla nostra newsletter quotidiana digitando il tuo indirizzo e-mail&#8221;) troppe volte pu\u00f2 essere davvero irritante.\n<\/p>\n<h5>\n  10 Commettere errori comuni con i messaggi di errore<br \/>\n<\/h5>\n<p>\n  Gli utenti spendono tempo e sforzi per compilare i moduli e, quando c'\u00e8 un errore in essi, \u00e8 obbligatorio informarli di cosa \u00e8 andato storto e dove. Se ci sono regole specifiche per la creazione di una password, informa gli utenti in anticipo, in modo che non debbano fare la stessa cosa due volte.\n<\/p>\n<p>\n  Oppure, se c'\u00e8 un codice promozionale da applicare, basta informarli in anticipo che tipo di promozioni si applicano e perch\u00e9. Non informarli in tempo pu\u00f2 creare ansia e frustrazione nell'utente. Ricorda di non commettere questi errori durante la creazione dei messaggi di errore:\n<\/p>\n<ol>\n<li>Ambiguit\u00e0: non essere chiari sull'errore commesso dall'utente.\n  <\/li>\n<li>Incolpare l'utente \u2013 \u00c8 meglio essere umili, anche quando l'utente commette l'errore. Sottolinea l'errore con delicatezza, in modo che venga invitato a riprovare.\n  <\/li>\n<li>Posizionamento inadeguato dei messaggi di errore: \u00e8 consigliabile non inserire gli errori in un elenco puntato perch\u00e9 ci\u00f2 li spegne davvero. Posiziona i messaggi di errore proprio sopra gli errori in modo che gli utenti possano vedere cosa c'\u00e8 che non va all'istante.\n  <\/li>\n<li>Non utilizzare la microcopia per evitare errori: piccoli frammenti di testo esplicativo vicino agli spazi vuoti possono effettivamente istruire l'utente su cosa riempire, in modo che possa ottenerlo la prima volta.\n  <\/li>\n<\/ol>\n<h5>\n  11 Assenza di Smart Default<br \/>\n<\/h5>\n<p>\n  Avere un campo in pi\u00f9 nella pagina di compilazione del modulo della tua app pu\u00f2 essere un deterrente. Quindi, se quel campo extra \u00e8 una necessit\u00e0 assoluta, assicurati di inserire valori predefiniti nei campi di input del modulo. Le persone scansionano rapidamente i moduli per verificare quanto tempo impiegheranno a compilare il modulo e, se esiste gi\u00e0 un valore predefinito nel modulo, \u00e8 probabile che vadano avanti e compilino gli altri.\n<\/p>\n<p>\n  Non avere impostazioni predefinite intelligenti potrebbe richiedere molto tempo e essere frustrante per l'utente, e questo \u00e8 un grave errore. Si consiglia inoltre di non inserire valori predefiniti per i campi di input che richiedono l'attenzione dell'utente. Non dare per scontato ci\u00f2 su cui l'utente far\u00e0 clic e, anche se si trattasse di un'impostazione predefinita ben studiata, gli utenti potrebbero desiderare qualcos'altro.\n<\/p>\n<h5>\n  12 Ignorare i colori di accento per i pulsanti di invito all'azione<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-289159-6382d944ab47d.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-289159-6382d944ab47d.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  \u00c8 molto importante incorporare buoni colori di accento per attirare l'attenzione su pulsanti come &#8220;Acquista ora&#8221;, &#8220;Inizia un tutorial gratuito&#8221;, &#8220;Iscriviti ora&#8221; ecc. Usa un colore diverso per i pulsanti in modo che si distingua, specialmente per quelli molto pulsanti cruciali di invito all'azione.\n<\/p>\n<p>\n  Il colore dell'accento deve essere abbastanza luminoso da attirare l'attenzione, ma non irritante e distratto. Assicurati che il colore dell'accento sia complementare con il resto del tema del colore nell'app. Inoltre, riserva un colore specifico per l'invito all'azione e non utilizzarlo altrove nella pagina.\n<\/p>\n<h4>\n  Conclusione<br \/>\n<\/h4>\n<p>\n  Questi sono alcuni degli errori pi\u00f9 comuni nella progettazione di UI\/UX. E ricorda, ogni volta che apporti modifiche al design, assicurati di testarlo accuratamente per vedere quanto sarebbe efficace.\n<\/p>\n<p>\n  Il design delle app \u00e8 un fattore di differenziazione per il successo e con migliaia di app che vengono rilasciate ogni giorno, solo una manciata di esse ottiene l'approvazione. Le cattive pratiche possono portare a errori mortali nella progettazione di UX\/UI e tutti gli sforzi di cos\u00ec tante persone vanno in malora.\n<\/p>\n<p>\n  <strong>Un ultimo promemoria:<\/strong>\n<\/p>\n<p>\n  Durante la progettazione della tua app, ricordati di progettare per pi\u00f9 piattaforme, a meno che non ti rivolgi a una in particolare. \u00c8 cos\u00ec che ottieni un Minimum Viable Product (MVP) direttamente nel negozio.\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  Fonte di registrazione: <a target=\"_blank\" rel=\"noopener nofollow\" data-pssr=\"\" href=\"http:\/\/www.instantshift.com\/2017\/10\/25\/app-design-ux-ui-mistakes\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Testo troppo piccolo per essere letto. Piccolo contenuto di caratteri di colore chiaro su uno sfondo bianco. Gli utenti non sono in grado di vedere le funzionalit\u00e0 cruciali posizionate comodamente da qualche parte nell&#8217;interfaccia utente. Questi sono alcuni dei problemi comuni con il design UX\/UI nelle app e fare molti errori come questi ti costerebbe caro. Durante la pianificazione di un progetto software, \u00e8 imperativo identificare tali errori abbastanza presto nella fase di progettazione perch\u00e9 l&#8217;obiettivo \u00e8 creare un&#8217;interfaccia intuitiva e veloce che fornisca un&#8217;esperienza utente senza soluzione di continuit\u00e0. Ecco alcuni errori mortali che possono significare il destino dell&#8217;app e&#8230;<\/p>\n","protected":false},"author":1,"featured_media":193423,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[394,355,225,199,56,147],"tags":[],"class_list":["post-255652","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-disegno","category-divertimento","category-libri-di-testo","category-web-design","category-web-e-wordpress","category-web-suggerimenti-e-trucchi"],"_links":{"self":[{"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/posts\/255652","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/comments?post=255652"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/posts\/255652\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/media\/193423"}],"wp:attachment":[{"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/media?parent=255652"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/categories?post=255652"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/tags?post=255652"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}