Errori di progettazione web più comuni: bara per un sito web

Ogni giorno molti siti Web vengono pubblicati con altrettanti concetti di design, incontriamo alcuni dei migliori design che abbiamo mai visto e d'altra parte, a volte ci imbattiamo in siti Web progettati in modo così sciocco che si rivelano una bara per quel sito Web. Qualsiasi nuovo visitatore che arriva a quel particolare sito Web si ritroverà perso e abbandonerà il sito Web con quel tipo di design. Quindi, ora la grande domanda è: come dovremmo progettare il nostro sito Web o quali sono gli errori di progettazione Web più comuni commessi dai web designer?

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

Vediamo alcuni,

Errori di progettazione web più comuni

Tra i molti errori che potremmo o meno aver visto, parleremo dell'errore più ingannevole che fanno i web designer.

#1 Cerca nella 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 ottengano ciò che vogliono.

Suggerimenti: Google Custom Search è un modo accurato, semplice ed efficace per iniziare. Consente ai visitatori di effettuare ricerche nel tuo sito in modo efficiente. Basta copiare il codice HTML dal pannello di controllo e incollarlo nel tuo sito web e il gioco è fatto, hai una funzione di ricerca direttamente sul tuo sito web.

# 2 Scarsa leggibilità e poca chiarezza

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 essere in grado di cogliere le informazioni che desiderano. Alcuni siti Web utilizzano gli stili e le dimensioni dei caratteri più bizzarri che rendono la lettura un dolore.

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 della maggior parte dei siti principali e nota come i colori migliorano la leggibilità. Un buon posto per provare diverse combinazioni di colori è Adobe Kuler .
2. Usa un carattere tipografico Sans serif in quanto consente una facile lettura sul web

# 3 Disposizione dei contenuti disordinata

Il contenuto di un sito web è ciò che indirizza 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 strettamente necessario, ma scansionano le informazioni e individuano i punti di interesse su una pagina web. Alcuni designer mettono semplicemente un blocco di testo sulla pagina web e trascurano totalmente intestazioni, sottotitoli, elenchi puntati, parole chiave, paragrafi, ecc.

Usa un titolo di pagina appropriato per ogni pagina web in modo che gli utenti sappiano esattamente dove si trovano. Alcuni designer dimenticano persino di nominare la pagina web.

Nel complesso, il peggio in questa categoria sarà l'inserimento di contenuti imprecisi, inaccessibili, insignificanti o non aggiornati sul tuo sito web. Il contenuto deve coincidere con il tema generale del sito ed essere utile. Se una pagina è in costruzione, perché preoccuparsi di montarla? Se un designer deve davvero, allora è solo temporaneo e 3 settimane non saranno più considerate temporanee.

Suggerimenti: Organizzare i contenuti del tuo sito web utilizzando HTML e CSS dovrebbe essere utilizzato durante la creazione del design delle tue pagine.

1. Crea uno spazio bianco sufficiente tra il testo e le immagini utilizzando i margini.
2. Aggiorna e sii coerente . Lo scopo dell'aggiornamento non è solo aggiungere nuovi contenuti, ma individuare e correggere gli errori passati.

# 4 Problemi di navigazione

La navigazione all'interno di un sito Web dovrebbe essere senza interruzioni. Gli utenti dovrebbero essere in grado di orientarsi facilmente. Sebbene non esista uno standard per la navigazione all'interno di un sito Web, soprattutto ora che emergono più nuove tecnologie di sviluppo Web, è fondamentale comprendere che la navigazione deve essere intuitiva e coerente.

Se il testo viene utilizzato come navigazione, dovrebbe essere conciso. Le metafore visive non dovrebbero essere reinventate. Se vengono utilizzati collegamenti ipertestuali, dovrebbero risaltare dal corpo del testo. I link morti non dovrebbero avere posto in nessuna pagina web. Ciò aumenta la confusione degli utenti e fa perdere tempo. E uno che è anche peggio è avere un link sulla home page che si collega alla home page.

Suggerimenti:

1. Rendi la navigazione fluida utilizzando le descrizioni testuali per tutti i link. Fornisci testo alternativo per le immagini. Utilizzare tecniche di descrizione del testo alternative per i 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 maggiore efficienza e chiarezza.

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

