eBook Gratis

Che un sito funzioni o meno dipende da un numero elevato di variabili, che costituiscono, tutte assieme, la qualita' di un progetto web. Il libro, qui giunto alla sua “release 2.0”, prende in esame tutte le problematiche che riguardano l’usabilita' di un sito, dai contenuti all’interfaccia, dall’architettura dell’informazione all’uso della multimedialita', dalla typography al colore, dall’interattivita' al look and feel, proponendo esempi e soluzioni. L’usabilita' della pagina, del sito e dei processi di interazione e' esaminata in dettaglio e scomposta negli elementi e nelle fasi che la costituiscono. Oltre all’aggiornamento dovuto al mutare delle tecnologie, nel libro vengono affrontate le nuove problematiche legate allo sviluppo di siti web accessibili e le nuove sfide per sviluppatori e committenti alle prese con una nuova generazione di utenti, meno consapevoli delle peculiarita' proprie di Internet ma capaci di cogliere solo l’efficacia e la funzionalita' di un sito, senza badare al resto.

Sofia “vocabola” Postai, ha lavorato a lungo nell’advertising e nella comunicazione. Attualmente e' uno dei web designer piu' conosciuti nella comunita' internet italiana. Ha pubblicato il primo sito nel 1996, ed ha progettato l’interfaccia del primo sistema di e-vote europeo. Il suo “vocabola LAB” ha sede a Venezia e clienti in tutta Italia. Il suo dialogo con i lettori prosegue in rete all’indirizzo: http://www.sitichefunzionano.it.

Ringraziamenti
Premessa
Introduzione

Capitolo 1 La Questione dell'usabilita'
Accessibilita'
In principio era la carta (e la TV)...
Spazio variabile
Elementi di variabilita'
Variabilita' hardware
Variabilita' delle preferenze nell'uso del monitor
Variabilita' della piattaforma e del sistema operativo
Variabilita' delle preferenze di sistema
Variabilita' software
Browser
Add on (plug in e helper)
Variabilita' delle preferenze browser
Usabilita' e appeal
La questione tecnologica
La questione "estetica"
Come uscire dai falsi dilemmi
IL "nuovo" compatibile
Progettare "fluido"
"Best with any browser" non esiste
Il computer e' di chi lo usa
I pericoli del "controllo"

Capitolo 2 Pagine che funzionano
L'importanza del testo
I componenti
Typography e lettura a video
La scrittura "sorvolata"
Elementi di ancoraggio ottico
Impaginate a bandiera
Inserite piccoli elementi grafici
Titoli e titolini
Segni di evidenza
Link
Salto riga
Riquadri e altre evidenze
Atomi di lettura
Impaginazione a colonne
Lo stile di scrittura
L'importanza delle "label"
La dimensione dei caratteri
Sfruttare la flessibilita'
Caratteri in pixel
Il tipo di caratteri (font face)
Spaziature, interlinee, capoversi
Logica dei link
L'uso delle immagini
Il peso
Immagini per i testi
L'ingombro
Le tecnologie necessarie
GIF
JPEG
PNG
SVG (Scalable Vector Graphics)
La compressione
Tip
L'ordine riposante
Gli allineamenti
Il "disordine" necessario
Multimedialita'
I termini della questione
GIF animati
Flash
Dynamic HTML
AppletJava
Lo streaming
QuickTime
Windows Media Player
Real Audio/Video
Altro...
L'effetto "Las Vegas"
L'utilizzo informativo
L'utilizzo riempitivo
L'utilizzo "ornamentale"
Intrattenimento?
Contenuti
Visione passiva e utilizzo attivo
La visione d'insieme
Il look & feel (aka "grafica")
L'equilibrio tra "pieno" e "vuoto"
Una pagina non e' una valigia
In alto e a sinistra
Gli stimoli
...scrollano, scrollano

