11 errori di progettazione Web comuni (errori grossolani)

Ci sono tonnellate di siti Web su Internet e centinaia o probabilmente migliaia vengono creati di giorno. Ecco una cosa molto interessante su cui riflettere - Quali sono gli elementi di un buon sito web?

Costruire un sito Web può essere scoraggiante, ma la vera sfida sta nel renderla utilizzabile. Il problema è che la maggior parte dei web designer dimentica che il sito Web non è stato creato per se stesso ma per risolvere le esigenze degli utenti. Danno priorità alla creatività rispetto alla praticità e alla fruibilità.

In questo articolo, vorremmo evidenziare 11 errori di progettazione Web creati da sviluppatori e progettisti di siti web e alcuni suggerimenti su come questi errori possano essere facilmente evitati.

1. Dov'è la casella di ricerca?

Il web è come un archivio di informazioni. Che si tratti di un sito Web aziendale o semplicemente di un blog, una casella di ricerca è essenziale. Il visitatore potrebbe cercare qualcosa che è nascosto all'interno del sito Web, con la casella di ricerca, è probabile che i visitatori otterranno ciò che vogliono.

suggerimenti:Google Ricerca personalizzata è un modo pulito, semplice ed efficace per iniziare. Permette ai visitatori di cercare il tuo sito in modo efficiente. Basta copiare il codice HTML dal pannello di controllo e incollarlo sul tuo sito Web e voilà ??  à Ã, hai una funzione di ricerca sul tuo sito web.

Ecco un semplice codice del modulo per visualizzare il motore di ricerca di Google anche sul tuo sito. Tutto quello che devi fare è cambiare il nome del sito al nome del tuo sito web. Inoltre, puoi modificare il valore di invio in qualsiasi cosa tu voglia.

Di Più: Progettare la casella di ricerca Holy: esempi e best practice- Questo articolo descrive le linee guida per la progettazione della casella di ricerca.

2. Leggibilità e leggibilità scadenti.

Questo è un elemento cruciale del web design. Naturalmente, un buon design dell'interfaccia attirerà l'attenzione degli utenti ma gli utenti devono leggere il testo per poter cogliere le informazioni che desiderano. Alcuni siti web utilizzano gli stili e le dimensioni dei caratteri più bizzarri che rendono difficile la lettura.

suggerimenti:Fortunatamente, ci sono modi semplici che puoi fare per migliorare l'esperienza di lettura degli utenti sul tuo sito web.

1. Confronta le combinazioni di colori dei siti più importanti e nota come i colori migliorano la leggibilità. Un buon posto per provare diversi schemi di colori è Adobe Kuler.
2. Usare un Carattere tipografico sans serif in quanto consente una facile lettura sul web.

Di Più: Ecco un buon articolo che ti fornirà ulteriori suggerimenti su come migliorare la leggibilità - Leggibilità - Rendere le pagine Web facili da leggere.

3. Layout del contenuto non organizzato.

Il contenuto di un sito web è ciò che spinge il traffico verso di esso. Il modo in cui il contenuto è strutturato è ciò che lo renderà un successo o un fallimento. Gli utenti non leggono se non assolutamente necessario, ma analizzano le informazioni e individuano i punti di interesse su una pagina web. Alcuni progettisti mettono semplicemente un blocco di testo sulla pagina Web e trascurano completamente voci, sottotitoli, elenchi puntati, parole chiave, paragrafi, ecc..

Utilizzare un titolo di pagina appropriato per ogni pagina Web in modo che gli utenti sappiano esattamente dove si trovano. Alcuni stilisti dimenticano addirittura di nominare la pagina web.

Nel complesso, i peggiori di questa categoria metteranno contenuti inaccurati, inaccessibili, insignificanti o non aggiornati sul tuo sito web. Il contenuto deve coincidere con il tema generale del sito Web ed essere utile. Se una pagina è in costruzione, perché preoccuparsi di metterla? Se un designer deve davvero, allora è solo temporaneo e 3 settimane non saranno più considerate temporanee.

suggerimenti: Organizzare i contenuti sul tuo sito web utilizzando HTML e CSS dovrebbero essere utilizzati durante la creazione del design delle tue pagine.

1. Crea abbastanza spazio bianco tra il testo e le immagini usando i margini.
2. Aggiorna ed essere coerenti. Lo scopo dell'aggiornamento non è solo aggiungere nuovi contenuti, ma individuare e correggere errori del passato. Jakob Nielsen suggerisce di assumere un web “giardiniere”.

