5 Esempi di cattivo sito Web Design e come farlo meglio
La progettazione di un sito web influisce direttamente sull’esperienza dell’utente., Un sito mal progettato è meno probabile per ottenere i visitatori per completare un’azione, come ad esempio l’acquisto di un prodotto o entrare in una mailing list.
Infatti, se la pagina si carica lentamente o è difficile da navigare, il 95% dei visitatori lascerà in pochi secondi.
Se non si ottengono i risultati desiderati da una pagina Web, come l’aumento delle conversioni e la riduzione delle frequenze di rimbalzo, valutare il design.
Ecco alcuni errori che abbiamo preso su altri siti web. Cercate di evitare di ripetere uno di questi cinque esempi di cattivo sito web design.
Che aspetto ha il cattivo design del sito web?,
L’imprenditore medio non può capire le differenze tra il bene e il male web design, che è il motivo per cui un sacco di siti web finiscono con disegni terribili e inefficienti.
Mentre le tendenze del design in continuo cambiamento, ci sono componenti di base di un sito web che rimangono universali, tra cui:
- Facile da seguire di navigazione
- layout Pulito
- Compatibilità
- Industria-progettazione appropriata
gli Utenti non c’è bisogno di indovinare come trovare una pagina del tuo sito web. Tutto dovrebbe essere organizzato in modo chiaro, con menu semplici e funzionalità di navigazione.,
Si consiglia anche un layout pulito. Se la pagina è affollata di informazioni, grafica e video, ci vuole più tempo per caricare e diventa più difficile da leggere.
La compatibilità è meno preoccupante, poiché la maggior parte dei siti ora utilizza design reattivi conformi alle dimensioni dello schermo dell’utente. Tuttavia, sono spesso necessari test approfonditi per garantire che gli elementi vengano caricati correttamente su dispositivi diversi.
L’aspetto visivo del sito web è un dettaglio soggettivo, poiché ognuno ha i propri gusti. Indipendentemente da ciò, è necessario un design appropriato per l’industria., Ad esempio, mentre la grafica appariscente potrebbe non funzionare su un sito per un’agenzia di pompe funebri, potrebbe funzionare su un sito per un negozio di noleggio di feste.
Tenetelo a mente mentre esaminiamo i peggiori errori di progettazione del sito web.
Siti Web senza un messaggio chiaro
Uno dei peggiori errori di progettazione che puoi fare non è fornire un messaggio chiaro relativo allo scopo del tuo sito web. Gli utenti dovrebbero immediatamente conoscere il nome del business e ciò che vendono.
Ad esempio, quando visiti per la prima volta 3D Mailbox, ci vogliono alcuni secondi per capire cosa stai guardando., Sembra essere una pagina web per qualche tipo di software di posta elettronica. E ‘ difficile determinare se il software è un gioco, screensaver, o client di posta elettronica.
Il sito CyberDsignClan è un altro esempio di un sito web senza un messaggio chiaro. È sufficiente vedere una grande grafica che recita, ” skip intro.”Dopo aver cliccato sulla pagina, la vera homepage viene caricata, il che è altrettanto confuso della cassetta postale 3D.
Entrambi i siti non hanno un messaggio chiaro. Per saperne di più sul prodotto, i visitatori devono scorrere la pagina o fare clic su altri link.,
Tutto ciò che appare sulla pagina prima che gli utenti debbano scorrere ulteriormente è considerato al di sopra della piega. Noi chiamiamo questa la ” sezione eroe.”Questa è l’area in cui dovrebbero essere inclusi il nome dell’azienda e alcune indicazioni su ciò che vendono. La parte superiore della pagina dovrebbe anche offrire un certo tipo di navigazione.
I visitatori del sito web formano opinioni sul business in una frazione di secondo. Se gli utenti devono scorrere la pagina per scoprire cosa fa l’azienda, probabilmente lasceranno la pagina.,
Troppi elementi che ingombrano la pagina
Oltre a un messaggio chiaro, il sito dovrebbe avere un layout chiaro. Se la pagina è ingombra, diventa difficile navigare, causando ai visitatori di lasciare.
Arngren.net è un buon esempio di cattivo design. Questo sito web classificato contiene annunci gettati insieme senza struttura. Gli elenchi non sono divisi in categorie e si incastrano come un puzzle.
Per un altro esempio, visitare Lings Cars., Il sito web è per auto usate, ma ha così tanti elementi diversi, si può trascurare lo scopo del sito. Il designer ha incluso almeno una mezza dozzina di elementi animati sopra la piega, rendendo incredibilmente difficile navigare nella pagina.
È possibile visualizzare molti contenuti senza ingombrare la pagina. Per un buon esempio di web design che presenta più prodotti, guarda Amazon o AliExpress. Mentre entrambi i siti contengono una pergamena infinita di prodotti, sono organizzati in griglie invece di essere gettati insieme come un mosaico.,
Altro che ingombrare la pagina con un miscuglio di link, alcuni siti sono ingombra di pop-up, annunci galleggianti, video auto-caricamento, e altri elementi che distraggono i visitatori.
Pagine senza ottimizzazione mobile
La maggior parte del traffico Internet negli Stati Uniti ora proviene da dispositivi mobili, ma molti siti Web sono ancora costruiti per i computer desktop prima. Se il sito web non è ottimizzato per i dispositivi mobili, la maggior parte dei visitatori non otterrà una buona esperienza utente.,
Molti siti ora includono responsive design, che consente alla pagina web di regolare gli elementi in base alla larghezza dello schermo del dispositivo dell’utente. Il sito può anche nascondere elementi, modificare i font o rimuovere sfondi quando viene rilevato uno schermo più piccolo.
Questi dettagli consentono al sito di funzionare su qualsiasi dispositivo. Mentre i disegni reattivi sono comuni, ci sono ancora molti siti che sono illeggibili sui dispositivi mobili.
Quasi tutti gli esempi già discussi non hanno un design reattivo. Deque University ha un esempio di web design non reattivo.,
Se stai leggendo questo nel tuo browser web, prova a visitare il sito e regolare la larghezza del browser. Man mano che la finestra del browser diventa più piccola, la pagina non cambia il suo layout. Il testo diventa impossibile da leggere senza scorrere verso destra.
Se vuoi vedere un esempio di responsive web design, visita quasi tutti i siti Web di proprietà di una grande azienda, come Nike o Microsoft.
Mancanza di semplice navigazione e link
Quando gli utenti raggiungono un sito, non dovrebbero avere problemi a navigare nel menu e trovare le informazioni di cui hanno bisogno., Sul sito ufficiale dell’Università di Advancing Technology, la parte superiore della pagina è coperta da un grande display animato contenente grafica fluttuante.
La grafica mobile sono collegamenti cliccabili che sono difficili da fare clic e rallentare la velocità di caricamento della pagina. Anche se questo è estremamente innovativo, ci sono altri modi creativi per progettare un sito web senza rendere difficile la navigazione. Invece di utilizzare tali elementi galleggianti come collegamenti, l’Università di Advancing Technology avrebbe dovuto concentrarsi sulla creazione di un menu che è facile da aprire e sfogliare.,
Infine, ci sono molti siti che includono scorrimento parallasse e elementi video incorporati che non sopraffare la pagina e limitare la sua navigabilità.
Testo illeggibile o pulsanti non cliccabili
A causa delle richieste del browser web, il menu del sito precedente è quasi non cliccabile. Questo è anche un problema quando i siti non sono ottimizzati per i dispositivi mobili. Quando gli elementi non si adattano allo schermo più piccolo, potrebbero sovrapporsi o diventare troppo piccoli per essere letti.,
Evitare questo problema è facile se completi test dettagliati prima di lanciare il tuo sito web. Usa emulatori o software per emulare il modo in cui il tuo sito appare su vari dispositivi mobili, inclusi gli smartphone e i tablet più recenti.
Come evitare un cattivo design per il tuo sito Web
Gli esempi discussi sono relativamente facili da evitare, ora che sai cosa cercare. Tuttavia, l’attuazione delle modifiche necessarie può richiedere competenze tecniche., In WANDR, ottieni l’aiuto di esperti designer UX che capiscono cosa serve per creare un’esperienza utente migliore.
Se vuoi assicurarti che il tuo sito non contenga nessuno dei cattivi esempi di design discussi, considera di lavorare con i professionisti.