siti che funzionano
hops

Sofia Postai
Siti che funzionano

vai alla pagina di acquisto

Acquista il libro on line, direttamente dall'editore.

L'indice del libro

Premessa

Introduzione

La questione dell'usabilità

Usabilità

Accessibilità

In principio era la carta (e la TV)...

Spazio variabile

Elementi di variabilità

Variabilità hardware
Variabilità delle preferenze nell'uso del monitor
Variabilità della piattaforma e del sistema operativo
Variabilità delle preferenze di sistema

Variabilità software

Browser
Add on (plug in e helper)
Variabilità delle preferenze browser

Usabilità 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 è di chi lo usa

I pericoli del "controllo"

Pagine che funzionano

L'importanza del testo

I contenuti

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 flessibilità
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

Multimedialità

I termini della questione

GIF animati

Flash

Dynamic HTML

Applet Java

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 è una valigia

In alto e a sinistra

Gli stimoli

...scrollano, scrollano

Viabilità del sito

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 disponibilità 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'originalità

I rischi dell'appiattimento

La coerenza dell'interfaccia

La coerenza dell'ambiente

Il cambiamento come segnale

Basta frameset

Navigazione stabile

Uniformità dell'interfaccia

Velocità di caricamento

Contro i frame

La questione "storica"

Autolink

Limiti all'impaginazione

Rigidità

"Spreco" di spazio-pixel

Problemi di indicizzazione

Eccezioni alla regola

Flash come opportunità

Menu "all in one"

Altre modalità di navigazione

Un menu non è un film

Assicurare la compatibilità

Testo o immagini?

Nuove possibilità con i fogli di stile

Scelta del carattere
Dimensione
Lunghezza
Personalizzazione
Compatibilità

Interattività funzionale

Architettura del processo

Disegnare il processo

Scomporre in sotto-processi
Gestire i diversi profili degli utenti
Gestire la molteplicità 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 dell'azione

Evidenziare i passaggi

Distinguere tra navigazione e processo

I vantaggi dei bottoni di default

Lo "stress cognitivo" come segnale

Interfaccia e ambiente

Le mappe cognitive come modello di navigazione

Metafore

Computers as Theatre

Metafore, icone, segnali

Tutto quello che una metafora non è

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 è 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'ospitalità

L'ambiente armonico

Compatibilità e comfort

L'utente protagonista

Usabilità e accessibilità

Siti fratelli

Tratti di somiglianza

Elementi di personalità

Tecnicaglie

L'approccio laico alla tecnologia

La questione degli standard (mini-storia)

CSS e dannati browser

Elementi, id o class?

Typography

Netscape 4 è 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'usabilità

1° Pregiudizio
2° Pregiudizio
3° Pregiudizio
4° Pregiudizio
5° Pregiudizio
6° Pregiudizio