{"id":255816,"date":"2023-10-28T06:45:00","date_gmt":"2023-10-28T03:45:00","guid":{"rendered":"https:\/\/inform.click\/10-regole-ux-che-ogni-web-designer-dovrebbe-rispettare\/"},"modified":"2023-10-28T06:45:00","modified_gmt":"2023-10-28T03:45:00","slug":"10-regole-ux-che-ogni-web-designer-dovrebbe-rispettare","status":"publish","type":"post","link":"https:\/\/inform.click\/it\/10-regole-ux-che-ogni-web-designer-dovrebbe-rispettare\/","title":{"rendered":"10 regole UX che ogni web designer dovrebbe rispettare"},"content":{"rendered":"<p>\n  Puoi creare il design pi\u00f9 sbalorditivo del mondo e non avr\u00e0 successo se non soddisfa l'usabilit\u00e0.\n<\/p>\n<p>\n  Tutto, da uno stuzzicadenti a un aereo di linea commerciale, richiede usabilit\u00e0 per funzionare e vendere, altrimenti il \u200b\u200bsuo design \u00e8 condannato. Allo stesso modo, nel mondo del web un termine chiamato UX entra in gioco quando un sito web viene utilizzato e classificato.\n<\/p>\n<p>\n  UX \u00e8 l'abbreviazione di esperienza utente che un utente Web acquisisce durante la navigazione su un sito Web e l'interazione con i suoi elementi e funzionalit\u00e0. Se l'esperienza \u00e8 instabile e mal cercata, allora il sito web non \u00e8 nulla facendo galleggiare immondizia su Internet di cui nessuno si preoccuper\u00e0. UX pu\u00f2 decidere da solo se un sito Web pu\u00f2 essere utilizzato o venduto, quindi farlo contare \u00e8 fondamentale per il progettista. In questo articolo condivideremo 10 regole cardinali riguardanti l'usabilit\u00e0 che ogni web designer deve conoscere prima di portare il sito web alle sue fasi finali di completamento.\n<\/p>\n<h5>\n  1 Non confondere mai UX con UI<br \/>\n<\/h5>\n<p>\n  C'\u00e8 una linea sottile tracciata tra UX e UI. Anche se sei consapevole della differenza, potresti sentirlo dal cliente su un punto o sull'altro, ma quando arriva il momento devi essere in grado di spiegare la differenza nei migliori termini possibili. L'interfaccia utente \u00e8 definita come il sistema effettivo mentre l'esperienza utente \u00e8 definita come il risultato emotivo dopo l'interazione con il sistema.\n<\/p>\n<p>\n  Microsoft Windows \u00e8 l'interfaccia utente mentre la soddisfazione emotiva dopo averlo utilizzato \u00e8 l'UX. Confondere i due termini pu\u00f2 non solo danneggiare il tuo lavoro, ma anche sovraccaricarti di qualcosa che non \u00e8 del tutto il tuo lavoro.\n<\/p>\n<p>\n  Un buon designer non solo conoscer\u00e0 la differenza, ma sar\u00e0 anche in grado di spiegarla al cliente quando proporr\u00e0 un pitch di presentazione del suo lavoro.\n<\/p>\n<h5>\n  2 UX \u00e8 pi\u00f9 di una semplice esperienza sul sito web<br \/>\n<\/h5>\n<p>\n  Il web design \u00e8 pi\u00f9 di ci\u00f2 che incontra l'occhio. Tutto a partire dai dettagli visivi, il prodotto che usi e i luoghi che visiti hanno scritto UX dappertutto. Guidare un'auto spazzatura \u00e8 una brutta esperienza, mentre aprire facilmente una scatola piena \u00e8 una buona esperienza. Il marketing UX offline potrebbe sembrare un vestito diverso, ma in origine \u00e8 tagliato dalla stessa stoffa. Sebbene non sia del tutto la stessa cosa e non possa essere giustificata da alcuni esempi, l'esperienza UX in piattaforme materiali e immateriali produce gli stessi ormoni nel cervello. Ad esempio, qualcuno ha scoperto che gli esseri umani danno la priorit\u00e0 alle informazioni da sinistra a destra e che gli elementi a sinistra occupano meno spazio verticale e hanno lo stesso peso visivo.\n<\/p>\n<p>\n  Durante l'anno 2000, la tendenza ha iniziato a cambiare e i web designer hanno iniziato a posizionare le barre di navigazione nel pannello sinistro della pagina web. Ci\u00f2 ha consentito agli utenti di scansionare i contenuti pi\u00f9 velocemente e meglio, offrendo al contempo una maggiore visibilit\u00e0 ai contenuti del sito web. Come web designer, avere i piedi in entrambi i mezzi ti consentir\u00e0 di allenare la tua mente ed espandere le tue conoscenze per valutare e produrre progetti da una prospettiva pi\u00f9 vivace.\n<\/p>\n<h5>\n  3 L'arte e la scienza tornano indietro nel tempo<br \/>\n<\/h5>\n<p>\n  Arte e scienza vanno di pari passo quando si tratta di UX. Avere una comprensione raffinata del loro legame \u00e8 fondamentale soprattutto durante il processo di progettazione. Scientificamente, esiste uno scenario di soluzione del problema in cui il progettista deve tracciare una tabella di marcia e affrontare i problemi con una soluzione teorica. Ad esempio, un sito Web sta esaurendo drasticamente le sue vendite. Il progettista suggerir\u00e0 di aggiornare il sito Web, testarlo e risolverne i problemi che si trasformeranno in una soluzione. \u00c8 qui che entra in gioco l'arte.\n<\/p>\n<p>\n  Tutti gli aspetti e gli elementi saranno suggeriti nella soluzione come colori, caratteri tipografici, layout, testo e contenuti visivi per rendere quel sito web accattivante sia esteticamente che funzionalmente. Sar\u00e0 sottoposto a ulteriori test fino a quando non riuscir\u00e0 a invocare la risposta emotiva desiderata da parte dell'utente. Questa canalizzazione del comportamento esteriore attraverso un'implementazione scientifica \u00e8 ci\u00f2 che rende Arte e Scienza una coppia strana ma potente.\n<\/p>\n<h5>\n  4 Usa un approccio orientato agli obiettivi per la risoluzione dei tuoi problemi<br \/>\n<\/h5>\n<p>\n  Non \u00e8 un segreto che i designer abbiano a che fare con clienti che vogliono che le cose seguano i loro libri. Questo crea un labirinto che non porta da nessuna parte poich\u00e9 molte cose il cliente non \u00e8 a conoscenza di quelle che solo il designer sa. Allo stesso modo, i designer a volte sono decisi a fare le cose a modo loro mentre altri metodi sono sul tavolo e potrebbero funzionare meglio.\n<\/p>\n<p>\n  Mantenere un approccio univoco in quanto tale non \u00e8 mai salutare quando si progetta un web design ricco di UX. Una buona UX \u00e8 realizzabile solo da un approccio guidato dagli obiettivi che si concentra sulla migliore soluzione disponibile. Ad esempio, un cliente desidera spostare il collegamento delle testimonianze dei clienti nella parte superiore della pagina per ottenere maggiore visibilit\u00e0 e attirare pi\u00f9 traffico. Tuttavia, il problema non risiede nel posizionamento del collegamento, ma nella posizione del collegamento stesso poich\u00e9 non riesce ad attirare traffico. Quindi, puoi anche correggere il collegamento rendendolo pi\u00f9 visibile proprio dove si trova invece di spostarlo in una nuova posizione. Entrambe le soluzioni possono essere utilizzate per risolvere il problema ed \u00e8 necessario mantenere aperta l'opzione. Questo si chiama design guidato dagli obiettivi.\n<\/p>\n<h5>\n  5 Esporre l'identit\u00e0 del marchio attraverso l'esperienza utente<br \/>\n<\/h5>\n<p>\n  L'identit\u00e0 del marchio \u00e8 tra gli obiettivi primari alla base della costruzione di una grande UX. Se la UX lascia il segno nel soddisfare gli utenti, allora si rifletter\u00e0 molto sul Brand che ha reso possibile questa esperienza. \u00c8 importante non distrarti nella creazione di un look che soddisfi le preferenze del cliente. Un buon design che deve esibire il giusto mix di funzionalit\u00e0 e caratteristiche che non solo rendono l'esperienza dell'utente un piacere, ma descrivono anche l'investimento che un marchio ha fatto per avere successo. Questo decider\u00e0 se l'utente visiter\u00e0 nuovamente il sito web.\n<\/p>\n<p>\n  Per assicurarti di avere la prospettiva del cliente incisa nel progetto, informalo su ogni mossa e apporta le modifiche necessarie che possono essere adattate al progetto. \u00c8 anche importante considerare il quadro pi\u00f9 ampio mentre si aggiungono le preferenze del client in modo che l'esperienza dell'utente rimanga inalterata nel processo.\n<\/p>\n<h5>\n  6 Costruisci la tua UX intorno alla prospettiva dell'utente<br \/>\n<\/h5>\n<p>\n  Non diventare mai una vittima della tua stessa immaginazione. Dal momento che hai una certa libert\u00e0 creativa durante la progettazione di un sito Web, \u00e8 fondamentale non abusarne. In questo caso particolare, hai le linee guida del cliente e le tue preferenze profondamente radicate, ma hai completamente dimenticato la prospettiva dell'utente. Essendo un designer \u00e8 importante non lasciare mai che la tua immaginazione ti distragga dal realizzare ci\u00f2 che il cliente e l'utente desidera. Un design guidato dall'utente ha le migliori possibilit\u00e0 di produrre una UX vincente rispetto a qualsiasi altro approccio.\n<\/p>\n<p>\n  Per assicurarti di essere sulla strada giusta, fai ricerche sugli utenti della tua nicchia di design e scopri le loro esigenze e desideri nel tuo particolare design. Prima di essere pronto per lanciarlo, usa il test A\/B per verificare se il tuo progetto soddisfa i requisiti. Ricorda, le esigenze dell'utente sono pi\u00f9 importanti del tuo contributo personale perch\u00e9 alla fine lo useranno.\n<\/p>\n<h5>\n  7 UX \u00e8 tutta una questione di psicologia<br \/>\n<\/h5>\n<p>\n  I trigger comportamentali si basano sulla psicologia umana che stimola la risposta emotiva dell'utente. I buoni designer sono in grado di valutare qualitativamente la mentalit\u00e0 dell'utente e ricavare una connessione emotiva con il contenuto. Queste connessioni emotive sono essenziali per produrre una vivace UX in un web design. Prendi le notifiche per esempio. Potresti aver sperimentato la fastidiosa funzione di notifica popup che ti manda fuori dal sito web sbattendo la porta mentre esci. Anche se \u00e8 in parte a vantaggio del cliente e allo stesso tempo garantisce conversioni per il rivenditore, mostrarlo subito dopo che il cliente arriva sul sito web \u00e8 una pessima idea.\n<\/p>\n<p>\n  Immagina di arrivare al punto di spillo del tuo ufficio e di ricevere l'ordine di fare le tue faccende senza prendere fiato o goderti una calda tazza di caff\u00e8. Il tempismo \u00e8 un fattore cruciale qui. Se conosci la psiche umana, non inizierai mai con un pop-up che copre pi\u00f9 della met\u00e0 dello schermo. Invece, puoi aspettare che il visitatore scorra il contenuto e poi iniziare con la tua presentazione. In questo modo la stessa notifica verr\u00e0 ricevuta a braccia aperte, perch\u00e9 ora l'utente pu\u00f2 effettivamente risparmiare tempo per impegnarsi. L'esperienza utente fa molto affidamento sulla psiche del consumatore, ed \u00e8 per questo che \u00e8 necessario integrare una buona dose di fattori scatenanti comportamentali, prestando attenzione dove necessario.\n<\/p>\n<h5>\n  8 Guida i tuoi clienti attraverso lo scorrimento<br \/>\n<\/h5>\n<p>\n  Lo scorrimento funziona come per magia se me lo chiedi. Invia l'utente alla ricerca di informazioni pi\u00f9 in profondit\u00e0 nel sito, aumentando le possibilit\u00e0 di conversione. Probabilmente \u00e8 il motivo per cui la maggior parte dei designer posiziona i propri CTA nella parte inferiore della pagina, dove lo scorrimento incontra la fine.\n<\/p>\n<p>\n  Anche l'approccio &#8220;amore a prima vista&#8221; pu\u00f2 favorire lo scorrimento, in cui il design mostra inviti all'azione nella parte superiore della pagina. \u00c8 possibile ottimizzare tali pagine introducendo segnali di scorrimento. I segnali di scorrimento possono variare da sospiri di frecce a accattivanti elementi grafici. Ad esempio, Le frecce possono essere utilizzate per indicare le direzioni per il contenuto successivo, mentre gli elementi grafici possono portare l'utente direttamente alla diapositiva successiva dopo aver interagito con essa.\n<\/p>\n<h5>\n  9 Rendere l'uso confortevole<br \/>\n<\/h5>\n<p>\n  Quando metti i tuoi contenuti in diretta su Internet, devi aspettarti che vengano incontrati con persone di ogni tipo di background. Tutti non condividono le tue opinioni nel modo in cui intendi proporle. Ecco perch\u00e9 i tuoi contenuti dovrebbero essere assorbibili in modo che l'utente non abbia bisogno di ulteriori sforzi per capire cosa gli stai offrendo. Se il contenuto \u00e8 digeribile, l'utente si convertir\u00e0 pi\u00f9 velocemente.\n<\/p>\n<p>\n  Dai loro un morso alla volta. Mostrare tutto ci\u00f2 che puoi offrire in una sola seduta non solo disorienta l'utente, ma riflette anche la disperazione della tua met\u00e0. Per assicurarti che il tuo design sia traspirante e facile da assimilare, usa molta spaziatura bianca attorno ai tuoi elementi in modo che siano facili da distinguere. Crea anche contenuti comprensibili per tutti i tipi di pubblico con esempi e le tue narrazioni. Mostrati come loro amico, non come uomo d'affari.\n<\/p>\n<h5>\n  10 Ottimizza adeguatamente gli elementi della tua pagina<br \/>\n<\/h5>\n<p>\n  Gli elementi della pagina sono parte integrante di un web design. Svolgono funzioni essenziali per gli utenti e mantengono un'armonia emotiva nella UX. Tuttavia, l'aggiunta di elementi di pagina non necessari pu\u00f2 essere pericolosa per il tuo sito Web e anche per l'utente.\n<\/p>\n<p>\n  Elementi della pagina come un invito all'azione con pi\u00f9 comandi invece di uno, un'immagine che distrae abbastanza da distogliere lo sguardo dall'oggetto o una parte di testo al centro della pagina che fuorvia il cliente. L'aggiunta di questi elementi influisce inutilmente sulla credibilit\u00e0 del tuo web design rallentando la sua velocit\u00e0 di caricamento. Le immagini HD, ad esempio, possono essere lag factory per le tue pagine web. Richiedono molta larghezza di banda e tolgono il tempo di caricamento ideale per un sito Web favorevole alla conversione. Un sito Web a caricamento lento \u00e8 l'ultima cosa che desideri nella UX del tuo sito Web.\n<\/p>\n<h4>\n  Pensieri finali<br \/>\n<\/h4>\n<p>\n  Come web designer, devi prendere ogni elemento, aspetto e approccio nell'equazione. Il tuo obiettivo \u00e8 produrre un design che non solo conquisti i clienti, ma offra anche una UX appagante. Attraverso queste 10 regole fondamentali crei il web design ideale che soddisfi l'usabilit\u00e0 da ogni possibile angolazione.\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\/03\/01\/10-ux-rules-every-web-designer-should-know\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Puoi creare il design pi\u00f9 sbalorditivo del mondo e non avr\u00e0 successo se non soddisfa l&#8217;usabilit\u00e0. Tutto, da uno stuzzicadenti a un aereo di linea commerciale, richiede usabilit\u00e0 per funzionare e vendere, altrimenti il \u200b\u200bsuo design \u00e8 condannato. Allo stesso modo, nel mondo del web un termine chiamato UX entra in gioco quando un sito web viene utilizzato e classificato. UX \u00e8 l&#8217;abbreviazione di esperienza utente che un utente Web acquisisce durante la navigazione su un sito Web e l&#8217;interazione con i suoi elementi e funzionalit\u00e0. Se l&#8217;esperienza \u00e8 instabile e mal cercata, allora il sito web non \u00e8 nulla facendo galleggiare spazzatura su Internet&#8230;<\/p>\n","protected":false},"author":1,"featured_media":178199,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[199,56,147],"tags":[],"class_list":["post-255816","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-design","category-web-e-wordpress","category-web-suggerimenti-e-trucchi"],"_links":{"self":[{"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/posts\/255816","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=255816"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/posts\/255816\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/media\/178199"}],"wp:attachment":[{"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/media?parent=255816"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/categories?post=255816"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/tags?post=255816"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}