\t\t\tLa differenza tra UX e UI \u00e8 semplice: la prima materia riguarda tutto ci\u00f2 che permette all’utente di avere una buona esperienza online.<\/p>\n
La seconda (l’user interface) \u00e8 un settore della user experience che si occupa del modo in cui l’interfaccia si presenta a chi naviga su un sito web. Quindi, per essere precisi, non si pu\u00f2 parlare di UX senza UI.<\/p>\n
Ma risolvere cos\u00ec la differenza tra i concetti di UX e UI design, che stanno per user experience e user interface, non d\u00e0 il giusto peso a una riflessione che deve essere al centro di ogni attivit\u00e0 legata alla gestione delle risorse web. Non si tratta pi\u00f9 di affrontare un tema dedicato alla SEOSearch Engine Optimization (ottimizzazione per i motori di ricerca): l’insieme di strategie e pratiche per posizionare siti o pagine web nei risultati organici dei motori…, al web design, alla web analysis o al digital copywriting<\/p>\n
Ogni aspetto \u00e8 collegato, interfacciato e connesso. Oggi l’esperienza utente \u00e8 parte integrante di una strategia di web marketing. <\/p>\n
Per questo \u00e8 importante approfondire il punto. E riuscire a mettere in chiaro cosa fa chi si occupa di UX, ma anche quali sono le attenzioni che – invece – deve porre una figura specializzata in user interface design.<\/p>\n
Quali sono le differenze sostanziali?<\/p>\n
Prima di definire in profondit\u00e0 questi concetti, con le relative descrizioni, \u00e8 giusto dare spessore al tema principale: le differenze. L’UX si occupa dell’esperienza utente con qualsiasi oggetto. Anche non digitale. <\/p>\n
Chi si specializza in questa materia misura il tasso di successo, gli errori, tempo per completare il task. Si occupa anche, per tutto ci\u00f2 che riguarda il web, di definire il numero di interazioni per capire se pu\u00f2 snellire qualche passaggio. Ed eliminare frizioni come i vari rage click o abbandono pagina. <\/p>\n
L’UI designer lavora nel digitale e si relaziona con l’interfaccia per migliorare il look and feel: come l’utente vede e interagisce con l’aspetto. <\/p>\n
L’UX trova e risolve intoppi che possono frenare l’esperienza del pubblico su una pagina; l’UI design si occupa di trasformare ci\u00f2 che \u00e8 usabile in riconoscibile e facile da usare. In questo equilibrio ricorda che esiste anche la CE, la customer experience, che si occupa di rendere lineare e piacevole l’esperienza utente con tutto ci\u00f2 che riguarda il tuo brandUn Brand \u00e8 un simbolo identificativo, marchio, logo, nome, parola e\/o frase che le aziende usano per distinguere il loro prodotto dagli altri. Una combinazione….<\/p>\n
Cos’\u00e8 l’user experience, definizione<\/p>\n
Per capire meglio la differenza tra UX e UI \u00e8 giusto – direi sacrosanto – dare delle definizioni. Inizio dall’user experience, uno dei punti decisivi.<\/p>\n
Oggi, come anticipato nei paragrafi precedenti, \u00e8 sempre pi\u00f9 importante dare spazio e luce a questa materia. La quale rappresenta lo studio, l’analisi e l’ottimizzazione di tutti i passaggi necessari per rendere pi\u00f9 semplice la vita dell’utente sul tuo progetto web. Che pu\u00f2 essere:<\/p>\n
Un sito web.Un portale.Una landing pagePer\u00a0Landing Page\u00a0(traduzione:\u00a0pagina di atterraggio) si intende\u00a0una pagina appositamente realizzata con l\u2019obiettivo di convertire\u00a0i visitatori del sito in lead (contatti) o in clienti, spesso dopo aver….L’app di un ecommerce.L’ecommerce stesso.Un sito monopagina.Un portale di prenotazione.Il sito web istituzionale.L’intranet aziendale.Insomma, tutto ci\u00f2 che si naviga e che interagisce con l’utente pu\u00f2 e deve essere passato sotto la lente d’ingrandimento dell’user experience. <\/p>\n
Qual \u00e8 il motivo che ci spinge a valutare con grande attenzione questo insieme di conoscenze? Quali sono i pilastri che poi creano le differenze tra UX e UI? I bisogni di dare pi\u00f9 valore all’utente che usa la tua risorsa.<\/p>\n
Da leggere:\u00a0M-Commerce, il nuovo modo di vendere online<\/p>\n
User experience vuol dire qualit\u00e0<\/p>\n
Nella sua accezione pi\u00f9 ampia \u00e8 cos\u00ec: l’user experience \u00e8 ci\u00f2 che permette che una pagina web si presenti nel miglior modo possibile su internet. <\/p>\n
Un concetto che si pu\u00f2 intravedere nelle attivit\u00e0 svolte da Google negli ultimi anni. Un colosso che \u00e8 passato dagli aggiornamenti di algoritmo legati alla qualit\u00e0 dei link in ingresso agli update dedicati alla velocit\u00e0, al mobile e alla presenza del certificato SSL per la navigazione sicura. <\/p>\n
Through both internal studies and industry research, users show they prefer sites with a great page experience. Search has added a variety of user experience criteria, such as how quickly pages load and mobile-friendliness, as factors for rankingIn ambito SEO, Ranking si riferisce alla posizione nella classifica dei motori di ricerca come Google. Ottenere un buon ranking per parole chiave rilevanti per… results (…). Today, we’re building on this work and providing an early look at an upcoming Search ranking change that incorporates these page experience metrics.developers.google.com\/evaluating-page-experience<\/p>\n
Prendersi cura dell’user experience vuol dire affrontare una serie di attivit\u00e0, tra le quali anche quelle dell’user interface design, per pubblicare un contenuto di qualit\u00e0. Che non \u00e8 pi\u00f9 definibile solo attraverso testi approfonditi, immagini interessanti e uniche, video montati a regola d’arte.<\/p>\n
I fattori che influenzano l’user experience su una pagina web.Oggi la validit\u00e0 di una pubblicazione deriva anche da velocit\u00e0 di caricamento, sicurezza della navigazione, lavoro svolto per avere un sito web mobile friendly (e non solo con un template responsive), assenza di creativit\u00e0 o blocchi di advertisingAdvertising (abbreviato ADV) significa pubblicit\u00e0, \u00e8 un messaggio a pagamento che un’azienda invia con lo scopo di informare o influenzare le persone che lo ricevono… che impediscono l’uso della pagina. In pi\u00f9 aggiungiamo anche i Core Web Vitals che rispondono a questi nomi:<\/p>\n
Cumulative Layout Shift.Largest Contentful Paint.First Input Delay.Vale a dire, rispettivamente, sbalzi del layout una volta caricata la pagina, tempo di caricamento dell’elemento pi\u00f9 pesante nell’above the fold, reattivit\u00e0 degli oggetti che richiedono l’interazione con l’utente. <\/p>\n
E se ci pensi bene gi\u00e0 si intravedono non solo le differenze tra UX e UI design. Ma anche i punti in comune che creano un ponte tra le materie.<\/p>\n
Cos’\u00e8, invece, l’user interface design<\/p>\n
La differenza tra UX e UI? Troviamo una definizione per l’user interface design: si tratta di quella materia, dedicata a un passaggio specifico dell’user experience, che si prende cura della relazione tra aspetto esteriore e individuo che si trova di fronte una determinata schermata. <\/p>\n
Mi piace pensare che il padre dell’UI sia Steve Krug che con il suo famoso libro Don’t Make Me Think ha scritto la storia del buon uso del web. Prendiamo una citazione qualsiasi del suo immenso pensiero:<\/p>\n
Your objective should always be to eliminate instructions entirely by making everything self-explanatory, or as close to it as possible. When instructions are absolutely necessary, cut them back to a bare minimum.<\/p>\n
Proprio cos\u00ec, non devi farmi pensare. Non \u00e8 un invito all’entropia ma un bisogno chiaro per progettare pagine web efficaci: quando arrivo su una risorsa non devo domandarmi a cosa serve quel pulsante. <\/p>\n
E se cerco il menu di navigazione lo devo trovare. Per poi capire dove cliccare, quale sezione scegliere per ottenere ci\u00f2 che mi serve. <\/p>\n
Come puoi ben capire, solo descrivendo questi passaggi ho chiamato in causa diverse competenze. Come il designer che ha disegnato il pulsante della call to actionUna\u00a0Call to action\u00a0(traduzione: invito all\u2019azione) o\u00a0CTA\u00a0\u00e8\u00a0un\u2019istruzione per il pubblico volta a provocare una risposta immediata. Nelle CTA di solito si usa un verbo imperativo come…, il copywriter che ha scelto le etichette del menu di navigazione e il project manager che ha dato l’ok prima di mettere il sito web online. <\/p>\n
Questo significa che la differenza tra UX e UI design, soprattutto ripartizioni di compiti, riguarda aspetti operativi ma che abbraccia comunque un’ampia gamma di attivit\u00e0. Per\u00f2 hanno lo stesso compito: far s\u00ec che tutto scorra nel miglior modo possibile.<\/p>\n
C’\u00e8 un legame sottile con il brand<\/p>\n
Se proprio vogliamo trovare una specifica attivit\u00e0 svolta dall’user interface design voglio concentrarmi su questo punto: la capacit\u00e0 di unire la buona usabilit\u00e0 dell’interfaccia e la necessit\u00e0 di essere riconoscibile, di farsi ricordare come entit\u00e0 appartenente a un determinato brand. <\/p>\n
La scelta del carattere, ad esempio: \u00e8 un argomento chiave dell’user experience. Perch\u00e9 aiuta a rendere un documento leggibile da desktop e mobile. In una parola: usabile. Per\u00f2 quel font deve essere anche allineato con l’identit\u00e0 di brand.<\/p>\n
Esempio: un font Arial pu\u00f2 essere perfetto per un sito web dedicato un business qualsiasi delle nuove tecnologie ma per uno studio notarile \u00e8 utile usare il Time New Romans. A meno che questo professionista non sia attivo nel mondo del diritto sul web quindi va bene un ottimo Helvetica. <\/p>\n
Tutto questo deve incrociarsi anche con altre riflessioni, come ad esempio il tone of voice della comunicazione. Senza dimenticare anche la scelta delle icone, dei colori, della linea grafica.<\/p>\n
UX e UI designer: lavorano insieme?<\/p>\n
Chiaramente s\u00ec, sono due facce della stessa medaglia. L’esperto di User Experience si occupa dello studio di tutto ci\u00f2 che riguarda la buona esperienza online, registrando dati sulla velocit\u00e0 di caricamento e percorsi compiuti dall’utente sulle pagine web alla ricerca di intoppi<\/p>\n
Differenza tra UX e UI: i bisogni degli utenti – Fonte AdobePer\u00f2 demanda all’UI design alcuni compiti. Ad esempio deve creare una pagina web capace di rispettare determinati criteri. Criteri in grado di tener conto delle esigenze SEO ma anche della buona relazione tra colori, in modo da comunicare all’utente ci\u00f2 che serve al brand. <\/p>\n
Tutto questo senza tradire identit\u00e0 del marchio ma rispettando anche il contrasto. Creando pagine facili da leggere, da navigare. Quindi accessibili a chiunque e con qualsiasi dispositivo. <\/p>\n
Da approfondire: come impostare una strategia di Content Marketing<\/p>\n
La differenza tra UX e UI secondo te<\/p>\n
Questo \u00e8 il mio punto di vista, sicuramente parziale ma accompagnato da una serie di definizioni utili. E che restano una base di partenza per riflettere insieme sulle possibilit\u00e0 di sviluppare una serie di domande. <\/p>\n
Ad esempio, quali sono altri elementi di divergenze e punti d’incontro (o di scontro) tra user experience e user interface design sul web? <\/p>\n
Secondo te UX e UI sono materie che devono essere affrontate sempre? per ogni progetto? E comunque attraverso due prospettive differenti? <\/p>\n
Lascia la tua opinione nei commenti, affrontiamo insieme questo argomento che ormai \u00e8 diventato decisivo affrontare al meglio.<\/p>\n