Impatto visivo e Navigazione facilitata

Così come i contenuti e la struttra di navigazione hanno un importanza fondamentale per il successo di un sito Web, anche la grafica e l'impatto visivo per una navigazione facilitata occupa pur sempre un ruolo non indifferente.

Vediamo quali sono i fattori che possono etichettare il vosto sito Web gradevole o meno:

Biglietto da visita del sito

• La valutazione d'impatto si registra solitamente nei primi 30 secondi in cui si visualizza la pagina, quindi già in questo breve lasso tempo il nostro sito verrà giudicato dall'utente più piacevole o meno.

Scelta dei colori

• Scelta dei colori primari, secondari e terziari sulla tavolozza web a 216 colori base

Contrasto e continuità

• Nel testo
• Negli elementi grafici del layout del sito
• Combinazioni familiari/gradevoli utilizzando codice cromatico universale
  

Introduzione e uso troppo esteso di Flash e animazioni

NAVIGAZIONE e STRUTTURA del sito Web

Abbiamo visto in precedenza come i CONTENUTI hanno un importanza fondamentale per il successo di un sito Web. Vediamo ora come la NAVIGAZIONE e la STRUTTURA del sito influenzano in positivo o negativo l'esperienza di navigazione.

Navigazione e Struttura del sito

Vediamo come deve essere una struttura di navigazione teoricamente "perfetta":

• Menù massimo di 6/8 voci con testi importanti anche per i motori di ricerca
• Regola dei 3/4 click utili per raggiungere la sezione desiderata
• Raggruppamento per contenuti omogenei in modo da costruire un'esperienza di navigazione: CORPORATE, PRODOTTI, DOCUMENTAZIONE
• Richiami incrociati, ottimo fino ad un certo livello
• Minisiti tematici
• Mappa del sito (importante anche per i motori di ricerca)
• Nomi delle pagine e URL dinamici (importante anche per i motori di ricerca)
  

Interfaccia grafica
Alcuni studi di Eye tracking hanno valutato che l'area di massima visibilità per l'occhio umano è una zona in alto e a sinistra del video di circa 360x360 px.
Questo ci deve far capire come la posizione ideale per tutti i contenuti di navigazione dovrebbero essere in una zona simile.

Stefano Martini.

Technorati tag: Navigazione Struttura sito Eye Tracking

Caratteristiche vincenti dei CONTENUTI

Abbiamo visto in sintesi quali sono i punti cardine di un sito Web che si rispetti, vediamo ora in dettaglio ogni elemento costitutivo partendo dai CONTENUTI.

Brevità

• Il sito Web non deve assolutamente essere una brochure on-line ma deve avere approfondimenti in documenti e/o sezioni separate.

Aggiornamento continuo

• importanza per i motori di ricerca
• percezione di efficienza
• esperienza di navigazione soddisfacente
  

Perchè un sito Web sia da considerarsi “vivo” deve dare l'impressione che dietro questa struttura ci siano delle persone con la volontà di fornire sempre contenuti aggiornati e interessanti al target di riferimento del sito stesso.

Un aggiornamento continuo si riflette su diversi aspetti di chi visita il sito, sia esso un normale utente in cerca di informazioni che un motore di ricerca.

La sensazione di sito “vivo” diffonde all'utente una percezione di efficienza sopratutto se l'esperienza di navigazione risulta soddisfacente.

Copy writing e struttura

• convincimento ed esempi vincenti
• keyword rich text (ridondanza)
  
• call to action (chiamata all'azione)
  
• last chance (ultima scelta)
  

Scrivere contenuti vincenti in posizioni strategiche della pagina significa in sintesi convincere il navigatore di essere davvero sul sito migliore e questo si può ottenere anche con esempi vincenti che permettono all'utente di valutare senza troppi sforzi, se le informazioni o i servizi che sta cercando sono davvero ad hoc per lui.

Aggiungiamo ora le principali azioni che vogliamo che l'utente compia, come unico scopo di trattenerlo il più possibile sul nostro sito.
Sono tecnicamente chiamate call to action ovvero chiamate all'azione, e hanno lo scopo di obbligare il navigatore a compiere una determinata azione come quella di registrarsi ad una Newsletter, compilare un form per la richiesta di informazioni, registrarsi per scaricare dei documenti, ecc...

Per ultima, ma non meno importante, resta ancora la possibilità di fornire all'utente un'ultima scelta (last chance), che riesca a ottenere quello che le precedenti non sono riuscite a fare.

La posizione sulla pagina di questa last action è strategica e fondamentale per non far scappare il nostro navigatore sul sito, magari di un nostro concorrente.

Interattività

• servizi a valore aggiunto: ricerca guidata contenuti/prodotti, richiesta informazioni, tool gratuiti, ecc...

Spesso poco considerati proprio perchè visti solo come un valore aggiunto al sito Web base, sono invece importanti per fornire un plus al nostro sito Web e far capire al navigatore che ci sforziamo di rendergli la vita sul Web meno complicata.

Stefano Martini.

Technorati tag: Contenuti Copywriting Navigazione sito

Elementi costitutivi di un sito Web

Dopo anni di esperienza nella realizzazione di siti Internet ho cercato di riassumere i punti chiave che permettono, a qualunque progetto e il suo sviluppo sul Web, una base per il successo.

Vediamo quindi come Contenuti, Struttura e Grafica sono profondamente correlati fra loro.

1. Contenuti
Elemento fondamentale perchè un sito sia considerato "vivo" e quindi visitato periodicamente; per contenuti intendo testi scritti in modo esatto e convincenti, documenti scaricabili con formati stanrdard e servizi interattivi come news sul sito o in fomato RSS, iscrizione alle newsletter, video podcasting, ecc ...continua

2. Struttura della navigazione
Tutto quello che scriviamo sul web deve avere una giusta struttura adeguata al target dei possibili utenti che visiteranno il nostro sito, con elementi di assoluta priorità e altri di livello meno importante.
Questo ci porta a progettare una struttura di navigazione che sia accessibile nei suoi contenuti con un'interfaccia Web gradevole e, sopratutto oggi, compatibile con i motori di ricerca.

3. Grafica
Questo elemento è senza dubbio il più importante all'occhio "inesperto" del cliente che ha come suo unica esigenza quella di avere un sito Web con un suo brand e una sua riconoscibilità aziendale.

Ecco qui ndi che scelta cromatica, stile grafico e impatto emotivo sul navigatore sono espressioni di affidabilità ed efficienza.

Osservazioni
Spesso ci si trova difronte al dubbio se ottimizzare di più la grafica o l'accessibilità al sito, questo perchè spesso ci si trova difronte a siti con un alto impatto grafico in cui il designer ha sfruttato al massimo le potenzialità di Photoshop, ma che poi al momento della validazione, tutta questa cura estetica diviene una inaccessibilità ai più comuni standard del web W3C.

Allora mi sono chiesto - perchè mai un designer che spende tante risorse nel realizzare una pagina elegante non si cura di rendere la pagina stessa accessibile a tutti utilizzando tutti gli strumenti che il Web ci fornisce (fogli di stile CSS, tableless, validazioni W3C, ecc...)

A Voi le considerazioni..Gualtiero Santucci

Technorati tag: Sito web Accessibilità Realizzazione siti