Budget per assumere un giardiniere web come parte della tua squadra. Hai bisogno di qualcuno per eliminare le erbacce e ripiantare i fiori mentre il sito cambia, ma la maggior parte delle persone preferisce passare il proprio tempo a creare nuovi contenuti piuttosto che alla manutenzione. In pratica, la manutenzione è un modo economico di migliorare il contenuto del tuo sito web poiché molte vecchie pagine mantengono la loro rilevanza e dovrebbero essere collegate alle nuove pagine. Naturalmente, alcune pagine sono meglio rimosse completamente dal server dopo la data di scadenza - Jakob Nielsen

4. Cattiva navigazione.

La navigazione all'interno di un sito Web dovrebbe essere senza soluzione di continuità. Gli utenti dovrebbero essere in grado di orientarsi facilmente. Anche se non esiste uno standard per la navigazione all'interno di un sito web, specialmente ora che emergono nuove tecnologie di sviluppo web, è fondamentale comprendere che la navigazione deve essere intuitiva e coerente.

Se il testo è usato come navigazione, dovrebbe essere conciso. Le metafore visive non dovrebbero essere reinventate. Se vengono utilizzati collegamenti ipertestuali, devono essere evidenziati dal corpo del testo. I collegamenti non dovrebbero avere alcun posto su nessuna pagina web. Ciò aumenta la confusione dell'utente e fa perdere tempo. E uno che è anche peggio è avere un link sulla homepage che collega alla homepage.

suggerimenti:

1. Rendi la navigazione scorrevole utilizzando descrizioni testuali per tutti i collegamenti. Fornisci alt text per le immagini. Utilizzare tecniche di descrizione del testo alternative per collegamenti Flash o Javascript.
2. Organizza e struttura la tua navigazione in tandem con il tema del sito web. I siti Web personali possono permettersi di essere più creativi ma accessibili, ma un sito web aziendale richiede più efficienza e chiarezza.

Ricorda, se gli utenti non riescono a trovare ciò che vogliono in meno di 3 clic, la maggior parte lascerà immediatamente.

Di Più: Implementazione di una navigazione efficace del sito Web - Questo articolo fornisce ulteriori informazioni sull'implementazione di una navigazione efficace per il tuo sito web.

5. Progettazione dell'interfaccia incoerente.

La creatività eccessiva può essere proprio questo. Eccessivo! Alcuni designer lo portano ad un altro livello quando creano siti web creando diversi design per ogni pagina web all'interno di un sito web. Questo non significa assolutamente confondere l'utente. E assolutamente fastidioso. Non importa quanto sia eccezionale e attraente un sito Web, se l'aspetto generale non è coerente, gli utenti non possono identificarlo e sentirsi meno in controllo. Quindi, partendo non appena sono arrivati.

suggerimenti:

1. Utilizzare un modello standard coerente per ogni pagina con collegamenti alle sezioni principali del sito.
2. La parola chiave è semplice. Crea disegni esteticamente semplici e gli utenti non verranno mai confusi sul tuo sito web.

6. Risoluzione dello schermo poco amichevole.

Sono sicuro che abbiamo visitato siti web in cui devi scorrere orizzontalmente. Questo è un assoluto no-no nel web design moderno. Un buon designer svilupperà siti web che si adattano alla maggior parte delle dimensioni dello schermo. L'attuale layout ottimizzato per i siti Web attualmente è 1024 x 768 pixel.

suggerimenti:È difficile e quasi impossibile soddisfare il progetto per adattarsi a ogni risoluzione, soprattutto quando i visitatori ora navigano da telefoni cellulari e netbook, ma possiamo avere un'idea approssimativa di quali sono le risoluzioni dello schermo generalmente utilizzate con i seguenti metodi:

• Controlla le tue statistiche - I servizi di analisi come Google Analytics forniscono informazioni su quale risoluzione del monitor stanno utilizzando. Queste sono informazioni utili che dovresti conoscere prima di iniziare il tuo prossimo rinnovo.
• Statistiche del browser delle scuole W3 - W3 Schools fornisce elenchi chiari del browser più popolare utilizzato dai netizen e li ordina in base alla popolarità. Ci sono anche altre statistiche interessanti e importanti.

7. Moduli di registrazione complicati.

