![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-300329-63831d1ed236e.webp\")
<\/a><\/p>\n\n Tuttavia, si trasforma in un layout a colonna singola con un menu nascosto sia su tablet che su dispositivo mobile. Il menu del sito Web nella versione desktop include anche etichette e icone, che facilitano la comprensione per le generazioni pi\u00f9 anziane (che hanno maggiori probabilit\u00e0 di utilizzare desktop o laptop).\n<\/p>\n
\n La navigazione fluida gioca un ruolo fondamentale nel mantenere pi\u00f9 a lungo i potenziali clienti sul tuo sito web. Gli utenti sono impazienti. Non aspetteranno per sempre se non trovano quello che vogliono. Di conseguenza, una navigazione scadente pu\u00f2 influire direttamente sul tasso di conversione e, di conseguenza, sui profitti. Pertanto, gli utenti dovrebbero essere in grado di accedere e navigare nel tuo sito Web senza problemi su tutti i dispositivi.\n<\/p>\n \n Quando si tratta di navigazione sul sito web, di solito meno \u00e8 meglio. Quindi, riduci il pi\u00f9 possibile il numero di link di navigazione. Non vuoi sopraffare gli utenti con troppe scelte. Offrire molti collegamenti pu\u00f2 influire negativamente anche sulla tua SEO perch\u00e9 i web crawler hanno difficolt\u00e0 a decifrare tali contenuti.\n<\/p>\n \n Quindi, assicurati di aggiungere collegamenti a parole chiave e frasi appropriate. Risolvi eventuali collegamenti interrotti il \u200b\u200bprima possibile. Se hai sostituito una vecchia pagina web con una nuova, assicurati di creare un link di reindirizzamento adeguato.\n<\/p>\n \n Evita di giocare troppo con la tua creativit\u00e0. Spesso \u00e8 meglio attenersi all'architettura di navigazione standard. Nella speranza di distinguersi dalla massa, le persone spesso fanno un uso eccessivo dell'animazione o della grafica e finiscono per avere l'effetto esattamente opposto sugli utenti.\n<\/p>\n \n Tuttavia, \u00e8 auspicabile incorporare le ultime tendenze di navigazione nel tuo sito web. Ad esempio, il 2017 ha visto un aumento sostanziale delle barre di navigazione appiccicose, dei mega menu e dei menu secondari di navigazione reattivi, tra gli altri. L'utilizzo di una qualsiasi di queste funzionalit\u00e0 nel tuo sito web \u00e8 probabilmente una buona idea.\n<\/p>\n \n Il sito Web del San Francisco Museum of Modern Art \u00e8 forse la migliore combinazione di navigazione semplice e grafica straordinaria. Il menu principale semplice ma elegante fornisce collegamenti a tutti gli elementi essenziali tra cui mostre, progetti, opere d'arte in primo piano, dettagli sui biglietti, orari di visita e iscrizione.\n<\/p>\n \n Non \u00e8 necessario scorrere verso il basso la home page per vedere tutti questi collegamenti. Invece di testo e immagini, hanno utilizzato video che ti fanno sentire come se fossi nel museo.\n<\/p>\n \n Hanno anche mantenuto intatta la struttura di navigazione intuitiva in tutto il sito. Sia che tu stia controllando le opere d'arte o i progetti, non ti sentirai mai perso. Il sito web comunica la complessit\u00e0 dell'arte e dei dipinti in un modo relativamente semplice, proprio come la gente comune vorrebbe viverla.\n<\/p>\n \n Tutti sanno che la velocit\u00e0 del sito web \u00e8 importante. Ma quanto veloce deve essere il tuo sito web \u00e8 oggetto di dibattito. Secondo un recente studio pubblicato da Google, un secondo \u00e8 il tempo ideale di caricamento della pagina web. Tuttavia, se sono necessari fino a tre secondi per caricare il tuo sito Web, stai comunque andando bene poich\u00e9 la frequenza di rimbalzo non supera il 32%. Tuttavia, se il tempo di caricamento aumenta ulteriormente, diciamo fino a cinque secondi, la frequenza di rimbalzo sar\u00e0 del 90%, mentre un ritardo di dieci secondi porta a un aumento del 123%.\n<\/p>\n \n Da qualche tempo Google offre un trattamento preferenziale ai siti Web a caricamento rapido. Tuttavia, era limitato ai soli personal computer. Tuttavia, con l'aumento del traffico web sui telefoni cellulari, Google ha deciso di rendere la velocit\u00e0 delle pagine un fattore di ranking per le ricerche da dispositivi mobili a partire da luglio 2018. Pertanto, la velocit\u00e0 di caricamento del sito deve essere la pi\u00f9 elevata possibile.\n<\/p>\n \n La prima cosa che devi fare \u00e8 scoprire quanto tempo ci vuole per caricare diverse parti di ogni pagina web sul tuo sito web. Sebbene sia possibile utilizzare strumenti di analisi della velocit\u00e0 come WebPageTest<\/strong> o Pingdom<\/strong>, non sono sufficienti.\n<\/p>\n \n Per vedere la velocit\u00e0 di caricamento di ciascun elemento del tuo sito, puoi fare clic con il pulsante destro del mouse sulla pagina che desideri analizzare, fare clic su “Ispeziona”, quindi fare clic sulla scheda “Rete”. Puoi farlo su qualsiasi browser. Ad esempio, il caricamento il tempo per vari elementi sulla pagina Web http:\/\/www.instantshift.com\/category\/web-design\/<\/a> nel browser Firefox \u00e8 illustrato di seguito.Questa analisi ti fornir\u00e0 i dati per identificare l'elemento di caricamento lento su ogni pagina web.\n<\/p>\n \n Ti mostrer\u00e0 anche quante richieste HTTP fa il tuo sito. Ridurre il numero di richieste HTTP \u00e8 un ottimo modo per migliorarne la velocit\u00e0. Identificare ed eliminare eventuali immagini, testi o grafici non necessari.\n<\/p>\n \n Altri passaggi per migliorare la velocit\u00e0 includono l'utilizzo di una rete di distribuzione dei contenuti (CDN), l'utilizzo di un dominio senza cookie supportato da una CDN per ospitare i file statici, la minimizzazione e la combinazione dei file HTML, CSS e JavaScript, l'installazione di Google PageSpeed \u200b\u200bsul server e differire il caricamento di JavaScript, tra le altre cose.\n<\/p>\n \n Sia il testo che le immagini sono fattori critici di un sito web. Tuttavia, il tuo sito non pu\u00f2 attirare pi\u00f9 traffico web senza trovare il giusto equilibrio tra questi due elementi. In altre parole, la grafica non deve sovrastare il testo e viceversa.\n<\/p>\n \n Il cervello umano, tuttavia, tende a ricordare le immagini meglio e pi\u00f9 a lungo. Infatti, le persone possono richiamare il 65% delle immagini quasi tre giorni dopo rispetto al 10% dei contenuti testuali nello stesso periodo. I tuoi contenuti possono generare fino al 94% di visualizzazioni in pi\u00f9 se aggiungi elementi visivi e grafici accattivanti.\n<\/p>\n \n Inoltre, i contenuti visivi virali (video, GIF e immagini) possono generare pi\u00f9 collegamenti in entrata. Inoltre, un numero crescente di persone accede al web dai propri dispositivi mobili, in particolare le giovani generazioni. Usare pi\u00f9 elementi visivi ha senso perch\u00e9 guardare un video \u00e8 molto pi\u00f9 semplice rispetto alla lettura di un lungo paragrafo su un dispositivo mobile.\n<\/p>\n \n C'\u00e8 un problema per\u00f2. Pi\u00f9 video, grafica e immagini ad alta definizione significano che il tuo sito web si caricher\u00e0 pi\u00f9 lentamente. Come accennato nel punto precedente, i siti Web a caricamento pi\u00f9 lento portano a frequenze di rimbalzo pi\u00f9 elevate. Anche i motori di ricerca hanno difficolt\u00e0 a riconoscere le immagini rispetto al testo. Un modo per ovviare a questo problema \u00e8 aggiungere alle immagini un “Alt Text” appropriato.\n<\/p>\n \n Quando utilizzi “Alt Text”, concentrati non solo sul targeting per parole chiave, ma anche sull'intento dell'utente. Ad esempio, dai un'occhiata alla seguente immagine. Potrebbe significare una variet\u00e0 di cose. Puoi percepire questa immagine come un segno di felicit\u00e0 o motivazione o anche un senso di realizzazione.\n<\/p>\n \n Quindi, se il tuo sito web si occupa di qualcosa come il successo personale o professionale, menzionare “modi per raggiungere il tuo obiettivo” nel tuo “testo alternativo” \u00e8 molto meglio che dire semplicemente “una ragazza che salta al punto del tramonto”.\n<\/p>\n \n D'altra parte, un sito web sulla depressione e la consulenza dovrebbe utilizzare qualcosa sulla falsariga di “superare la depressione con la felicit\u00e0 intrinseca”. Tuttavia, evita di esagerare con la descrizione. Non dovrebbe sembrare innaturale poich\u00e9 ai motori di ricerca non piace il riempimento di parole chiave. Usa una descrizione pertinente e significativa.\n<\/p>\n \n Tuttavia, il bilanciamento visivo e del testo non dovrebbe necessariamente essere simmetrico. Puoi disporre questi due elementi in modo asimmetrico, soprattutto se intendi dare un aspetto pi\u00f9 informale, moderno o rilassato al tuo web design.\n<\/p>\n \n La home page di Dropbox<\/strong> \u00e8 un esempio di layout asimmetrico di testo e immagini. Porta immediatamente l'attenzione dell'utente sui punti focali. Ma n\u00e9 le immagini n\u00e9 il testo sembrano superarsi a vicenda.\n<\/p>\n \n Seedlip<\/strong>, un'azienda che vende liquori analcolici distillati, fa ampio uso di spazi bianchi, caratteri in grassetto e testo semplice ove possibile. \u00c8 il giusto equilibrio tra testo e immagini che ha lo scopo di servire bene il loro pubblico di destinazione.\n<\/p>\n \n Nonostante si prendano tutte le precauzioni, le cose possono ancora andare storte, con conseguenti errori del sito web. Anche se non puoi evitare del tutto questi errori poco propizi, puoi sicuramente abbracciarli con grazia. I tuoi potenziali clienti si sentono gi\u00e0 irritati dopo aver incontrato una pagina web errata. Perch\u00e9 strofinare il sale sulla loro ferita con un messaggio di errore monotono (o addirittura fastidioso)? Purtroppo, questo aspetto del web design rimane in gran parte trascurato.\n<\/p>\n \n Anche se i tuoi utenti hanno digitato un nome utente o un indirizzo URL errato, evita di incolparli a tutti i costi. Al contrario, i messaggi di errore devono essere il pi\u00f9 intuitivi possibile. Usa sempre un linguaggio educato mentre fai notare un errore. Ad esempio, invece di utilizzare un messaggio standard come “L'indirizzo e-mail inserito \u00e8 errato”, Mail Chimp<\/strong> utilizza la seguente descrizione per la gestione degli errori.\n<\/p>\n \n Piccsy<\/strong> porta la gestione degli errori a un livello completamente nuovo con l'aiuto di un umorismo spensierato. Se riscontri l'errore “404 – pagina non trovata” sul loro sito Web, questo \u00e8 ci\u00f2 che vedrai.\n<\/p>\n<\/a><\/p>\n\n 2 Navigazione facile
\n<\/h3>\n\n R. Meno \u00e8 meglio
\n<\/h5>\n\n B. Troppa creativit\u00e0 pu\u00f2 essere dannosa
\n<\/h5>\n<\/a><\/p>\n<\/a><\/p>\n\n 3 Sito Web a caricamento rapido
\n<\/h3>\n<\/a><\/p>\n\n A. Identificare il tempo di caricamento per ciascun elemento
\n<\/h5>\n<\/a><\/p>\n\n B. Ridurre il numero di richieste HTTP
\n<\/h5>\n\n 4 Uso equilibrato di elementi visivi e testo
\n<\/h3>\n\n R. Ricordiamo facilmente le immagini
\n<\/h5>\n<\/a><\/p>\n\n B. Le immagini hanno un costo
\n<\/h5>\n<\/a><\/p>\n\n C. Funziona anche l'equilibrio asimmetrico tra elementi visivi e testo
\n<\/h5>\n<\/a><\/p>\n<\/a><\/p>\n\n 5 Gestione corretta degli errori
\n<\/h3>\n\n R. Sii educato
\n<\/h5>\n<\/a><\/p>\n\n B. Usa umorismo spensierato
\n<\/h5>\n