Vuoi deliberatamente creare un sito web che si sapeva sarebbe illeggibile di tre quarti dei vostri clienti? Certo che no! Eppure, accade - e non c'è una buona possibilità che, senza saperlo, avete, anche. Ecco la nostra guida per rendere sicuro il vostro sito è visto da tutti.
Il punto di fare un sito web, il punto di pubblicazione su Internet sotto il nome di dominio, è così che la gente lo leggeranno, giusto? E 'solo buon senso che ci si vuole rendere più facile per i tuoi visitatori a leggere il vostro sito. E ancora più le aziende a fare siti web che contengono difetti:
* I difetti che rendono difficile per i visitatori a trovare il sito a tutti,
Difetti * rendono difficile per i visitatori di ottenere le informazioni che stanno cercando, e
Difetti * rendono impossibile per i visitatori anche di leggere le informazioni quando lo trovi!
Suona stupido? Succede tutto il tempo! Date un'occhiata a questi errori comuni, e vedere come molti di loro sono nel tuo sito web.
layout a larghezza fissa
Hai visto siti dove il contenuto viene visualizzato in una fascia al centro della finestra del browser? Se si espande la dimensione della finestra, il contenuto rimane nel mezzo. Nick James ha un sito web come questo. Peter Jones va anche oltre - che permette anche di impostare il colore e la posizione dello sfondo!
Quindi: qual è il problema?
schermi di piccole dimensioni: il sito web designer non ha idea di ciò che le dimensioni dello schermo dei visitatori in uso. Se il contenuto non è adatta, allora o la roba sui bordi non saranno visibili a tutti, altrimenti l'utente dovrà conservare lo scorrimento avanti e indietro per leggere ogni riga di testo.
Chi utilizza "piccolo" schermo?
schermi del computer portatile, anche se sono meglio di quello che erano, tendono ad avere una risoluzione limitata.
Alcuni offrono servizi web surfing in TV. risoluzione del televisore è buono come il primissimo, VGA computer.
Sta diventando comune per le persone di navigare utilizzando un telefono cellulare o PDA. I loro schermi sono molto limitati!
Grande testo: Quasi tutti i web browser prevedere una funzione per modificare la dimensione del testo. E 'davvero destinata agli utenti ipovedenti, ma telefono e PDA con minuscoli schermi scatola di fiammiferi imprese trovo molto utili.
Molti utenti, sia su computer desktop o su PDA, impostare la dimensione del testo molto più grande del grafico. Un layout a larghezza fissa - nella migliore delle ipotesi - si finisca per eliminare il testo ampliato in una stretta colonna. Nel peggiore dei casi, l'intero schermo può cadere a pezzi!
Grandi schermi: Non è così grave, non così ovvio, ma i layout a larghezza fissa anche i visitatori inconveniente con schermo di buona qualità. Hanno schermi di grandi dimensioni in modo da poter vedere di più! Se il tuo sito web è schiacciato in una stretta colonna, la maggior parte dello schermo extra-large del visitatore è vuota - non c'è pagina web più visibile.
Vuole vedere di più. Sei gli mostravano meno! Fare la matematica!
Come si può controllare?
* Browser differenti hanno strutture diverse. Più si hanno, i controlli più si può fare:
o Se stai utilizzando Internet Explorer, è possibile modificare la dimensione del testo. Vedere cosa succede alla pagina. È inoltre possibile zoomare l'intera pagina in e out, per avere un'idea di ciò che accade su schermi molto grandi o molto piccoli.
o Se si utilizza Firefox, quindi è possibile regolare la dimensione del testo quasi senza limiti.
o Se stai usando Opera, quindi non è possibile modificare la dimensione del testo, ma vi è un grande strumento per la simulazione di un piccolo dispositivo a schermo.
* Guardate il sito web utilizzando un telefono cellulare o un PDA.
Grafica e Flash
Al fine di fornire al progettista grafico controllo completo della esperienza dell'utente, il alcuni siti web sono progettati per essere nulla più di una grafica - ci ha quasi inesistenti testo vero e proprio lì a tutti! A volte è fatto come una serie di file di immagine montati insieme sulla pagina, e talvolta tutti i grafici sono all'interno di un file Flash.
Non c'è dubbio, alcuni di questi siti aspetto spettacolare. Guardate Happiness Factory di Coca-Cola per un esempio.
Quindi: qual è il problema?
* Non sono utilizzabili. La pagina web si presenta come un videogioco. I controlli non sembrano controlli, si muovono sullo schermo, e non lavorano in maniera evidente.
* Non sono controllabili. Se si ri-size del browser, il contenuto non viene ridimensionata. È inutile su schermi di piccole dimensioni o per gli utenti ipovedenti.
* Sono abbastanza veloce. È necessario scaricare l'intero sito web prima di poter vedere qualcosa. (Normale siti costruire lo schermo come le loro parti sono caricati). La maggior parte degli utenti si aspettano di poter vedere un sito web in meno di tre secondi.
* Non sono search-engine friendly. I motori di ricerca leggere il testo. Non possono leggere immagini o animazioni. Nulla in un sito web grafica sarà mai indicizzati da un motore di ricerca
siti basati su Flash non sono tutti cattivi! se il contenuto si sta mostrando è di per sé grafica, o animato (o, anzi, è che rappresenta un videogioco), allora Flash è del tutto appropriato per questo.
Ma, a capire che quelli non sono siti web convenzionali. considerazioni convenzionali di amicizia dei motori di ricerca e l'accessibilità degli utenti e come tale non si applicano a loro.
I problemi compaiono quando quello che dovrebbe essere siti web tradizionali sono costruiti con Flash, allora i proprietari chiedono perché i loro siti web non generano traffico.
Come si può controllare?
* Spegnere le immagini ei plug-in nel browser. Tutto ciò che è a sinistra sullo schermo è il contenuto reale.
Non-ancore
programmazione normale pagina web fornisce un modo perfettamente buono per far succedere qualcosa. Si chiama ancora. Quando vedi qualcosa sottolineato come questo, e il puntatore del mouse si trasforma in una mano quando si muove su di esso, e qualcosa cambia quando si fa clic - che è un'ancora.
Ma alcuni programmatori web vuole essere un po 'intelligente, in modo che le loro finte ancore. Scrivono codice speciale per fare qualcosa che non è un'ancora si comportano più o meno come un ancoraggio - la sottolineatura, la piccola mano, la qualcosa che accade quando si fa clic. Come questo. Sembra proprio la stessa cosa, non è vero?
Quindi: qual è il problema?
* I motori di ricerca non li capisco. motori di ricerca utilizzano tasselli per trovare la strada verso il tuo sito web, e intorno ad esso. Ma se le ancore nella pagina sono questi difficili, ancore fingere, i motori di ricerca non li capisco, e quindi non sarà in grado di leggere il vostro sito.
Tastiere * non li capisco. Se il visitatore utilizza un telefono cellulare o un televisore che non dispone di un mouse, che deve passare da ancoraggio per ancorare utilizzando i tasti cursore o tasti tab. Anche gli utenti laptop spesso trovano più facile usare la tastiera piuttosto che usare il glide-pad. Ma l'ancora selettore funziona solo su ancoraggi reali, non su quelli fingere.
* Page lettori non li capisco. Non solo cieco utenti che hanno letto le loro pagine web a loro persone spesso ascoltare le pagine web mentre sono in viaggio. lettori Page fare un po 'di rumore per indicare un ancoraggio. Non fare niente per un ancoraggio fingere.
* I browser non sempre li capisco. Non-ancore contare su JavaScript per poter funzionare. Non tutti i browser permettono JavaScript, e quelli che permettono agli utenti di spegnerlo per motivi di sicurezza. No Javascript: nessun ancore fingere.
Come si può controllare?
* Non utilizzare il mouse per navigare intorno a una pagina - provare a utilizzare il tasto di tabulazione invece. (Shift-Tab per spostarsi all'indietro)
Script * Spegnere "Javascript" o "nel vostro browser, e vedere se il sito funziona ancora.
Basandosi sul colore.
Lo sapevate che ..? In alcune parti del mondo, 1 maschio di 8 è affetto da una qualche forma di daltonismo?
È perfettamente naturale usare il colore per rendere il vostro sito web un aspetto più attraente, o per fornire informazioni (come box-out o animate voci di menu). Ma ciò che sembra grande su uno schermo potrebbe finire in cerca terribile su un altro. Se si basa sul colore a dire qualcosa, si può finire per non dire niente!
Colori primari possono essere così grave come pastelli delicati.
Qual è il problema?
* Le persone possono essere daltonici. Alcuni dei vostri spettatori avranno una qualche forma di daltonismo. Red / segnali verdi sono una convenzione comune che causa problemi soprattutto per i daltonici.
* Schermi a colori sono spesso ciechi. display a cristalli liquidi sono notoriamente impreciso a riprodurre a colori - ciò che appare sullo schermo è spesso molto diverso da quello che hai chiesto. Essi peggiorare in piena luce.
* La carta è di solito di colore cieco. La maggior parte delle persone la stampa su stampanti laser in bianco e nero. Non c'è una riproduzione dei colori a tutti. La stampa è la riproduzione più durevole delle tue pagine web!
Come si può controllare?
* Il modo più semplice per controllare una pagina web è quello di stamparlo su una stampante monocromatica. (Non barare - rimuovere eventuali CSS specifiche della stampante dalla pagina)
* Ci sono strumenti più sofisticati disponibili sul Web Colorblind Page Filter. Essa vi mostrerà il tuo sito web in vari tipi di simulazioni daltonismo.
* Infine, è possibile ottenere caselle speciali che si collega in linea con il monitor per farlo simulare vari tipi di daltonismo.
Vagante
Molti scrittori sono pagati dalla parola. copywriter specializzati si insegna "Più ti dico, più si vende". Così i migliori scrittori si possono noleggiare vi darà lunghi saggi, che coprono ogni angolo e di opposizione, in modo che il tuo sito web in grado di convertire il numero massimo di visitatori.
Quindi: qual è il problema?
* Troppe parole sono cattive. Le persone leggono dagli schermi più lento di quello che fanno da carta. Testo su schermi deve essere più grande di testo su carta in modo da essere leggibili. Gli schermi sono generalmente più piccole rispetto alla carta. Tutte queste, nel loro insieme, significa che uno schermo di computer è un modo alquanto inefficiente per acquisire informazioni! Quasi nessuno leggerà tutte le cose ha scritto il tuo scrittore.
* Troppi pensieri sono cattivi. Generalmente, i visitatori del tuo sito non leggono la letteratura. Stanno cercando di trovare qualche pezzo di informazioni, probabilmente per aiutarli a prendere una decisione. Se non possono vedere subito che la pagina non dice loro cosa devono sapere, loro cercano un'altra pagina.
I motori di ricerca pensano allo stesso modo! Se leggere la tua pagina, e può capire quello che la pagina è dedicata, allora sarete in grado di raccomandarlo. Se la pagina di passeggiate da un pensiero all'altro, il motore di ricerca non potrà mai capire quello che sta dicendo la pagina, quindi non verrà mai a vedere.
Come si può controllare?
* Guardate ogni pagina del tuo sito web. Puoi scrivere un riassunto di 50 parole della pagina? Puoi scrivere un titolo di 10 parole?
* Utilizzare Webtool per scoprire cosa pensano i motori di ricerca il vostro sito è su.
* Controllare se i tuoi visitatori preferiscono leggere dallo schermo, o stampare le pagine di carta.
Non è detto abbastanza.
Il problema di fronte al vagante non è detto abbastanza. Si vedono in tutto il web:
* Catalogo pagine che mostrano il nome di un prodotto, un numero di catalogo, e un "Acquista ora";
* Pagine di notizie che elenco solo i titoli.
Quindi: qual è il problema?
'Nuff ha detto.
Riassunto
Non è difficile mettere insieme un semplice sito web. Rendere un sito web con "Wow-factor" è leggermente più difficile. Ma per costruire un vero e proprio, il sito web di livello industriale - e ancora mantenere un ottimo aspetto e di lavoro senza soluzione di continuità - che prende esperienze e competenze.
Quindi, come si può dire se uno sviluppatore web è un principiante, un "sempre meglio", o un esperto di agguerriti? Basta guardare i siti web che hanno sviluppato, e si applicano i criteri del presente articolo. Sarai presto in grado di dire quale è quale!