Sei qui: blog » Web Design: raccomandazioni

Web Design: raccomandazioni

La seguente tabella raccoglie le raccomandazioni riguardo alle scelte che si dovrebbero compiere nel design di una home page. Le raccomandazioni si basano su due ordini di considerazioni: l’approccio più efficace al comportamento degli utenti ondine, e le convenzioni più affermate nel design delle home page.

Uno dei risultati più importanti, derivante da molti studi di usabilità, è che i siti funzionano meglio se si adeguano alle convenzioni che gli utenti hanno incontrato in altri siti (persino se una convezione non fosse ottimale da un punto di vista teorico, in pratica funzionerebbe bene per il motivo che gli utenti sanno come funziona).

Legenda:

***      Alta priorità:è una raccomandazione essenziale, a cui dovrebbero conformarsi pressoché tutti i progetti; può essere violata solo a fronte di test che dimostrino concretamente la validità di una scelta alternativa in rapporto al contesto scelto;

**        Media priorità:è una raccomandazione discretamente forte, a cui dovrebbero ottemperare la maggior parte dei progetti; si può discostarsene solo se si ha una buona ragione per credere che il sito in questione abbia requisiti differenti;

*          Bassa priorità: è una scelta di default, a cui ci si può attenere tranquillamente, salve che venga sostituita da qualcosa di meglio.

 

ElementoPrioritàRaccomandazione

Tempo di download

***

Al massimo 10 secondi, in base alla velocità media di connessione degli utenti (per connessioni via modem analogico: dimensione massima 50 KB)

Larghezza pagina

**

Ottimale: 770 pixel (ma adattabile da 620 a 1024)

Layout liquido/fisso

**

Liquido (adattabile a differenti dimensioni della finestra)

Lunghezza pagina

**

Ottimale: una, massimo due schermate verticali (1000-1600 pixel)

Frame

***

No

Logo: posizione

***

In alto a sinistra

Logo: dimensioni

**

80x68 pixel

Ricerca

***

Da offrire nella home page,mediante casella dedicata

Ricerca: posizione

***

In cima alla pagina, preferibilmente in un angolo (destro o sinistro)

Ricerca: colore casella

***

Bianco

Ricerca: etichetta pulsante

**

“Cerca” (anche “vai”)

Ricerca: ampiezza casella

**

Minimo 25 caratteri, ottimale 30 caratteri

Ricerca: tipo

**

Ricerca semplice (con eventuale link a ricerca avanzata)

Navigazione

**

Uno dei quattro sistemi principali: barra verticale sinistra, linguette in alto, link in alto, categorie a centro pagina

Navigazione: footer

*

Da utilizzare per link in stile “note a pie’ di pagina”: copyright,contatti etc. Al massimo 7 link a fondo pagina, su una sola riga in una finestra di normali dimensioni

Link alla mappa del sito

**

“Mappa del sito” (se disponibile)

Routing page

**

No

Splash page

***

No

Login

*

Se il sito ha contenuti protetti/riservati, la funzione di accesso va chiamata preferibilmente “login”

Informazioni sull’azienda

***

Includere sempre questa voce

Informazioni sull’azienda: link

**

“Chi siamo”

Contatti

**

Includere questa voce e chiamarla “contatti” o “contattaci”

Privacy

***

Se il sito raccoglie dati personali, è obbligatorio pubblicare un’informativa sulla privacy (con link nella home page)

Privacy: link

**

“Informativa sulla privacy”, in home page

Offerte di lavoro

**

Se il recruiting è importante, inserire un link “offerte di lavoro” o“opportunità di lavoro” o “lavora con noi”. In alternativa, includere queste informazioni nella pagina del profilo aziendale

Help

*

Da non includere, a meno che la complessità del sito lo renda indispensabile

Help: posizione

**

In alto a destra

Musica in esecuzione automatica

***

No

Animazioni

**

No

Grafica/illustrazioni

*

Da mantenere entro il 5/15% dello spazio

Pubblicità

**

Al massimo 3 banner o contenuti pubblicitari