Capitolo 3 Viabilita' dell'informazione
Architettura dell'informazione
L'approccio Top-down
L'approccio Bottom-up
Tassonomia e faccette
L'ottica dell'utente
Raccogliere le informazioni
Tracciare le strade principali
Esempi di possibile strutturazione
Per tipologia di utente
Per macrocategorie
Per ordine cronologico
Per ordine alfabetico
Tracciare i percorsi locali
Tracciare le scorciatoie da una zona all'altra
Suggerire percorsi alternativi
Logiche di ricerca
Verificare la disponibilita' dei contenuti
Interfaccia di navigazione
Il senso dell'orientamento
Navigazione generale
Navigazione locale
Navigazione contestuale
Navigazione verso l'esterno
"Voi siete qui"
Finestre pop up
Cerca nel sito
Map
Le regole non scritte (standard de facto)
I pericoli dell'originalita'
I rischi dell'appiattimento
La coerenza dell'interfaccia
La coerenza dell'ambiente
Il cambiamento come segnale
Basta frameset
Navigazione stabile
Uniformita' dell'interfaccia
Velocita' di caricamento
Contro i frame
La questione "storica"
Autolink
Limiti all'impaginazione
Rigidita'
"Spreco" di spazio-pixel
Problemi di indicizzazione
Eccezioni alla regola
Flash come opportunita'
Menu "all in one"
Altre modalita' di navigazione
Un menu non e' un film
Assicurare la compatibilita'
Testo o immagini?
Nuove possibilita' con i fogli di stile
Scelta del carattere
Dimensione
Lunghezza
Personalizzazione
Compatibilita'

Capitolo 4 Interattivita' funzionale
Architettura del processo
Disegnare il processo
Scomporre in sotto-processi
Gestire i diversi profili degli utenti
Gestire la molteplicita' di risposte
Prevedere l'errore
Tenere traccia
Offrire sempre una nuova chance
Il feedback corretto
Gestire il malfunzionamento ai vari livelli possibili
Concetti base per l'interazione con l'utente
What you see is what you can
Descrivere l'interazione
Chiarire l'azione
Consentire il cambiamento
Chiedere conferma
Dare conferma (feedback)
Help
Interfaccia di interazione
Strutturare le form
Distinguere lo spazio delle scelte da quello d'azione
Evidenziare i passaggi
Distinguere tra navigazione e processo
I vantaggi dei bottoni di default
Lo "stress cognitivo" come segnale

Capitolo 5 Interfaccia e ambiente
Le mappe cognitive come modello di navigazione
Metafore
Computers as Theatre
Metafore, icone, segnali
Tutto quello che una metafora non e'
Retorica dell'interfaccia
L'interfaccia fa sempre riferimento a un sistema culturale
La mamma
La nuova colf
La colf arrivata ieri dalle Filippine
L'androide
Affordance
L'interfaccia utilizzabile
La forza dell'abitudine
Regole
Le regole dell'ambiente
L'ambiente computer
L'ambiente web
L'ambiente sito
Segnali
Be consistent!
Caccia al link?
Feedback
Quando serve e perché
Hover e rollover
Suoni
Movimento
La forza del colore
Il colore e' gratis
Il colore come segnale
Link e colori
Modulare lo spazio
Assicurare la lettura
Evidenziare
Connotare e denotare col colore
Benvenuto in questo sito
L'ospitabilita'
L'ambiente armonico
Compatibilita' e comfort
L'utente protagonista
Usabilita' e accessibilita'
Siti fratelli
Tratti di somiglianza
Elementi di personalita'

Capitolo 6 Tecnicaglie
L'approccio laico alla tecnologia
La questione degli standard (mini-storia)
CSS e dannati browser
Elementi, id o class?
Typography

Netscape 4 e' la nostra foglia di fico?
Sopravvive il DHTML?
Meglio non inchiodare il computer dell'utente
Pagine da stampare
Flash, l'incompreso
Help e spiegazioni in Flash
Banner
Navigazione
Usi errati
Musica e multimedia
Web TV, WAP, UMTS...e altro
Leggere le statistiche
I pregiudizi sull'usabilita'
1° Pregiudizio
2° Pregiudizio
3° Pregiudizio
4° Pregiudizio
5° Pregiudizio
6° Pregiudizio
Continua...