# 5 Pianificazione dell'interfaccia irregolare

La creatività eccessiva può essere proprio questo. Eccessivo! Alcuni designer lo portano a un altro livello durante la creazione di siti Web creando design diversi per ogni pagina Web all'interno di un sito Web. Questo non è affatto fonte di confusione per 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 relazionarsi con esso e sentirsi meno in controllo. Così, partendo appena arrivati.

Suggerimenti:

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

# 6 Non reattività

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

Suggerimenti: è difficile e quasi impossibile adattare il design a tutte le risoluzioni, specialmente quando i visitatori stanno navigando da telefoni cellulari e netbook, ma possiamo avere un'idea approssimativa di quali sono le risoluzioni dello schermo generalmente utilizzate nei seguenti modi:

• Controlla le tue statistiche : i servizi di analisi come Google Analytics ti forniscono informazioni sulla risoluzione del monitor che stanno utilizzando. Queste sono informazioni utili che dovresti sapere prima di iniziare il tuo prossimo rinnovamento.
• Statistiche browser W3 Schools – W3 Schools fornisce elenchi chiari dei browser più popolari utilizzati dai netizen e li ordina in base alla popolarità. Ci sono anche altre statistiche interessanti e importanti.

# 7 Moduli di registrazione complessi

I moduli di registrazione sono complicati. Quante informazioni richiedi all'utente? Sono finiti i giorni in cui un utente doveva inserire un milione di dettagli per registrarsi al tuo sito web. Alcuni siti Web rendono obbligatoria la maggior parte dei campi di registrazione e convalidano i campi nella misura in cui l'utente è frustrato dopo alcuni tentativi. Ricorda che gli utenti visitano un sito Web per acquisire informazioni. Non il contrario.

Il semplice modulo di Someecard rende la registrazione indolore.

Suggerimenti: confronta i moduli di registrazione tra le comunità sul Web e comprendi quali informazioni di base sono richieste all'utente durante il processo di registrazione.

Altro: 9 errori di usabilità comuni nel web design : questo post su Smashing Magazine esamina in modo approfondito i moduli di registrazione e altri errori di usabilità.

# 8 Immagini ingannevoli sul sito web

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

Le animazioni sono fantastiche e un mezzo potente. Soprattutto se usato in modo appropriato. Quando è un ciclo o semplicemente troppo su una pagina web, dà sui nervi agli utenti. Gli utenti non hanno la pazienza, il tempo o le risorse, quindi i designer devono offrire alternative o, meglio ancora, il pulsante Salta se si tratta di un'animazione a pagina intera.

Altro: Flash: 99% Cattivo – Usa Flash in modo appropriato. Sono passati quasi 10 anni da quando Jakob Nielsen ha pubblicato questo articolo, ma è ancora rilevante in termini di usabilità di Flash, in particolare il pezzo Breaks Web Fundamentals .

# 9 Pagine confuse, più spazio vuoto

Troppi designer dimenticano gli spazi bianchi e la loro importanza. Sono così presi dalla propria creatività progettuale che dimenticano che non si tratta di loro. Pertanto, cercano di stipare il più possibile su una singola pagina. Risultato finale? Una pagina affollata, disordinata e illeggibile.

kylestanding fanno buon uso degli spazi bianchi nel loro design.

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

• Un confronto tra quattro layout di spazi bianchi
• Il valore dello spazio bianco
• Spazio bianco

# 10 Musica di sottofondo, enorme battuta d'arresto

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

Suggerimenti: non utilizzare musica di sottofondo , ma se necessario, creare una cornice per il codice e i controlli utente. In questo modo, la musica scorre continuamente, invece di cambiare ogni volta che viene caricata una nuova pagina all'interno del sito web. E l'utente può fermarsi o fermarsi in qualsiasi momento.

AVVOLGENDO

KISS è la linea di fondo, oh volevo dire Keep It Simple, Stupid. E questo è in realtà ciò che piace di più alle persone in un sito Web, se è semplice, è facilmente utilizzabile.

Spero che tu abbia acquisito molte informazioni sugli errori di progettazione web comuni.

Con gli errori arrivano anche le ispirazioni, quindi non dimenticare di leggere le 10 migliori tendenze di web design e alcuni modi per rendere il tuo sito facilmente accessibile.