I moduli di registrazione sono difficili. Quante informazioni hai bisogno da parte dell'utente? Sono finiti i giorni in cui un utente doveva inserire un numero di zillion per registrarsi al tuo sito web. Alcuni siti Web rendono obbligatori la maggior parte dei campi di registrazione e convalidano i campi nella misura in cui l'utente è frustrato dopo alcuni tentativi. Ricorda, gli utenti visitano un sito Web per acquisire informazioni. Non viceversa.

La semplice forma di Someecard rende indolore la registrazione.

suggerimenti:Confronta i moduli di registrazione tra le comunità sul Web e capisci quali sono le informazioni di base richieste all'utente durante la procedura di registrazione.

Di Più: 9 errori di usabilità comuni nel web design - Questo post su Smashing Magazine analizza in modo approfondito i moduli di registrazione e altri errori di usabilità.

8. Uso senza scrupoli di immagini / animazioni.

Troppe immagini su una pagina web sono un enorme spunto. Le immagini possono essere utilizzate per catturare l'attenzione degli utenti, ma può anche essere una distrazione o semplicemente aggravante. Le immagini dovrebbero essere utilizzate per illustrare e guidare l'utente laddove appropriato.

Le animazioni sono fantastiche e un mezzo potente. Soprattutto se usato in modo appropriato. Quando si tratta di un ciclo o semplicemente di troppo su una pagina web, si mette in agitazione. Gli utenti non hanno la pazienza, il tempo o le risorse in modo che i progettisti debbano offrire alternative o, meglio ancora, il pulsante Salta, se si tratta di un'animazione a pagina intera.

Di Più: Flash: 99% non valido - Utilizzare Flash in modo appropriato. Sono trascorsi quasi 10 anni da quando Jakob Nielsen ha pubblicato questo articolo, ma è ancora pertinente in termini di usabilità Flash, in particolare il Breaks Web Fundamentals pezzo.

9. Pagine disordinate, più spazi bianchi.

Troppi designer dimenticano spazio bianco e la sua importanza Sono così immersi nella propria creatività progettuale da dimenticare che non si tratta di loro. Così, cercano di stipare il più possibile su una singola pagina. Risultato finale? Una pagina occupata, ingombra e illeggibile.

kylestanding fa buon uso degli spazi bianchi nel loro design.

Ecco alcuni articoli per darti una buona idea su importanza degli spazi bianchi nel web design:

• Un confronto tra quattro layout dello spazio bianco
• Il valore dello spazio bianco
• Lo spazio bianco

10. Nessuna musica di sottofondo, per favore!

Gli utenti non vogliono il freddo, cercano l'efficienza. E sì, al 99 percento non interessa la musica sul tuo sito web. Alcuni designer peggiorano mettendo musica di sottofondo diversa su ogni pagina web.

suggerimenti:Non usare musica di sottofondo, ma se è necessario, creare una cornice per il codice e controlli utente. In questo modo, la musica scorre continuamente, invece di cambiare ogni volta che viene caricata una nuova pagina all'interno del sito. E l'utente può fermarsi o sospendere ogni volta.

11. Test, test e test.

Questo non può essere sottovalutato. Quante volte siamo stati a pagine Web che possono essere visualizzate solo su un determinato browser? Gli sviluppatori web devono avere una sorta di lista di controllo durante il test dei siti web.

• È possibile visualizzare il sito Web in diversi ambienti?
• Il layout di progettazione è coerente in tutti i browser?
• È possibile visualizzare il sito Web in diverse impostazioni, ad esempio Immagini disattivate, JavaScript disattivato, ecc?

suggerimenti:W3C offre strumenti per testare l'assicurazione della qualità. Check-out W3C Quality Assurance Toolbox e Convalida pagina Web.

Conclusione:

Mantienilo semplice, stupido (K.I.S.S). È la linea di fondo. Se è semplice, è utilizzabile. Tutto sommato, ottimi siti web lo rendono semplice e utilizzabile. Fai i compiti a casa ed è facile e naturale.

Quali sono le tue esperienze nei progetti di web design? Quali altri suggerimenti e pensieri ti piacerebbe condividere sugli errori del web design?

Nota dell'editore: Questo post è scritto da Brujo Owoh per Hongkiat.com. Brujo Owoh è uno studente di Sistemi Multimediali specializzato in Web Design e Animazione 2D. Gli piace leggere la fiction, uscire con i suoi amici e seguire le tendenze del design su Twitter. Visita il blog di Brujo.