Testo: colore

**

Nero

Testo: dimensioni

*

12 punti

Testo: dimensioni fisse

***

No. Impostare sempre dimensioni relative, in modo che gli utenti abbiano la possibilità di ingrandire/ridurre il testo tramite le opzioni del browser

Testo: tipo di carattere

*

Lineare, sans serif

Colore di sfondo

**

Bianco

Link: colore (non visitati)

**

Blu

Link: colore (visitati)

*

Viol

Link: colore differente (visitati/non visitati)

***

Sì. I link non visitati devono avere un colore più saturo. I link visitati devono avere un colore meno saturo o meno evidente (ma non grigio chiaro)

Link: sottolineatura

**

Sì, eccetto (eventualmente) le liste di link nelle barre di navigazione


Lascia un tuo commento

Informazioni

inserita il 01/02/2007
visualizzata 1606 volte
commentata 0 volte
totale pagine: 503
totale visite: 611068

Cerca nel blog

Cerca tra i contenuti pubblicati nel blog:

Categorie

Cerca tra le categorie presenti nel blog:

Pagine più recenti

Pagine più lette

Pagine più commentate

Ultimi commenti

Tag del blog

accompagnatore turistico (47) aerei ed altri oggetti volanti (3) America Centrale (7) amicizia (11) anniversari ed altre ricorrenze (9) appunti di studio (27) astronomia ed astrofilia (3) bambini (11) bicicletta (2) biglietti aerei (3) blog e siti web (15) bucket list (2) calcio (2) campeggio in tenda (2) carta di credito (2) Castegnero (3) Città del Vaticano (2) comici (3) comicità in TV (2) compleanni ed altre ricorrenze (7) concorsi a premi (6) consigli (2) consigli per viaggiatori (10) corsi on line (6) cose buffe (13) CouchSurfing (2) Coursera (9) cultura (2) customer service (2) cybercrime (2) diritti dei consumatori (2) disastri aerei (2) dove dormire in viaggio (6) draghi (6) dubbi esistenziali (3) economia (2) Ecuador (2) elezioni (5) Elizabeth (4) esame per licenza di accompagnatore (35) esami (33) Europa (3) Facebook (2) fantascienza (13) fantasy (10) Federica Cuman (2) film (32) filosofia orientale (3) fotografia (2) fumetti (9) furti e altre malefatte simili (2) Game of Thrones (22) geografia (3) giustizia (3) governo (2) grammatica (2) guerre e conflitti (7) Guerre Stellari (3) House of Cards (2) Il Signore degli Anelli (2) immigrazione (2) impegno civile (2) informatica (2) internet (9) investigatore privato (2) istruzioni per l'uso (2) Italia (2) JLA (2) lavoro (51) legge e normativa (3) leggi e normativa (7) lettere (2) lingua Esperanto (3) lingua inglese (2) Lo Hobbit (2) mare (2) matrimoni che finiscono male (3) Medio Oriente (5) morale (4) musica (7) omofobia (2) Pablo Neruda (2) Papa (2) papà (6) parenti (10) paura (2) pecorElettriche.it (7) pista pedociclabile (2) poesie (4) politica (23) premio Wanderlust (4) Presidente della Repubblica (2) privacy (3) professionalità (2) programmatore (2) Quentin Tarantino (3) Rat-Man (3) razzismo (7) referendum (3) religione (7) riflessioni profonde (3) ristoranti (2) riviste (2) saggi (5) salute (7) San Valentino (2) scienza (6) serie TV (36) servizi postali (2) Sherlock Holmes (7) Sindaco (2) social network (3) sogni (2) spazio infinito (3) spettacoli televisivi (2) sport (2) Stati Uniti d'America (7) storia (2) storie ben scritte (3) storie d'amore (15) studi (2) Sud America (6) supereroi (6) tecnologia (3) telefono (2) terrorismo (3) Tolkien (3) tradimento (4) treni (2) Twitter (3) vacanze (2) viaggi (19) violenza (2) vita da Tour Leader (7) vita e morte (23) Wall-e (5)