10 suggerimenti sull'usabilità per i web designer
In parole povere, l' usabilità sta rendendo facile il tuo sito Web ai tuoi visitatori per trovare le informazioni di cui hanno bisogno quando ne hanno bisogno .
Un malinteso comune sull'usabilità delle aziende web è che l'usabilità è costosa. Sì, ci sono aziende multinazionali che spendono migliaia di dollari per test di usabilità e ricerca, ma per un'usabilità aziendale quotidiana è possibile senza la conoscenza di esperti di usabilità o senza costose attrezzature per i test .
I web designer hanno un lavoro ancora più semplice da fare, semplicemente leggendo articoli di usabilità possono accumulare una conoscenza abbastanza buona delle nozioni di usabilità e come implementarle su un sito web.
1. Includere una tagline
Una tagline è una dichiarazione o un motto che rappresenta la filosofia di un'azienda, o nel nostro caso, la filosofia e la missione. Dovrebbe essere l'elemento più ovvio sulla prima pagina di un sito web e dovrebbe descrivere chiaramente il sito web in una frase.
Le statistiche mostrano che un sito Web ha solo 8 secondi per catturare l'attenzione di un visitatore per loro per esplorare ulteriormente il sito. Senza una tagline chiara, un sito web avrebbe difficoltà a tenere i visitatori abbastanza a lungo per navigare nelle pagine interne.
2. Implementare la ricerca del sito
Come per le tagline, la ricerca sul sito è un elemento molto importante su un sito web. Quando gli utenti cercano qualcosa, in genere cercano un campo di testo in cui possono inserire il termine di ricerca.
Secondo Di Jacob Nielsen Suggerimenti per l'usabilità del web, fai in modo che questa casella di ricerca sia larga 27 caratteri in modo che il testo sia chiaramente visibile e facile da usare. Posiziona il campo di testo di ricerca nella parte superiore della pagina Web , perché gli utenti tendono a cercare un sito Web in base al modello F , ovvero in alto a sinistra in basso a destra.
Includere un pulsante di ricerca e specificare chiaramente il testo di ricerca, non utilizzare testo come Vai o Invia , poiché queste espressioni tendono a indurre in errore i visitatori del tuo sito web.
3. Non usare grafica estesa
L'uso abusivo di elementi di design e grafica è sempre un male per un sito web, semplicemente fuorviare i visitatori del sito. Unico design per migliorare la pagina web non solo per decorarla. Dal punto di vista dell'usabilità, meno è sempre di più.
4. Usa mappe del sito
Le mappe del sito sono una caratteristica relativamente nuova del sito Web che migliora la navigazione della pagina Web e anche l'ottimizzazione dei motori di ricerca (SEO). Le mappe del sito in sostanza sono una rappresentazione strutturale delle pagine e dell'architettura di un sito web. Può essere un documento in qualsiasi forma, o una pagina web che elenca le pagine di un sito web, generalmente organizzate in modo gerarchico.
Recentemente, i motori di ricerca come Google, Yahoo e MSN hanno iniziato a offrire un protocollo Sitemap simile alla pagina della mappa del sito di un sito Web, ma i dati sono organizzati in formato XML. Esistono generatori di sitemap XML che creano questi documenti per un URL specifico.
5. Non rompere il flusso di lavoro
Per flusso di lavoro si intende ogni operazione che un utente sta facendo su un sito web . Ad esempio, compilando un modulo, registrandosi su un sito Web, sfogliando categorie, archivi, ecc. Non interrompere questi flussi di lavoro, lasciare che l'utente annulli qualsiasi operazione. Non permettendo all'utente di annullare un'operazione, stiamo costringendoli a completarlo anche se non lo desiderano.
Non tutte le operazioni su un sito web sono ovvie per gli utenti, guidandole attraverso il flusso di lavoro specifico utilizzando suggerimenti descrittivi. (ad esempio durante la compilazione di un modulo). I collegamenti Javascript di solito interrompono il flusso di lavoro, quindi non è consigliabile utilizzarli sul tuo sito web.
Un altro errore non sta cambiando il colore dei link visitati , questo si traduce in una rottura del design di navigazione. Consenti agli utenti di sapere dove sono stati e dove si trovano su un sito Web.
6. Creare pagine Web facilmente scansionabili
Le pagine Web di facile lettura svolgono un ruolo importante nel mantenere la lealtà dei visitatori, mantenendoli sul tuo sito e leggendo i tuoi contenuti. I test di usabilità mostrano che la maggior parte degli utenti non legge le pagine Web, le scannerizza , cerca titoli, testo o elenchi in grassetto, enfatizzati.
Gli studi di eye tracking condotti da Jakob Nielsen mostrano che gli utenti leggono contenuti che assomigliano a una forma F, il che significa che la lettura inizia dalla parte superiore sinistra della pagina Web, quindi si sposta leggermente verso il basso a partire da sinistra.
Nielsen afferma anche le implicazioni di questo modello di lettura:
- Gli utenti non leggeranno il contenuto di una pagina web parola per parola, estraggono paragrafi importanti, testo in grassetto, ecc.
- I primi due paragrafi sono essenziali su una pagina web. Questi devono contenere le informazioni più importanti che i tuoi visitatori stanno cercando.
- Sottotitoli e liste si distingue dai paragrafi regolari. Utilizzare questi elementi per informare gli utenti su informazioni importanti.
Un metodo importante che possiamo imparare dai giornali stampati tradizionali è che i giornalisti pensavano a un titolo accattivante ea un primo paragrafo accattivante per far leggere ai lettori l'intero articolo. Organizzano il contenuto in un formato a piramide rovesciata , immagina solo una piramide rovesciata. L'ampia base rappresenta l'informazione più importante in tutto l'articolo e la punta stretta rappresenta l'informazione meno importante.
Possiamo usare questo formato per organizzare i contenuti web mettendo i pezzi più importanti in cima e quelli meno importanti in basso , ma come facciamo a sapere quali informazioni sono importanti e quali no? Con l'aiuto di valori di notizie .
7. Non progettare i controlli UI fuorvianti
Per controlli dell'interfaccia utente (UI) intendiamo elementi di pagine Web, componenti e widget con cui un utente può interagire (ad esempio un pulsante, elenco a discesa).
Non progettare elementi grafici che assomigliano a un pulsante, ma non lo sono . Spesso vediamo un testo sottolineato e simile ai link, ma non selezionabile.
Non avendo l'azione che gli utenti si aspettavano, avrebbero pensato che il sito fosse rotto e alla fine se ne andasse. Un altro importante suggerimento sull'usabilità relativo ai controlli dell'interfaccia utente è la coerenza: assicurati che i controlli dell'interfaccia utente siano coerenti .
Yahoo , come mostra anche l'immagine sopra, è un buon esempio di progettazione coerente del controllo dell'interfaccia utente. Ogni scheda della pagina appare e si comporta allo stesso modo, ogni link è sottolineato al passaggio del mouse, ogni pulsante è uguale, ecc.
8. Dai un feedback significativo
Il feedback significativo è essenziale per un sito web. Questo è il canale di comunicazione tra il sito e gli utenti, con l'aiuto del feedback lasciamo che gli utenti sappiano cosa sta succedendo sul sito. In caso di errore sulla tua pagina web, non limitarti a stampare Errore , scrivi invece messaggi di errore significativi che indicano all'utente cosa è andato storto e quali azioni possono eseguire da lì.
Il feedback funziona in entrambi i modi . Quando un utente riempie un modulo, ti stanno essenzialmente dando un feedback. Non fare in modo che gli utenti debbano compilare le stesse informazioni due volte. Ad esempio, se un utente si è registrato su un sito Web e deve compilare un modulo a un certo punto, non chiedere il proprio nome o qualsiasi altra informazione che ha già fornito, poiché questi dettagli esistono già da qualche parte in un file o database. Semplicemente ottenendo questi dettagli automaticamente stiamo semplificando l'intero processo.
9. Non abusare di Javascript
Con l'avvento di Javascript e la tecnica AJAX, i web designer e gli sviluppatori possono creare siti web reattivi e trasparenti, ma come con tutte le nuove tecnologie c'è un costo. Nel nostro caso il costo è incoerenza del browser. Non tutti gli utenti hanno un browser Web aggiornato. Inoltre, potrebbe non avere Javascript abilitato di default.
Usando estensivamente Javascript su un sito web, escludiamo questi utenti. Invece usa Javascript non invadente e degradazione aggraziata .
10. Evita i CAPTCHA
CAPTCHA è l'acronimo di Test di Turing pubblico completamente automatizzato per distinguere tra computer e esseri umani. Anche il nome sembra complesso. La forma più generale di CAPTCHA è il testo incorporato in un'immagine e testando i visitatori possiamo separare gli utenti umani dai robot spam.
Il problema con CAPTCHA è che ogni forma di metodo di verifica umana innesca un processo complesso nel cervello degli utenti (ad esempio, capendo il testo distorto, aggiungendo due numeri, ecc.).
Un altro problema con CAPTCHA sono le incongruenze relative alle diverse culture . Per esempio i simboli cinesi, i numeri sono diversi dalla maggior parte delle lettere occidentali e numeri arabi. I cinesi hanno un tempo molto più difficile utilizzando i moduli online abilitati a CAPTCHA.
Sommario
- Includere sempre una tagline che dovrebbe essere l'elemento più ovvio su una pagina web.
- Implementa una ricerca su sito di 27 caratteri e posizionala sul tuo sito web.
- Non utilizzare estesi elementi grafici e di design.
- Includere una pagina di mappa del sito e registrare un documento XML Sitemap nei motori di ricerca.
- Non rompere il flusso di lavoro di un utente. Consenti ad ogni azione di essere cancellata se necessario.
- Crea contenuti web facilmente scannerizzabili e inserisci le informazioni più importanti sulla tua pagina web.
- Non progettare elementi grafici che assomigliano a un pulsante, ma non lo sono.
- Presenta un feedback significativo e non dimenticare che il feedback funziona in entrambe le direzioni.
- Uso Javascript non invadente e degradazione aggraziata .
- Evita CAPTCHA, usa più utilizzabile metodi anziché.
Segui questi principi? Si prega di aggiungere il vostro feedback e suggerimenti extra di seguito.