Estetica e artefatti tecnologici: verso una nuova usabilità.

Università degli Studi di Bari - Facoltà di Scienze Corso di Laurea in Informatica e Comunicazione Digitale Anno Accademico 2004/2005

Relatore: Chiar.ma Prof.ssa Giovanna Castellano Laureando: Gaetano Lopez

Indice

Introduzione 3 1. Nuovi media: strumento di comunicazione, nuova socialità 6 1.1 Media e società 1.2 L’evoluzione dei nuovi media 1.3 I nuovi paradigmi: l'ubiquitous computing 1.4 Artefatti tecnologici, da strumenti di elaborazione ad oggetti personali 1.5 Emozioni e artefatti 2. L'interazione uomo-macchina 14 2.1 La storia dell’interazione uomo-macchina 2.2 L’interfaccia e la progettazione centrata sull’utente 2.3 Modelli di interazione 2.4 I princìpi del design 2.5 L’affordance 3. Usabilità e metodi di valutazione 29 3.1 Usabilità e accettabilità 3.2 Metodi di valutazione 3.3 Usabilità web e design della comunicazione 3.4 Un modello per la valutazione di siti web 4. L’Estetica 48 4.1 Cos’è l’estetica 4.2 User-experience ed esperienza estetica 4.3 Usabilità apparente, estetica e contesto culturale 4.4 Estetica dell’interazione e nuovi metodi per il design dell’interazione 4.5 Metodi per la valutazione dell’estetica 5. Un caso di studio: il sito del Dib 78 5.1 Parte prima. Misurazione dell’estetica e sperimentazione 5.2 Parte seconda. Valutazione e redesign Conclusioni 109 Bibliografia 111

2

Introduzione

La crescente diffusione e l'utilizzo sempre maggiore di strumenti tecnologici da parte della

società pone in maniera pressante il problema dell'importanza dello sviluppo centrato sul-

l’utente.

In una società evoluta in cui i bisogni primari sono stati soddisfatti, l'esigenza di esperienze

appaganti risulta centrale. L'esperienza utente, nella definizione di Pine e Gilmoure, per

essere memorabile deve essere “ricca” e comprendere un insieme di aspetti, tra cui quello

“estetico”.

Questo lavoro di tesi si pone l'obiettivo di analizzare la relazione tra estetica ed usabilità

nella progettazione e produzione di un artefatto tecnologico, ma soprattutto di comprendere

come il concetto più articolato di accettabilità di un sistema debba tenere in considerazione

anche la dimensione estetica.

Il percorso effettuato, ritenendo lo sviluppo tecnologico un fenomeno situato (dice

Paccagnella (2000), “La relazione tra artefatti tecnologici, bisogni individuali e sistema

socioculturale non è mai di causalità lineare, ma si presenta come una relazione circolare e

complessa”), parte nel primo capitolo dalla descrizione dei nuovi media, analizza l'impatto

degli stessi a livello sociale e cerca di individuare le variabili che intervengono nella co-

struzione della user-experience.

Spesso, la ancora breve storia dell'interaction design ha posto in antitesi l'usabilità, ovvero

la funzionalità di un artefatto, con la sua dimensione estetica e il visual design.

Non è raro assistere a relazioni di addetti ai lavori che parlano di come la richiesta del bello

da parte di un cliente possa inficiarne l'efficienza.

La prospettiva proposta è quella di comprendere quale sia il ruolo di queste dimensioni

progettuali nella costruzione di un'interfaccia sottolineando la loro reciprocità e lasciando

intravvedere, addirittura, una loro dipendenza.

In tutti i campi del design, dalla moda all'arredamento, dalle auto agli oggetti di uso quoti-

diano, funzionalità e forma, caratteristiche ed estetica, sono considerate componenti indis-

solubili entrambe necessarie.

3

Anche nella progettazione di un qualsiasi artefatto tecnologico tali componenti possono

essere considerate in modo unitario e solo la loro integrazione può far nascere un prodotto

percepito favorevolmente da un utente. È importante sottolineare che questa analisi sul

ruolo dell’estetica e del visual design non ha nessuna intenzione di teorizzare la loro

supremazia, piuttosto vuole rimarcare la complessità di un artefatto tecnologico che deve

essere utilizzato da un utente con un elevato livello socio-culturale.

Non è in discussione l’importanza dell'usabilità, ma semmai si pone il problema di consi-

derarla in una prospettiva più ampia, che consideri gli artefatti non solo sulla base del loro

utilizzo ma anche di significato e di “presenza” nella vita di ognuno di noi.

Si pensi ad un sito web. È un artefatto complesso e multidimensionale in quanto è un

software, un servizio, ma anche uno strumento di comunicazione. Come tale deve soddisfa-

re i requisiti di ognuna di queste componenti e deve essere in grado di guardare all’utente

mettendolo al centro del processo di design.

In particolare, in un’ottica di corporate identity deve essere coerente con le linee guida che

caratterizzano lo stile comunicativo aziendale; deve consentire di svolgere attività com-

plesse e delicate quali transazioni bancarie per acquisti e prenotazioni di servizi; deve

fornire un’informazione puntuale e sempre aggiornata. Ulteriore elemento, di carattere

prettamente tecnico, le sue infrastrutture tecnologiche devono essere in grado di garantire

prestazioni accettabili che funzionino correttamente anche in condizioni di sovraccarico.

Questo scenario richiede professionalità trasversali con competenze informatiche, di mar-

keting e di comunicazione.

Nel secondo capitolo si ripercorre la storia dell’interazione uomo-macchina e vengono

illustrati alcuni concetti essenziali per il design quali l'affordarce e il mapping.

Il terzo capitolo è dedicato all’usabilità, di cui sono date definizioni formali e intuitive, ai

metodi di valutazione e agli aspetti che caratterizzano in particolar modo i siti web.

Il quarto capitolo considera e analizza in che modo l'aspetto emozionale concorra ad una

predisposizione positiva dell'utente nei confronti dell'artefatto. In particolare, i risultati di

uno studio realizzato dai giapponesi Kurosu e Kashimura evidenziano in maniera incon-

futabile il ruolo giocato dall’estetica e la necessità di ridefinire e completare le teorie

sull’interazione.

Lo sviluppo di applicazioni centrate sull'utente, non può, quindi, prescindere dal considerare

gli aspetti emozionali che sono indissolubilmente legati all'usabilità.

4

Solo l’utilizzo della dimensione estetica combinato ai dettami dell’ingegneria dell’usabilità,

e non in alternativa, fa sì che un artefatto possa essere percepito “friendly” e concorrere, in

un’ottica più ampia, all’accettabilità del sistema assicurando la corretta user-experience.

L’ultimo capitolo, infine, mostra i risultati di un caso di studio, strutturato in due parti,

riguardante la valutazione di alcuni parametri legati all’estetica e un progetto di redesign del

sito del dipartimento di informatica di Bari.

5

1. Nuovi media: strumento di comunicazione, nuova socialità

Lo sviluppo dei nuovi media, e la loro diffusione nei vari contesti in cui l’uomo svolge le

proprie attività, impone una riflessione sul loro impatto sociale ed economico, allo scopo di

comprendere il ruolo che assumono progettazione e valutazione nel ciclo di vita degli

artefatti tecnologici. Quindi per poter comprendere l’orientamento che gli studi sull’in-

terazione uomo-macchina dovrebbero intraprendere è necessario analizzare in che modo i

nuovi media influenzano la comunicazione umana e le relazioni sociali in generale.

1.1 Media e società

L’analisi dell’impatto dei nuovi media sulla comunicazione e le relazioni sociali non può

prescindere dall’assunto, eredità delle teorie psicologiche della scuola di Palo Alto, che tutti

gli essere umani – ma anche le aziende, le istituzioni, lo stato – comunicano. La scelta è

relativa alla modalità con la quale farlo. Non è possibile non comunicare, anche la scelta di

non comunicare è un modo per comunicare.

I media rappresentano un modo con il quale poter scegliere di comunicare. I media (Riva

2004) possono essere definiti come uno strumento in grado di permettere ai soggetti di

superare i vincoli della comunicazione faccia a faccia, la situazione interattiva più

naturale. Sono stati diversi gli strumenti utilizzati dall’uomo in qualità di media per

comunicare: la scrittura, il telefono, internet.

Possiamo dire che la storia dell’uomo è caratterizzata dall’evoluzione dei media.

L’introduzione di un nuovo media provoca dei cambiamenti a livello sociale e individuale.

Le caratteristiche di un media influenzano l’esperienza degli utenti che modificano alcuni

comportamenti dipendentemente da tali caratteristiche.

In realtà, sulla relazione esistente tra utenti e media, esistono essenzialmente due posizioni,

la prima – il determinismo tecnologico che ha in McLuhan il più importante sostenitore –

sostiene che l’impiego di un media modifica le interazioni e il modo di sentire e pensare dei

propri utenti, per McLuhan il media è il messaggio; la seconda – il costruzionismo sociale

6

di cui Williams è il più noto sostenitore – rovescia l’analisi e considera il media il risultato

di forze sociali e culturali.

Esistono tuttavia, come accennato nell’introduzione, delle posizioni in grado di integrare

questi due poli estremi, che considerano la relazione tra artefatti, società e individuo di tipo

circolare. Hughes e Wright, sostengono infatti che la tecnologia si sviluppa ed evolve

attraverso varie fasi in cui l’influenza sociale prevale su quella tecnologica. Allorché è

penetrata all’interno della società, consolida la sua presenza nella vita delle persone, cambia

il suo ruolo e da determinata diventa determinante.

1.2 L’evoluzione dei nuovi media

Possiamo definire i nuovi media come strumenti che consentono di comunicare attraverso

un’elaborazione digitale dell’informazione. La caratteristica digitale dell’informazione

trasmessa con i nuovi media ha prodotto nuove applicazioni comunicative che hanno

modificato l’esperienza comunicativa degli utenti.

Non siamo interessati ad approfondire i diversi nuovi media, ricordiamo solo lo sviluppo

dei media testuali asincroni come la posta elettronica (la cui nascita determinò il passaggio

dalle reti di calcolo alle reti di comunicazione: la telematica non collegava più solo

macchine, ma anche persone), gli sms, i news group, e dei media testuali sincroni quali le

chat e i mud (Multi User Dungeons) veri e propri ambienti virtuali condivisi. Senza entrare

nel dettaglio possiamo dire che le caratteristiche di ognuno di questi media ha delle ricadute

sullo scambio comunicativo, ad esempio, i media asincroni consentono di poter “scegliere”

il momento in cui dar seguito alla relazione; in quelli sincroni, la necessità di rendere

sufficientemente veloce lo scambio ha portato all’utilizzo di un registro linguistico sintetico,

simile a quello della comunicazione faccia a faccia. Ad ogni modo, indipendentemente da

quali siano le caratteristiche proprie di ogni singolo media testuale, il loro tratto comune è la

riduzione dei canali comunicativi che contraddistinguono la comunicazione che prevede la

compresenza fisica, ovvero la comunicazione non verbale e paraverbale. L’assenza di

queste componenti comporta, come detto, delle modificazioni nelle relazioni, c’è un campo

di studi che ha già espresso posizioni diverse, ad indagare sulle implicazioni di carattere

sociologico della “comunicazione mediata dal computer”.

Non c’è dubbio che nel panorama evolutivo dei nuovi media grande importanza ha rivestito

e continua a rivestire il world wide web e la tecnologia che la sottende. Il web non

7

costituisce una tecnologia di comunicazione interpersonale, quanto piuttosto un sistema di

interfaccia.

La tecnologia alla base della odierna internet trova le sue radici nel secondo dopoguerra. La

prima rete telematica, chiamata Arpanet, nasce come progetto del Ministero della Difesa

americano che voleva dotarsi di una struttura in grado di poter comunicare anche in

presenza di emergenza e guasti presso alcuni dei suoi nodi.

Le caratteristiche di Arpanet erano la ridondanza – grazie ad una tecnologia di scambio dei

dati denominata “commutazione di pacchetto”, due punti qualsiasi della rete potevano

essere messi in comunicazione attraverso percorsi diversi – e l’architettura policefala, senza

un unico nodo centrale. Nella prima metà degli anni ’70 fu coniato il termine “Internet” da

Inter-Networking. Internet è quell’insieme di reti e computer collegate tra loro attraverso

canali trasmissivi diversi (cavi, onde radio, satelliti) e unite dal gruppo di protocolli Tcp/Ip.

Nel 1996 nasce NsfNet, gestito dal National Science Foundation (l’equivalente Usa del

Cnr), che introduce gli strumenti telematici negli ambienti accademici. Nel ’91 la Nsf toglie

le restrizioni sull’uso commerciale della rete mentre al Cern vengono elaborati i fondamenti

del World Wide Web. Nel ’93 viene creato e diffuso Mosaic, il primo browser dotato di

interfaccia grafica.

Oggi il web consente di effettuare una moltitudine di operazioni, da transazioni economiche

per l’acquisto di beni e servizi a ricerche in ogni dominio. Tutte le aziende e le istituzioni

hanno individuato nella rete una componente essenziale delle loro strategie di

comunicazione atte a sviluppare e intrattenere “relazioni” con i propri “pubblici”.

Accanto ad internet stanno nascendo e sviluppando ulteriori nuovi media che stanno

ridefinendo vecchi media quali la televisione, la radio e il telefono e che vanno nella

direzione (Riva, 2004) della creazione di un sistema di comunicazione allargato in cui

stanno convergendo tutti i media specifici indipendentemente dal tipo di tecnologia

utilizzata. Intanto nuovi paradigmi di interazione si vanno affermando e nuovi scenari si

delineano.

8

1.3 I nuovi paradigmi dell’interazione: l’Ubiquitous Computing

Alla fine degli anni ‘80 Weiser introduce il concetto di “ubiquitous computing” per indicare

la possibilità per ogni persona di essere in interazione continua con innumerevoli mezzi di

calcolo interconnessi.

Il principale intento dell’ubiquitous computing è quello di spostare l’interazione fuori dagli

spazi in cui abitiamo. Altri approcci indirizzano gli sforzi su come integrare risorse

computazionali con il mondo fisico e rendere la combinazione qualcosa di significativo,

usabile e piacevole con cui vivere, lavorare e giocare.

Weiser inizialmente immagina tre tipi di oggetti: un enorme schermo interattivo; un note-

pad, visto come un foglio di carta che l’utente può usare in modo naturale ed un “tiny com-

puter”, simile ad un post it.

L’idea di ubiquitous computing si è sviluppata in seguito e oggi si parla di pervasive com-

puting, invisible computing, wearable computing, embedded computing.

Ci sono due modi per rendere ubiqui i mezzi di calcolo: immaginare mezzi di calcolo diffusi

nell’ambiente o esasperare l’idea di personal computer, ovvero il pc diventa parte integrante

degli oggetti che si indossano. L’interazione fra persone e tecnologia cambia di conse-

guenza e i sistemi assumono un’autonomia maggiore.

Questa idea di strumenti di calcolo diffusi consente di poter fruire di tutti i media attraverso

internet in maniera indipendente dalle variabili spazio e tempo.

Il risultato è la completa separazione tra tecnologia e contenuti. Ciò consente di poter

consultare lo stesso contenuto indipendentemente dalla tecnologia utilizzata. Uno stesso

servizio comunicativo potrà essere fruito attraverso l’utilizzo di tecnologie diverse.

Gli oggetti più comuni potranno essere, ed in parte già lo sono, strumenti di calcolo, le

etichette dei vestiti, ad esempio, potranno controllare posizione e modalità di lavaggio, gli

interruttori saranno in grado di disattivarsi per risparmiare energia quando non c’è nessuno

in camera, le penne potranno digitalizzare tutto ciò che scriveranno.

Questo scenario pone la centralità del ruolo dell’interfaccia. È delegata all’interfaccia il

compito di consentire all’utente di sfruttare tutte le opportunità, scegliendo di volta in volta

la tecnologia che gli permette di raggiungere i propri obiettivi. Interfacce diverse potrebbero

consentirci di utilizzare, a seconda del contesto, una capacità di calcolo invisibile e

distribuita nell’ambiente. Aumentando drasticamente la quantità di informazione disponibi-

le è l’interfaccia a determinare la capacità di analisi dell’utente consentendogli di trovare

l’informazione che gli interessa.

9

Negli studi effettuati con l’intento di disegnare nuovi scenari è significativo il concetto di

“calm technology” (Weiser e Seely Brown 1996), vale a dire di una tecnologia che ci pre-

senti continuamente informazioni nello stesso modo non intrusivo in cui, per esempio, una

finestra ci offre informazioni su ciò che avviene all’esterno. L’idea centrale è quella di

un’interfaccia che muova tra il primo piano e lo sfondo della nostra attenzione. Questa è

stata anche una delle idee principali del progetto di ambienti per la visualizzazione delle

informazioni. Ovviamente questi esperimenti non hanno esplorato nuove funzionalità ma

nuove forme di apparenza dei computer. Possiamo dire che l’intento di questi esperimenti è

stato quello di far “scomparire” il computer.

“Il computer invisibile” è il titolo di un saggio di Norman del 1998 in cui l’autore auspica la

“scomparsa della tecnologia”, in quanto la tecnologia migliore è quella che non si vede. Gli

oggetti devono essere così semplici da usare da rendere la tecnologia trasparente. Per poter

raggiungere questo obiettivo Norman riprende il concetto di infodomestici (Raskin 1988).

L’infodomestico è un elettrodomestico specializzato, in grado di compiere elaborazioni, con

la caratteristica di riuscire a condividere le informazioni. Un oggetto di questo tipo, adatto a

compiti specifici, potrebbe abbattere la complessità intrinseca dei computer. Il computer per

sua natura risulta essere complesso e difficile da usare, la sua caratteristica di strumento

multifunzione ne impedisce la semplicità. Inoltre il modello di business proposto

dall’industria informatica impone una continua evoluzione della complessità. Qualunque

dispositivo che deve compiere compiti diversi deve raggiungere dei compromessi per

quanto riguarda la gestione dei singoli compiti. Gli infodomestici, invece, progettati per

assolvere uno specifico compito potrebbero rappresentare un’inversione di tendenza ed un

modello che prevede un determinato apparecchio tagliato su misura per un determinato

lavoro. L’inserimento del computer all’interno dello strumento non costringe l’utente ad

essere cosciente della sua presenza. In questo modo l’apprendimento dell’utilizzo dello

strumento diventa inscindibile dall’apprendimento dell’attività. L’attuale sviluppo dell’in-

dustria informatica rende possibile pensare ad infodomestici in grado di offrire prestazioni

ed affidabilità ad un prezzo ragionevole.

Sebbene rendere il computer invisibile potrebbe essere un passo nella giusta direzione dal

punto di vista letterale, dal punto di vista fenomenologico è più complesso. Gli oggetti

invisibili sono quelli accettati come tali, quando usiamo un martello oppure camminiamo

non pensiamo a come farlo, ma lo facciamo. Il martello non è invisibile, ma scompare in

quanto noi lo utilizziamo in modo naturale senza riflettere. In realtà, molti oggetti sono

considerati parti naturali nella nostra vita. Quando qualcosa di nuovo compare nella nostra

10

vita sarà accettata gradualmente come parte naturale della nostra vita. Quindi, gli oggetti

appaiono e scompaiono come parti del nostro quotidiano. La maggior parte del tempo gli

oggetti presenti nella nostra vita non richiederanno la nostra attenzione per la loro presenza.

Per costruire un solido approccio alla progettazione, dobbiamo comprendere questi atti di

accettazione, rispetto alla piena comprensione di cosa sono gli artefatti tecnologici di ogni

giorno.

1.4 Artefatti tecnologici, da strumenti di elaborazione ad oggetti personali

Come detto l’evoluzione dei sistemi di calcolo impone una ridefinizione delle caratteristiche

da progettare e delle variabili da valutare. Infatti, il progetto e la valutazione di un artefatto

sono spesso fatti in relazione ad alcuni intenti d’uso. La valutazione dell’usabilità, come

vedremo in dettaglio nel terzo capitolo, è fatta in relazione a criteri quali, efficienza,

semplicità d’uso e facilità d’apprendimento. Una descrizione delle cose secondo questi

criteri, è una “descrizione funzionale” basata sulla nozione generale di uso.

Nelle analisi delle prospettive con le quali considerare gli artefatti, nello scenario

dell’ubiquitous computing, è interessante la differenza introdotta da Hallnäs e Redström

(2002) del concetto di “uso” (qualcosa che deve essere usato per qualcosa) e “presenza”

(qualcosa che deve essere presente nella vita di qualcuno) di un oggetto.

Uso e presenza, quindi, rappresentano due diverse prospettive di cosa è un oggetto. Mentre

il concetto di “uso” fa riferimento ad una descrizione di un oggetto nei termini degli scopi

per cui è usato, il concetto di “presenza” fa riferimento alle “espressioni delle cose” basata

sul modo in cui le accettiamo come parte della nostra vita.

A differenza di una descrizione basata sulla generica nozione di uso, una descrizione in

termini di presenza è legata a un particolare significato dato ad uno specifico oggetto.

Quando gli artefatti cambiano da essere strumenti per uno specifico uso ad oggetti presenti

nella nostra vita, dobbiamo spostare il focus dal progettare per l’efficienza d’uso al

progettare per la significatività della presenza. Questo spostamento di prospettiva pone

l’estetica al centro del processo di design cambiando il significato di usabilità.

L’estetica, in quest’ottica, non ha a che vedere con la dimensione creativa degli artefatti, ma

con la modalità con cui la loro espressione definisce un’identità che può renderli signi-

ficativi nella vita di qualcuno. Quindi l’estetica, come logica dell’espressione, fornisce un

contesto metodologico per la definizione dell’espressione degli artefatti tecnologici.

11

Molti artefatti, definiti per mezzo del loro uso, in realtà sono parte della vita di qualcuno in

modo più profondo, sono presenti nella nostra vita come parte di quello che siamo, di come

viviamo e di come esprimiamo la nostra personalità.

La descrizione della presenza di un artefatto nei termini di come esprime se stesso allorché

veniamo a contatto nella vita di tutti i giorni, ci consente di pensare agli artefatti come

portatori di espressioni piuttosto che di funzioni.

I due modi di descrivere e definire un artefatto, in termini di uso e presenza, sono

prospettive complementari. Quando valutiamo un qualsiasi oggetto quale un abito, un

telefonino, un mobile, consideriamo sia la sua funzionalità che le sue epressioni. Hallnäs e

Redström concludono che pensare in termini di presenza ci apre nuove prospettive per il

design in vista della “scomparsa” del computer.

1.5 Emozioni e artefatti

La prospettiva di oggetti descritti attraverso la loro presenza nella vita di qualcuno induce

ad una riflessione sulle modalità con la quale scegliamo e attribuiamo valore agli oggetti.

La scelta di un oggetto dipende da diverse componenti quali il contesto, l’occasione, lo stato

d’animo. Un oggetto va al di là della sua funzione pratica, può avere, ad esempio, un

significato ed una componente personale che nessun designer o produttore può fornire.

Spesso noi attribuiamo un valore simbolico ad un oggetto per essere legati a momenti che

hanno un’importanza nel nostro vissuto.

In quest’ottica Norman (2004) individua nel design di un prodotto diverse componenti:

l’usabilità, l’estetica, la sua praticità, e riconosce una forte componente emozionale nel

modo in cui i prodotti vengono progettati e utilizzati. Chiama queste componenti design

viscerale, design comportamentale, design riflessivo.

• Il design viscerale è il primo livello, è quello che fa la natura. Legato all’apparenza, non

dipende da aspetti culturali

• Il design comportamentale è legato ai processi cerebrali che controllano il compor-

tamento quotidiano, è quindi basato sull’utilizzo e riguarda il piacere e l’efficacia d’uso

• Il design riflessivo è il livello più alto. Considera il significato del prodotto e concerne

con l’immagine che abbiamo di noi stessi. È culturalmente dipendente.

Norman afferma inoltre che queste dimensioni, ancorché profondamente diverse tra loro

vanno intrecciandosi in ogni design. L’aspetto importante di questa relazione tra le com-

12

ponenti del design risiede nel fatto che che le emozioni e il processo cognitivo sono inscin-

dibili. Le emozioni accompagnano ogni momento della nostra vita, delle nostre azioni e

delle nostre relazioni. La componente emozionale ci condiziona e a volte ci guida nei com-

portamenti. Questa stretta interconnessione tra emozioni e processi cognitivi, peraltro og-

getto di nuovi sviluppi scientifici nella comprensione del cervello, pone il problema del-

l’inadeguatezza di un approccio al design che si occupi solo di utilità e usabilità.

L’ulteriore fattore che va considerato accanto alle emozioni è quello dell’estetica, dell’at-

trazione, della bellezza.

“Se dovessimo seguire la ricetta di Norman, tutti i nostri oggetti sarebbero usabili – ma ri-

sulterebbero anche brutti”, è la critica rivolta dai designer a Norman all’indomani del-

l’uscita de “La caffettiera del masochista” (splendido volume i cui contenuti sono ripresi più

volte in questo lavoro di tesi). Lo stesso Norman considera legittima questa critica, sot-

tolinea che un oggetto usabile non è necessariamente piacevole da usare e un design attraen-

te non è necessariamente facile da usare e conclude che funzionalità, estetica e usabilità

devono poter coesistere in un prodotto.

Gli studi delle scienze cognitive riconoscono l’emozione quale componente essenziale della

vita, in grado di influenzare il modo di pensare, di sentire, di comportarsi degli esseri uma-

ni. “L’emozione ci rende più intelligenti”: è il risultato delle attuali ricerche di Norman, le

emozioni attraverso i mediatori chimici, modificano la percezione, la capacità di prendere

decisioni e il comportamento. Vi è, dunque, la prova che gli oggetti piacevoli ci consentono

di lavorare meglio ed ottenere risultati migliori con prodotti che ci fanno stare bene e con i

quali ci sentiamo a nostro agio. Un oggetto esteticamente piacevole può migliorare le nostre

prestazioni.

13

2. L’interazione uomo-macchina

L’interazione tra l’uomo e la macchina rappresenta la comunicazione tra l’utente e il

sistema. Tale comunicazione può avvenire in diversi modi con diversi livelli di interattività.

Come tutti i processi di comunicazione, l’interazione richiede due partecipanti, utente e

sistema, che sono profondamente diversi nel modo di comunicare e di percepire compiti e

dominio.

L’interfaccia ha il compito di ridurre le distanze tra i due partecipanti alla comunicazione

traducendo correttamente i concetti dell’utente in quelli del sistema.

Prima di parlare dell’interfaccia e del suo ruolo, riportiamo i passaggi essenziali nella storia

dell’interazione uomo-macchina.

2.1 La storia dell’interazione uomo-macchina

Dourish identifica quattro fasi nella storia dell’interazione uomo-macchina: elettrica, simbo-

lica, testuale, grafica.

Nella fase elettrica, caratterizzata dalla presenza di computer analogici – in cui i dati sono

rappresentati da grandezze fisiche continue come la pressione e il voltaggio – e dalla man-

canza di distinzione tra hardware e software, per poter interagire con il computer bisognava

modificarne i circuiti.

Successivamente, l’introduzione dei computer digitali ha comportato la separazione tra

hardware e software che in una prima fase è scritto in linguaggio macchina.

Il passaggio tra il linguaggio macchina e l’assembly – un linguaggio che sostituisce i nume-

ri binari con codici – segna l’inizio della fase simbolica nella storia dell’interazione uomo-

macchina. In questa fase l’interazione avviene con una combinazione di questi codici. Il

limite essenziale dell’assembly è il suo legame con il linguaggio macchina che varia dipen-

dentemente dal tipo di processore.

L’evoluzione dei linguaggi simbolici, sempre meno vicini al linguaggio macchina e la

nascita dei sistemi operativi che, fornendo un ambiente per l’esecuzione dei programmi,

14

rappresentano l’interfaccia tra utente e hardware si entra nella fase testuale. In questa fase il

linguaggio non è più utilizzato per scrivere solo programmi ma anche per interagire con il

computer. Nascono le cosiddette interfacce a linea di comando, in cui l’utente per mezzo di

comandi impartisce delle direttive, è il periodo in cui il sistema operativo Ms-Dos conosce

una forte diffusione.

In questa evoluzione delle interfacce, uno degli eventi di svolta è stato, senza dubbio,

l’introduzione dei sistemi operativi basati su interfaccia grafica. Siamo, per l’appunto, nella

fase grafica, l’utente interagisce mediante la manipolazione di elementi grafici, le icone; ma

soprattutto, lo spazio di interazione diventa a due dimensioni, consentendo di sfruttare una

serie di caratteristiche della nostra capacità di organizzazione spaziale (Nielsen 1999;

Raskin 2000).

La bidimensionalità consente la distribuzione dell’informazione in modo mirato, ad

esempio dividendo le aree per l’interazione da quelle dei comandi, e l’utilizzo di metafore

cognitive. I sistemi operativi più diffusi, Apple MacOs X e Windows Xp, utilizzano la me-

tafora della scrivania i cui elementi iconici, che rappresentano cartelle, documenti e un

cestino, ricordano una scrivania.

Questi elementi sono puntati attraverso un dispositivo chiamato mouse, prolungamento del

braccio dell’utente. Le interfacce grafiche caratterizzano anche altri strumenti, quali i

chioschi multimediali, nei quali i comandi vengono espressi mediante la pressione esercitata

con la mano sul monitor.

Le interfacce grafiche che hanno il vantaggio di essere facili da imparare, ma lo svantaggio

di essere complesse da realizzare, sono anche dette a “manipolazione diretta” perché sono

basate sul criterio che l’utente invii al sistema i comandi manipolando dei control che

rappresentano sull’interfaccia i task realizzabili. L’idea centrale della manipolazione diretta

è quella di rappresentare gli oggetti dell’interfaccia in modo che l’utente possa agire su di

essi allo stesso modo con cui agisce con oggetti fisici. Questa caratteristica sottende lo sco-

po di sfruttare gli schemi percettivo-motorî che fanno parte del nostro patrimonio cognitivo.

Le altre due forme di interazione dominanti sono quella in linguaggio naturale e quella con

un agente animato.

Nell’interazione in linguaggio naturale l’utente specifica le proprie richieste al sistema con

un linguaggio pseudo-naturale. Il sistema risponde in linguaggio naturale o multimediale. In

questa forma di interazione il sistema deve essere in grado di interpretare le richieste

dell’utente, questo comporta una difficoltà di implementazione e il vantaggio della facilità

di apprendimento.

15

L’idea di un’interazione attraverso un agente animato nasce invece con l’intento di attri-

buire un volto alle macchine. Infatti, si è scoperto che esistono delle analogie tra interazione

umana e tra uomini e mezzi. Bisogna, quindi, badare non solo alla facilità d’uso ma anche ai

fattori umani.

Secondo Cassell (2000) un agente animato deve essere capace sia di riconoscere le mosse

dell’utente nel dialogo che di rispondere, a sua volta, con una mossa coerente, integrando

parte verbale a parte non verbale in modo da essere considerato credibile dall’utente. La

credibilità è considerata essere componente essenziale dell’usabilità di un’interfaccia ad

agenti.

Gli agenti animati si propongono, quindi, di realizzare una nuova modalità di interazione

che dia all’utente l’illusione di interagire con un assistente intelligente. Un agente per poter

essere considerato intelligente deve essere in grado di comprendere anche messaggi ambi-

gui e deve essere in grado di proporre aiuto anche quando non è stato richiesto. Un agente

animato possiede, quindi, autonomia. Questa caratteristica comporta che il rischio maggiore

risieda nella possibilità di essere intrusivi. È quanto accaduto all’agente realizzato dalla

Microsoft nell’ambito del progetto “Lumiere”, il primo esperimento di agente animato.

Anche l’interazione con agenti animati presenta il vantaggio di una fase di apprendimento

breve.

2.2 L’interfaccia e la progettazione centrata sull’utente

Spesso con il termine interfaccia si fa riferimento alle interfacce grafiche, dette “Gui”

(Graphical User Interface), con le quali siamo abituati ad interagire nel lavoro quotidiano

caratterizzate dalla metafora della scrivania e dalla presenza di finestre e menu.

In realtà già esistono dei prototipi di interfacce vocali e in un futuro prossimo potremo

dialogare con artefatti tecnologici mediante l’utilizzo della voce.

Raskin definisce “interfaccia” il modo in cui si fa qualcosa con uno strumento: le azioni e il

modo in cui lo strumento risponde.

Uno degli obiettivi primari della tecnologia e quindi dei progettisti di sistemi ed interfacce

deve essere quello di semplificare le cose. La tecnologia dovrebbe aiutare le persone nello

svolgimento dei compiti.

Purtroppo progetti sbagliati non solo non riescono in questo intento, ma sono, addirittura, in

grado di rendere complesso ciò che, in realtà, è semplice.

16

Basti pensare alle difficoltà che gli utenti incontrano nell’utilizzo di strumenti quali il

videoregistratore del quale conoscono ed utilizzano, in modo errato, una percentuale

marginale delle funzioni a disposizione.

Il primo passo in un processo centrato sull’utente dovrebbe essere quello di includere gli

aspetti di psicologia umana.

Esistono delle caratteristiche comuni a ogni essere umano, caratteristiche psicologiche

universali che dovrebbero essere tenute presenti in ogni progetto e dovrebbero precedere

l’analisi delle tipologie di utenti di un determinato strumento.

A questo proposito è interessante ricordare Jung (1936) e la sua “teoria degli archetipi del-

l’inconscio collettivo”. Jung sostiene che esiste uno strato profondo dell’inconscio che non

deriva da esperienze e acquisizioni personali, ma che è innato. Questo inconscio non è di

natura individuale, ma “collettiva”, ha contenuti e comportamenti che sono gli stessi dap-

pertutto e per tutti gli individui. Mentre i contenuti dell’inconscio personale costituiscono

l’intimità personale della vita psichica, i contenuti dell’inconscio collettivo sono i cosiddetti

“archetipi” cioè forme determinate e immagini primordiali autoctone, capaci cioè di

generarsi da sole, esistenti nella psiche.

Raskin sostiene che i progettisti piuttosto che considerare questi aspetti psicologici

universali dell’uomo tendono ad uniformarsi a quelli che sono gli standard di mercato

perpetuando sistemi mal progettati e i paradigmi esistenti. Strumenti quali Visual Basic e

Visual C++, ancorché utili, limitano di fatto la libertà d’azione del progettista.

Bisogna sottolineare che i cambiamenti di abitudini mentali ormai radicate nell’utente ed

entrate a far parte del suo patrimonio cognitivo comportano un costo dovuto allo sforzo

richiesto per apprendere la nuova modalità. Questo significa che, in questi casi, non solo

bisogna ottenere un miglioramento dell’usabilità, ma anche, valutare la tipologia di utente.

In un sistema caratterizzato da utenti saltuari, è preferibile privilegiare la familiarità,

viceversa in una situazione in cui l’apprendimento rappresenta un aspetto marginale

nell’uso dello strumento da parte dell’utente è preferibile riprogettare puntando ad una

maggiore produttività.

La progettazione centrata sull’uomo, dunque, deve tenere presente sia il funzionamento

degli esseri umani che delle macchine, considerando attentamente le difficoltà che gli

uomini incontrano nell’interazione con dispositivi automatici.

Nell’analisi e nella comprensione dei meccanismi umani nell’utilizzo di un sistema bisogna

considerare che gli essere umani quando si abituano a fare qualcosa in un determinato modo

danno per scontato che il funzionamento debba essere quello.

17

L’utente è abituato ad alcuni comportamenti anomali dei sistemi informatici a tal punto da

considerarli inevitabili. A tal proposito Raskin menziona il tempo di boot, ovvero il tempo

di attesa al momento dell’accensione di un computer. La sua riduzione, dal punto di vista

tecnico ad un computer per funzionare servono solo pochi secondi, aumenterebbe l’usabi-

lità, ma mai nessuno si è posto questo problema.

Un utente non deve né attendere senza motivo, né sentirsi costretto a compiere delle azioni

in un determinato tempo, i tempi dell’interazione devono essere dettati dall’utente stesso

che deve sentirsi libero di adeguare l’interazione ai suoi ritmi senza vincoli di tempo.

Nello svolgimento dei propri compiti quotidiani gli esseri umani tendono a sviluppare

abitudini, ovvero a compiere azioni in modo inconscio senza prestare attenzione ai dettagli.

Quando guidiamo, non lo facciamo pensando che ad un certo punto dobbiamo ruotare lo

sterzo per compiere una curva, ma lo facciamo grazie all’abitudine.

Raskin sostiene che il dovere dei progettisti è creare interfacce che impediscano la

formazione di abitudini che causino problemi agli utenti, in particolare le interfacce devono:

• sfruttare l’attitudine umana alla acquisizione di abitudini

• ingenerare abitudini che aiutino il lavoro degli utenti

La gran parte dei problemi che gli utenti incontrano nell’utilizzo di un sistema hanno

origine da interfacce che non tengono in considerazione la capacità di adattamento degli

esseri umani, non distinguono, quindi, tra gli aspetti positivi e quelli dannosi dello sviluppo

di abitudini.

La progettazione dell’interfaccia va effettuata nell’analisi dei requisiti, non appena è stato

definito lo scopo del prodotto, e non nella prima fase dello sviluppo. L’implementazione de-

ve poi discendere dall’interfaccia. Dal punto di vista dell’utente, l’interfaccia è il prodotto.

Il ciclo di vita della progettazione

La filosofia progettuale che si è andata affermando nei primi anni ’80 con l’introduzione

delle interfacce a manipolazione diretta, allorché si comprende la centralità dell’utente,

viene denominata “User Centered Design” (UCD).

L’UCD considera la progettazione dell’interfaccia un processo iterativo (figura 2.1) che

parte da un’analisi dell’utenza attuale, potenziale o futura, dei compiti che questi utenti

svolgono, degli oggetti implicati nello svolgimento di questi compiti e delle relazioni

esistenti fra utenti, compiti e oggetti.

Analisi, progettazione e verifica si succedono, spesso con il coinvolgimento diretto del-

l’utente, fino a quando non si ottiene un risultato accettabile per gli standard definiti

18

all’inizio. L’applicazione delle metodologie Hci (Human Computer Interaction) ha lo scopo

di ottimizzare il processo di sviluppo riducendo il numero di iterazioni.

Figura 2.1. Il ciclo di vita nella progettazione di interfacce (De Rosis 2004).

La personalizzazione dell’interazione

La possibilità di personalizzare l’interazione rappresenta una modalità di sicuro interesse

per la progettazione centrata sull’utente.

La separazione tra l’interfaccia e il software - resasi necessaria con l’aumentare della com-

plessità legata all’introduzione delle Gui - ha comportato due vantaggi complementari: da

un lato la possibilità di adattare l’interazione all’utente collegando diverse interfacce alla

stessa applicazione, dall’altro la possibilità di introdurre cambiamenti in una delle due

componenti senza dover modificare l’altra.

Vedremo nel prossimo capitolo come la flessibilità rappresenti una proprietà di un’inter-

faccia usabile. Il livello più sofisticato di flessibilità prevede la capacità da parte del sistema

di riconoscere le caratteristiche dell’utente e di adattarsi automaticamente fornendo in

questo modo una “personalizzazione” dell’interazione. Questa forma di personalizzazione,

detta “personalizzazione adattiva”, assume una grande importanza in ambiti quali la

pubblicità e l’erogazione di servizi sul web e attraverso dispositivi diversi. Servizi, con-

tenuti e messaggi hanno significato se incrociano gli interessi dell’utente risultando rilevanti

per lui e, quindi, in grado di essere percepiti come valore aggiunto.

19

La personalizzazione adattiva avviene attraverso due fasi.

Nella prima il sistema crea un “profilo” dell’utente sulla base della richiesta di alcune

informazioni personali. È importante che le informazioni richieste non richiedano un

impegno gravoso in termini di tempo e non siano percepite come invadenti della sfera

personale. Una buona modalità, utilizzata ad esempio nelle registrazioni ad alcuni siti web,

consiste nel dare la possibilità di poter rispondere all’insieme di domande anche in momenti

successivi, richiedendo all’utente nella fase iniziale solo alcune informazioni fondamentali.

Ad ogni modo esistono essenzialmente due approcci per l’acquisizione di tali informazioni:

- l’acquisizione esplicita che raccoglie le informazioni necessarie alla personalizzazione

attraverso una serie di domande;

- l’acquisizione implicita che limita le domande iniziali attivando un primo modello

approssimativo.

Nella seconda fase il profilo creato viene aggiornato sulla base del comportamento, delle

scelte e delle preferenze mostrati dall’utente nel corso delle interazioni. Questa modalità che

sfrutta metodi di intelligenza artificiale consente di monitorare anche i cambiamenti di

interessi dell’utente nel corso del tempo.

Un sistema di questo tipo (figura 2.3), in grado di generare dinamicamente l’interfaccia ad

ogni profilo deve prevedere:

- una base di conoscenza sui metodi di generazione delle interfacce

- un modulo per il riconoscimento dell’utente

- un modulo di generazione dell’interfaccia.

Riconoscimento dell’utente

Generazione dell’interfaccia

Personalizzazione

Applicazione

Interfaccia

Metodidi generazione

Up 1Up 2

.

.

.Up m

Profili utente

Figura 2.3. Architettura di un sistema per la generazione dinamica di interfacce (De Rosis 2004).

20

2.3 L’affordance

La psicologia dell’interazione tra persone e oggetti è regolata da alcuni princìpi quali, ad

esempio, l’importanza di informazioni sullo stato e del feedback delle nostre azioni. L’indi-

viduazione di tali princìpi non può fare a meno di considerare il concetto di affordance.

Lo psicologo cognitivo Gibson introdusse per primo il termine affordance nel 1979. Un’af-

fordance è una risorsa che l’ambiente offre a un soggetto che è in grado di coglierla. Gibson

ritiene che ogni oggetto è caratterizzato da un insieme di proprietà che supportano un par-

ticolare tipo di azioni e non altre.

Quindi, l’affordance rappresenta l’“invito” che un determinato oggetto, materiale, disposi-

tivo esprime nei confronti di un soggetto.

Una sedia è fatta per sedersi, le superfici lisce consentono di camminarci. Una superficie di

vetro può invitare alla frantumazione quelle di legno a scriverci sopra.

Questo è quanto accaduto in Inghilterra alle pensiline presenti nelle stazioni ferroviarie: fin

quando sono state di vetro, i vandali le hanno sfondate, successivamente, quando sono state

sostituite con pannelli in compensato, hanno incominciato a scriverci sopra e intagliarle con

i temperini.

Questa visione dell’affordance è di tipo adattativa nella quale il corpo trae dall’ambiente le

informazioni che gli sono necessarie.

Mantovani e Norman, tuttavia, propongono una prospettiva che considera anche gli aspetti

contestuali e culturali nella relazione tra soggetto e affordance.

Per chiarire questo aspetto Riva (2004), fa l’esempio di una banconota di 500 euro che per

un abitante dell’amazzonia ha la principale affordance di proteggere un frutto tropicale, per

noi occidentali, potrebbe rappresentare una settimana bianca.

Questo esempio evidenzia come l’affordance di un oggetto possa essere non diretta, cioè

legata alla struttura fisica, ma mediata dal significato che gli attribuiamo e dal contesto in

cui viviamo.

È possibile, quindi, distinguere tra:

• affordance mediata: risultato dell’interpretazione dell’ambiente da parte del soggetto.

Tale interpretazione è determinata da due componenti: significato attribuito all’oggetto

e contesto. Queste caratteristiche, fanno sì che l’affordance mediata sia relativa e

mutevole;

• affordance diretta: risultato del flusso di informazioni che l’ambiente fornisce all’orga-

nismo. Questo tipo di affordance fa quindi riferimento alle proprietà fisiche dell’oggetto

21

e quindi è stabile, in quanto cambia solo con la modificazione delle proprietà fisiche

dell’oggetto.

Va sottolineato come il concetto di affordance sia legato a quello di interazione, quindi è

legato ad uno degli aspetti che caratterizzano fortemente i media digitali.

Potremmo dire che l’affordance è una misura del grado di interattività e una indicazione

sull’interazione offerta all’utente.

Con riferimento alla psicologia dei nuovi media Riva (2004) sostiene che non è possibile

prescindere dalle opportunità offerte dall’analisi delle affordances esibite da un medium e

delle conseguenze psicosociali ad esso collegate.

Sulla base di queste considerazioni sulle proprietà degli oggetti possiamo definire

l’affordance come l’insieme di operazioni consentite da un oggetto, “to afford” in inglese

significa permettersi.

È possibile fare un’ulteriore distinzione tra affordance reale, ovvero l’insieme delle ope-

razioni che è possibile compiere con un oggetto e affordance percepita, che fa riferimento

alle operazioni che sono percepite da un utente come consentite.

Possiamo concludere che un oggetto esibisce un insieme di opportunità di utilizzo, solo

alcune di queste sono percepite dall’utente.

Questa discrepanza è estremamente interessante per lo studio e l’individuazione degli

elementi utili ad uno sviluppo per l’utente.

Una interfaccia ben progettata deve mirare a minimizzare la forbice tra affordance reale e

percepita fornendo all’utente in modo univoco l’insieme delle funzionalità espresse.

2.4 I princìpi del design

L’attività di design, come abbiamo avuto modo di accennare, individua tra i suoi obiettivi

primari quello di assecondare la mente umana per consentire all’utente di comprendere nel

modo più semplice possibile le affordaces offerte e di poter raggiungere i suoi intenti senza

frustrazione e sforzi cognitivi.

Esistono alcuni princìpi, ineludibili per il raggiungimento di tali obiettivi, che fanno di un

design un “buon design”.

22

Il mapping

Il termine mapping indica tecnicamente la relazione esistente tra due cose.

L’attività di design deve utilizzare al meglio le relazioni tra le cose per convogliare

informazioni sul funzionamento di un dispositivo all’utente.

Sfruttare le correlazioni spaziali che intervengono in un’azione, si pensi ad esempio a quelle

che intervengono in una sterzata in cui per far girare la macchina a destra si ruota il volante

in senso orario, consente di assecondare quella che appare la scelta naturale per ottenere un

determinato risultato.

Un mapping di questo tipo, che sfrutti analogie fisiche e modelli culturali e che Norman

chiama mapping naturale, conduce alla comprensione immediata e al ricordo nel tempo.

Si possono usare analogie di tipo spaziale, un oggetto può essere sollevato attraverso un

comando che si muova verso l’alto e abbassato con un movimento verso il basso.

Per comandare i fuochi di una cucina possiamo disporre le manopole sulla cucina secondo

lo stesso schema. Una correlazione di questo tipo consente di evitare la conservazione

dell’informazione in memoria. La mancanza di una correlazione spaziale tra fuochi e

manopole non consente all’utente di decidere la corretta corrispondenza. Una disposizione

arbitraria costringe l’utente ad imparare i singoli comandi e conservare in memoria l’infor-

mazione oppure richiede l’utilizzo di etichette che indichino la corrispondenza.

La maggior parte delle cucine utilizza dei comandi a coppie, in cui le manopole di sinistra

comandano i fuochi di sinistra e quelle di destra i fuochi di destra. Questa soluzione riduce

drasticamente il numero di combinazioni possibili, non più 24, ma solo due, in quanto parte

dell’informazione è contenuta nella disposizione spaziale, ma richiede ancora indicazioni,

se avanti o dietro.

Un buon design deve evitare l’utilizzo di etichette e scritte, un oculato utilizzo di corre-

lazioni naturali, generalmente, può ridurne al minimo l’utilizzo. Quanto più un dispositivo

utilizza le correlazioni naturali nei propri comandi maggiore sarà la semplicità d’uso da

parte dell’utente che non dovrà compiere sforzo né nell’apprendimento, né nella conserva-

zione delle informazioni in memoria.

D’altro canto, l’utilizzo del mapping naturale evita il ricorso ad etichette ed indicazioni.

Quest’ultimo aspetto riduce la complessità visiva, va incontro ad esigenze di tipo estetico e

risponde ad uno dei princìpi del design che prevede l’utilizzo di tutti e soli gli elementi

necessari.

23

Il feedback

Il feedback rappresenta l’informazione di ritorno in un qualunque processo di comu-

nicazione. Anche nella comunicazione interpersonale è possibile parlare di feedback,

ovvero della risposta da parte del nostro interlocutore ad un nostro atto comunicativo.

Quando dialoghiamo formuliamo delle richieste in termini relazionali che rimoduliamo e

adattiamo a seconda delle risposte del nostro interlocutore.

Analogamente anche nel dialogo con un sistema l’informazione che caratterizza la risposta

del sistema ad una nostra specifica richiesta risulta fondamentale per poter valutare gli

effetti delle azioni intraprese e l’eventuale successo delle stesse.

Questa informazione di ritorno alle azioni intraprese da un utente possono essere esibite da

un sistema in modi differenti dipendentemente dal tipo di sistema e di interazione, quello

che risulta di fondamentale importanza è il comunicare in modo chiaro il nuovo stato

raggiunto dal sistema e il compimento di una determinata azione. Può avvenire attraverso

messaggi sonori, in linguaggio naturale oppure visuale.

L’aspetto del feedback risulta dunque centrale per la bontà della relazione tra utente e

sistema qualificando l’interazione.

In ambito web questo principio assume una notevole importanza e risulta determinante per

molti aspetti dell’esperienza utente. In primo luogo costituisce la modalità con la quale

fornire meccanismi di orientamento nell’ambito del processo di navigazione attraverso

titoli, elementi grafici e url. Ancora più importante, evidentemente, è il ruolo che assume il

feedback nell’espletamento di operazioni rischiose quali le transazioni economiche. Un sito

di commercio elettronico che usa appropriatamente il feedback ha la possibilità di costruire

un rapporto di fiducia con il visitatore cliente con ovvie ricadute sulla costruzione di una

relazione di lungo termine e sulla percezione della affidabilità dell’azienda.

2.5 Modelli di interazione

Disporre di un modello d’interazione, vale a dire di uno schema che definisce e specifica le

fasi in cui si articola il dialogo tra un utente ed una macchina rispetto ad un determinato task

da compiere, consente di poter individuare i problemi e la loro origine in un’interfaccia. Un

buon modello di interazione discende dai princìpi del buon design ed esistono delle

relazioni tra le fasi dei cicli interattivi e tali princìpi.

24

Il ciclo di valutazione ed esecuzione di Norman

Lo scopo di un sistema interattivo è aiutare un utente a raggiungere i propri obiettivi in un

determinato dominio applicativo. L’utente, per raggiungere i propri obiettivi, formula un

piano, lo esegue tramite l’interfaccia e valuta i risultati per proseguire con nuove azioni.

Questo schema di ciclo interattivo ci consente di individuare, essenzialmente due fasi:

esecuzione e valutazione che seguono la definizione di uno scopo.

Il modello di interazione di Norman (figura 2.2) suddivide ulteriormente esecuzione e

valutazione in tre fasi ciascuna. Abbiamo così, sette fasi, una per lo scopo, tre per

l’esecuzione, tre per la valutazione, ognuna delle quali è un’attività dell’utente.

1. Stabilire l’obiettivo

2. Concepire l’intenzione

3. Specificare la sequenza d’azione

4. Eseguire l’azione

5. Percepire lo stato del sistema

6. Interpretare lo stato del sistema

7. Valutare lo stato del sistema rispetto agli obiettivi e alle intenzioni

Norman sottolinea che questo modello va considerato approssimativo e non una teoria

psicologica completa. Gli stadi non sono entità distinte e la gran parte dei comportamenti

non richiede che si ripassino nell’ordine tutti gli stadi. Spesso gli scopi sono riformulati, i

risultati di alcune attività diventano l’input di altre attività con scopi collaterali.

Sistema

Scopi

Intenzione di agire

Sequenza di azione

Esecuzionedella sequenza di azione

Valutazionedelle interpretazioni

Interpretazionedella percezione

Percezionedello stato del mondo

Figura 2.2. Il ciclo di valutazione ed esecuzione di Norman (Norman 1988).

25

Il golfo dell’esecuzione e della valutazione

Spesso fare qualcosa risulta oltremodo difficile, anche quando lo scopo è ben definito.

Tali difficoltà consistono nell’individuazione delle relazioni tra le intenzioni e le

interpretazioni mentali e le azioni e gli stati del mondo fisico.

Ognuno dei golfi che separa gli stati mentali da quelli fisici riflette un singolo aspetto della

distanza fra le rappresentazioni mentali del soggetto e gli stati fisici dell’ambiente.

Un gran numero di semplici dispositivi di uso quotidiano (rubinetti, videoregistratori,

frigoriferi), con una struttura non complessa mettono in crisi anche persone molto

competenti a causa dei golfi presenti. Le difficoltà sono invisibili e gli utenti tendono a dare

la colpa alla propria incapacità di svolgere azioni semplici.

Il golfo dell’esecuzione è la differenza tra le azioni possibili sul sistema e le intenzioni,

quindi la sua misura è determinata dalla quantità di azioni che il sistema non consente di

eseguire direttamente senza sforzo supplettivo all’utente.

Il golfo della valutazione, invece, è una misura della quantità di sforzo necessario per

interpretare lo stato fisico del sistema e comprendere fino a che punto corrisponda alle

aspettative ed intenzioni.

La capacità di un sistema di presentare il suo stato in una forma facilmente decodificabile

dall’utente e, comunque, in linea con il modello che l’utente si è costruito del sistema

produce un golfo piccolo.

Come detto, un modello d’interazione consentendo l’individuazione dei problemi risulta un

aiuto nel processo di progettazione. In particolare, la struttura multistadiale prospettata da

Norman fornisce una lista di domande (figura 2.3) per assicurarsi che i golfi dell’esecuzione

e della valutazione possano essere attraversati in modo sicuro.

Quanto è facile:

Determinare la funzione dell’apparecchio?

Dire quale azioni sono possibili? Dire se il sistema è nello stato desiderato?

Determinare la corrispondenza tra intenzione e movimento fisico?

Determinare le corrispondenze fra stato del sistema e interpretazione?

Eseguire l’azione? Dire in che stato è il sistema?

Figura 2.3. Uso dei sette stadi in sede di progetto (Norman 1988).

Come si può osservare dalla figura le domande per ogni stadio sono semplici e si possono

ricondurre ai princìpi del design quali visibilità, mapping, feedback.

26

L’Interaction framework

Un’estensione di questo modello, proposta da Abowd e Beale, affronta il problema della

comunicazione del sistema attraverso l’interfaccia non limitandosi a considerare solo il

punto di vista che l’utente ha nell’interazione.

Questo modello detto dell’interaction framework include il sistema interattivo che è

suddiviso in quattro componenti: sistema, utente, input, output, ognuno dei quali ha un

proprio linguaggio.

Il ciclo interattivo descritto dall’interaction framework prevede quattro fasi, ognuna delle

quali traduce i concetti da un componente ad un altro.

Il ciclo interattivo ha inizio con la formulazione di un obiettivo da parte dell’utente e di un

compito per raggiungere tale obiettivo.

Il compito deve essere codificato con il linguaggio di input che rappresenta il solo modo in

cui l’utente può manipolare la macchina.

I comandi dell’utente vengono tradotti nel linguaggio di base man mano che vengono

eseguiti dal sistema. Il sistema raggiunge un nuovo stato, a seconda delle richieste,

presentato all’utente con concetti che rappresentano l’output.

La fase d’esecuzione del ciclo è conclusa, la valutazione dell’output da parte dell’utente

rispetto agli obiettivi che si era posto conclude il ciclo interattivo.

L’interazione ha, quindi, quattro processi di traduzione: articolazione, esecuzione,

presentazione e osservazione.

L’utente articola il proprio compito, per raggiungere un determinato obiettivo, nel

linguaggio di input. Perché l’articolazione del compito sia semplice per l’utente è necessario

che l’input sia capace di svolgere azioni corrispondenti ai compiti e che i compiti si possano

tradurre chiaramente nel linguaggio di input.

Il concetto di mapping risulta utile nella definizione di un linguaggio di input in grado di

semplificare l’articolazione del compito da parte dell’utente.

La fase successiva consiste nella traduzione dell’input in stimoli per il sistema.

In questa traduzione bisogna valutare la sua capacità di raggiungere tutti gli stati del sistema

ottenibili usando direttamente gli stimoli del sistema.

Ad esempio, il controllo remoto di alcuni lettori di cd non consentono di spegnere il lettore,

tale operazione può essere compiuta con il pulsante che controlla l’alimentazione sul

pannello frontale.

In questa fase la facilità di traduzione da input a sistema va valutata in termini del costo di

implementazione, lo sforzo non è dell’utente ma del progettista e del programmatore.

27

La transizione di stato all’interno del sistema completa la fase di esecuzione. Inizia, così, la

fase di valutazione, il nuovo stato del sistema deve essere comunicato all’utente attraverso

la traduzione delle risposte del sistema in stimoli per l’output.

A seconda dell’espressività dell’output si avrà una traduzione dei concetti del dominio del

sistema più o meno vicina alle esigenze dell’utente.

L’ultimo passo consiste nella interpretazione da parte dell’utente della risposta dell’output.

Tale risposta viene tradotta in stimoli per l’utente che determinano la valutazione finale. La

facilità e la copertura di questa traduzione finale determina la traduzione complessiva

dell’osservazione e quindi la valutazione da parte dell’utente degli effetti della sua azione.

A tal proposito si pensi a quanto potrebbe essere difficile sviluppare un sito web in html

senza poter vedere l’output tramite un browser.

Nonostante il modello interaction framework sia stato introdotto per la valutazione generale

di un sistema interattivo, l’analisi di questo modello dipende dal compito corrente in cui

l’utente è impegnato. D’altro canto solo attraverso l’esecuzione di un determinato compito

di un dominio si può valutare l’usabilità di uno strumento.

Per ogni compito si potrebbe optare per lo strumento migliore per quel determinato

compito. Dovendo scegliere un solo strumento, la scelta cadrà sullo strumento più adeguato

ai compiti svolti più frequentemente.

28

3. L’usabilità

Nel capitolo precedente sono state descritte le quattro fasi che hanno caratterizzato la storia

dell’interazione uomo-macchina e l’evoluzione del software che da essere utilizzato dai suoi

stessi progettisti ha progressivamente interessato un pubblico più vasto ed eterogeneo. Negli

anni ’80 nasce il concetto di “usabilità” che diventa uno dei fattori di qualità dei sistemi

software.

Dal punto di vista concettuale, l’usabilità misura la distanza tra il “designer model”, cioè il

modello del sistema posseduto dal progettista, e lo “user model”, ovvero il modello mentale

che si costruisce chi usa il sistema.

Nell’approccio con un qualunque sistema, l’utente si costruisce un modello delle funziona-

lità che tale sistema è in grado di compiere, tale modello comprende anche le modalità con

le quali tali funzionalità possono essere svolte.

Evidentemente, quanto minore è la distanza tra questi due modelli, tanto maggiore potrà

essere considerata l’usabilità del sistema.

In questo capitolo viene presentato da più punti di vista il concetto di usabilità, le proprietà

delle interfacce usabili e i principali metodi per la sua valutazione.

3.1 Usabilità e accettabilità

In letteratura esistono diverse definizioni di usabilità delle interfacce. Consideriamone due:

quella formale dell’Iso 9002, che considera la misura di usabilità in relazione a degli scopi

da conseguire in un determinato contesto d’uso, ed un’altra proposta da Nielsen che colloca

l’usabilità nel più ampio concetto di accettabilità di un sistema.

La definizione di usabilità data dall’Iso 9002 afferma che l’usabilità misura il grado di

efficacia, efficienza e soddisfazione con cui specifici utenti perseguono i propri obiettivi in

un determinato contesto d’uso.

L’efficacia rappresenta l’accuratezza e la completezza con cui gli utenti possono raggiun-

gere specifici obiettivi.

29

L’efficienza è l’accuratezza e la completezza degli obiettivi ottenuti in relazione alle risorse

impiegate.

La soddisfazione è il comfort e l’accettabilità nell’uso del sistema.

La figura 3.1 mostra le relazioni tra gli aspetti considerati rilevanti dallo standard.

Prodotto software

Utenti

Compiti

Ambientetecnologico

Organizzazione

Contesto d’uso

Obiettivi

Risultatodell’interazione

Scopi

Efficacia

Efficienza

Soddisfazione

Misure dell’usabilià

Usabilitàgrado di efficacia, efficienza e soddisfazione

con cui si raggiunge lo scopo

Figura 3.1. Gli aspetti rilevanti dello standard Iso 9002

Nielsen fornisce una descrizione dettagliata degli attributi dell’usabilità definendola come la

misura della qualità dell’esperienza di un utente nell’interazione con un artefatto e

collocandola, come detto, in una prospettiva più ampia di accettabilità del sistema per la

quale propone un modello gerarchico:

accettabilità del sistema

accettabilità sociale

accettabilità pratica

utilità

utilità (funzionalità)

usabilità facilità di apprendimento

efficienza d’uso

facilità di memorizzazione

evitamento degli errori

soddisfacimento soggettivo

costo

compatibilità

affidabilità

30

Nel modello proposto da Nielsen, l’usabilità è considerata una proprietà multidimensionale

di un sistema, caratterizzata da cinque attributi:

• Facilità di apprendimento: la facilità di apprendere le funzionalità ed il compo-

rtamento del sistema. In un certo qual senso è l’attributo fondamentale, basti pensare

che la prima esperienza che la maggior parte della gente ha con un nuovo sistema è

quello di comprenderlo ed imparare ad adoperarlo

• Efficienza: una volta terminata la fase di apprendimento, il sistema dovrebbe essere

stato progettato per consentire alti livelli di produttività

• Facilità di memorizzazione: la facilità di ricordare le funzionalità del sistema affinché

l’utente non debba aver bisogno di capire nuovamente come utilizzarlo nel caso si tratti

di un utente casuale. La categoria degli utenti casuali è la terza in ordine di grandezza

dopo quella dei novizi e degli esperti. Gli utenti casuali sono persone che utilizzano un

sistema software in incostante. L’attributo di facilità di memorizzazione è di

fondamentale importanza per questo tipo di utente e per tutti quelli che per vari motivi

ritornano ad utilizzare un sistema dopo un periodo di inattività.

• Basso livello di errori: la capacità intrinseca del sistema di aiutare gli utenti a non

commettere errori durante l’interazione e, nel caso questi si verificassero, di dare la

possibilità di risolverli agevolmente

• Soddisfazione: la misura di quanto un sistema sia gradito all’utente, ossia quanto ne

soddisfa le necessità e le richieste aiutandolo a svolgere il proprio compito con facilità e

appagamento. Quest’ultimo è un attributo di notevole spessore giacché è indiscusso che

un sistema gradevole aumenti la produttività degli utenti.

Proprietà delle interfacce usabili

Un’interfaccia usabile deve esibire un’insieme di proprietà che sono strettamente legate ai

princìpi fondamentali del design. Tali proprietà possono essere verificabili attraverso alcuni

metodi di valutazione che descriveremo nel prossimo paragrafo. Le principali sono le

seguenti:

• Naturalezza: “L’interazione con un’applicazione è naturale quando non richiede

all’utente di alterare in modo significativo il suo modo di eseguire un determinato

task.”

31

Poiché, generalmente, un sistema automatizza processi lavorativi eseguiti secondo

alcune modalità, perché risulti semplice è auspicabile comporti il minor rnumero

possibile di cambiamenti rispetto a tali modalità. Tuttavia, un processo di automazione

non può non considerare l’opportunità di rendere più razionale il modo di operare,

quindi, laddove necessario, si preferirà modificare le abitudini pregresse a favore di una

razionalizzazione dell’attività svolta.

Quando l’automazione, invece, introduce una nuova funzione, la naturalezza va

considerata in relazione a funzioni esterne simili.

• Completezza: “L’interazione è completa quando permette di effettuare tutti i task

previsti nella fase di progettazione.”

Ogni categoria di utenti deve poter accedere ai task ai quali è abilitato, in ogni fase

dell’interazione in cui l’accesso al task è necessario. L’interfaccia, inoltre, non deve

contenere situazioni in cui non è possibile uscire dall’esecuzione di un task senza

completarlo.

• Consistenza: “L’interazione è consistente quando l’esperienza acquisita dall’utente

con l’uso di una parte del sistema non viene contraddetta da cambiamenti ingiustificati

introdotti da altre parti del sistema.”

L’idea che sottende questa proprietà è quella che un utente debba poter imparare un

sistema quasi esclusivamente con l’esperienza (al limite utilizzando l’help). Il sistema

deve essere progettato in modo che la conoscenza acquisita nell’uso di una parte del

sistema possa aiutare ad intuire le modalità di utilizzo di parti non ancora conosciute.

La consistenza può essere interna – quando è riferita ad una singola applicazione,

oppure esterna – quando è riferita all’insieme di applicazioni disponibili in un ambiente

(ad esempio Office, o Windows, oppure tutti i sistemi ad interazione grafica).

Può inoltre essere visiva – legata alla collocazione degli oggetti grafici e, più in

generale, alla dimensione visuale del layout e al linguaggio dei messaggi di errore,

oppure funzionale – riferita alla sequenza dei comandi elementari necessari per

effettuare un determinato task. Un’interfaccia per potersi considerare consistente dovrà

possedere tutte le proprietà descritte, analogamente è possibile riscontrare diverse

tipologie di inconsistenza.

• Non complessità: “Un’interazione è non complessa quando permette di effettuare le

funzioni previste con un ragionevole grado di efficienza.”

La complessità influenza il carico cognitivo dell’utente influenzando l’efficienza del

lavoro svolto. La complessità è funzione sia della complessità visiva che di quella

32

funzionale. La prima dipende dal numero di oggetti presenti simultaneamente in un

display, la seconda dipende dal numero di azioni elementari che l’utente deve eseguire

per completare un task. Per ridurre la complessità visiva di un’interfaccia, si possono

“nascondere” gli oggetti corrispondenti alle funzioni meno frequenti, rendendoli visibili

soltanto su richiesta dell’utente. Una bassa complessità visiva consente all’utente di

individuare con facilità gli oggetti di cui ha bisogno per eseguire un task. Una bassa

complessità funzionale gli permette di completare il task con poche azioni. C’è un

trade-off tra complessità visiva e complessità funzionale. Nei messaggi in linguaggio

naturale, la complessità è legata alla lunghezza del messaggio e alla sua chiarezza.

• Non ridondanza: “Un’interazione è non ridondante quando richiede all’utente di

fornire il minimo indispensabile d’informazione necessaria per attivare ciascuna delle

funzioni disponibili e presenta soltanto le informazioni realmente necessarie.”

La richiesta di data di nascita ed età quando la data attuale è nota, la richiesta di

conferma per operazioni “non rischiose” (come il salvataggio di dati nuovi) o di dati che

possono essere definiti “per default” (come il tipo di stampante da utilizzare) sono

esempi di ridondanza che determinano un’aumento della complessità funzionale e

visiva.

• Assistenza: “Un’interazione deve assistere l’utente fornendo diversi tipi di aiuto

durante l’esecuzione:

- elenco delle funzioni attivabili

- messaggi di errore

- richiesta di conferma delle richieste rischiose

- informazione sullo stato del sistema

- possibilità di annullare uno o più comandi errati”

Un tipico esempio di assistenza è rappresentato dai “tooltip”, descrizioni delle funzioni

associate ad un’icona o un bottone mostrati al passaggio del mouse. I messaggi sullo

stato del sistema - ad esempio il tempo rimanente per il completamento di un’opera-

zione e la notifica di errori sono ulteriori esempi di assistenza.

I messaggi di stato è bene presentino un pulsante per consentire l’annullamento della

stessa operazione, l’utente potrebbe decidere di non effettuare o rimandare operazioni

particolarmente lunghe.

Nei messaggi di notifica errore, infine, un pulsalte di ok consente al sistema di avere

conferma che l’utente abbia effettivamente letto il messaggio.

Si noti come tali strumenti rappresentino modalità per fornire feedback all’utente.

33

• Flessibilità: “Un’interazione è flessibile quando è in grado di cambiare il suo compor-

tamento in relazione alle caratteristiche di diverse categorie di utenti.”

Un’interfaccia flessibile è in grado di adattarsi alle esigenze di classi diverse di utenti

offrendo modalità di interazione diverse, in linea con le loro caratteristiche e abilità.

Si pensi alla possibilità di compiere le stesse operazioni sia con la manipolazione di

oggetti grafici che con comandi da tastiera, oppure di scegliere la configurazione degli

oggetti presenti nelle toolbar. Un sistema con queste caratteristiche è detto “adattabile”

all’utente. Abbiamo visto nel capitolo precedente che la forma più sofisticata di

flessibilità è la personalizzazione adattiva dell’interazione.

3.2 Metodi di valutazione

È possibile effettuare valutazioni nelle diverse fasi del ciclo di vita della progettazione. I

metodi che consentono di fare valutazioni prima della realizzazione di prototipi si chiamano

pre-empirici, i metodi sperimentali di valutazione di prototipi sono invece chiamati metodi

empirici.

Una valutazione è sempre comparativa, l’ipotesi valutata va confrontata con uno standard

definito oppure con un’alternativa. Lo standard va definito per ogni task in termini di valori

accettabili per ognuna delle variabili dipendenti considerate.

I valori sono stabiliti in base all’analisi di come gli utenti svolgono il loro lavoro, dipendono

dalla frequenza con cui il task viene eseguito, dalle condizioni in cui si svolge, dall’im-

portanza di ciascuno degli obiettivi definiti.

Se l’obiettivo è estendere le funzioni esistenti l’obiettivo minimo è che il tempo di esecu-

zione dopo l’automazione non peggiori; se l’obiettivo è accelerare i tempi di esecuzione, gli

standard saranno più stringenti. Il tempo di apprendimento sarà un parametro critico di

valutazione per i task meno frequenti. La gradevolezza dell’interazione sarà importante in

applicazioni che sono orientate ad attività voluttuarie oppure nelle applicazioni di edu-

tainment. Nei sistemi di supporto alle decisioni, il livello di persuasione sarà il parametro

fondamentale da misurare.

Se l’interazione è realizzata seguendo il metodo della progettazione iterativa, dopo la prima

fase di user e task analysis sarà necessario intrecciare fasi di progettazione e di realiz-

zazione di prototipi con fasi di valutazione.

34

Esistono diversi metodi di valutazione dell’usabilità, ognuno con caratteristiche specifiche

che lo rendono adeguato in relazione agli obiettivi di valutazione.

I metodi esistenti possono essere classificati, essenzialmente, in due diversi approcci: i

metodi analitici o ispettivi, in cui un esperto valuta l’applicazione (inspection method o

export review) e i metodi sperimentali o empirici (user-based method o user-testing

method).

I metodi analitici o ispettivi

Questi metodi coinvolgono un campione costituito da esperti e non da potenziali utenti.

I due principali metodi ispettivi sono l’“usability walktrough” e la valutazione basata su

“euristiche”.

L’usability walktrough

Prevede la valutazione, dei diversi task dell’applicazione, da parte di un gruppo di “esperti”

che scorre le pagine, simulando l’uso da parte degli utenti. Vengono annotati i problemi di

usabilità riscontrati e si produce un rapporto.

Esistono diversi varianti di usability walkthrough, che possono essere effettuati non appena

sono disponibili le prime bozze di interfaccia, anche di tipo cartaceo. Uno dei più noti è il

“cognitive walkthrough”, basato sulla teoria dell'apprendimento esplorativo di Polson e

Lewis.

Il cognitive walkthrough prevede che l'autore del prodotto fornisca, ad un gruppo di

valutatori, composto da progettisti ed esperti di usabilità, quattro elementi:

- una specifica o un prototipo del sistema

- una descrizione dei task consentiti dall’applicazione

- un elenco delle azioni necessarie per eseguire il compito con il sistema proposto

- una descrizione delle caratteristiche essenziali sugli utenti

Si eseguono quindi i vari compiti sull'interfaccia e, per ogni passo, il gruppo di esperti

valuta le caratteristiche delle schermate che si presentano e le azioni richieste all'utente

cercando di rispondere alle seguenti quattro domande:

- L’effetto dell’azione è lo stesso dell’obiettivo dell’utente a questo punto?

Verificare quindi che l’effetto di un’azione corrisponde agli intendimenti dell’utente.

- L’utente si accorgerà che l’azione è disponibile?

Questo equivale a chiedersi se un certo pulsante è visibile nel momento in cui serve.

- Trovata l’azione corretta, l'utente comprenderà che è quella di cui ha bisogno?

35

La domanda precedente faceva riferimento alla visibilità dell’azione cercata dall’utente,

questa ha il fine di scoprire se il significato e l’effetto sono chiari.

- Dopo aver eseguito un’azione, gli utenti capiranno il feedback ottenuto?

Quest’ultima domanda valuta se il feedback ottenuto per un’azione compiuta è

sufficiente a far comprendere gli effetti ottenuti.

La valutazione euristica

E' uno dei principali metodi di “usability discount” definiti da Jakob Nielsen per rendere

maggiormente snelle e veloci le attività di verifica dell'usabilità.

La valutazione euristica si basa su princìpi e linee guida, il suo scopo è quello di verificare

che l'interfaccia rispetti tali princìpi.

La valutazione euristica consiste in una serie di navigazioni, effettuate separatamente da

ciascun esperto sul prodotto software, durante le quali vengono valutati sia gli aspetti statici

dell’interfaccia (layout delle finestre, etichette, pulsanti, etc.) che di comportamento (logica

d’interazione, diagnostici, etc.).

Al termine delle singole sessioni, gli esperti discutono congiuntamente i risultati ai quali

sono pervenuti al fine di sintetizzare i principali problemi di usabilità del prodotto valutato e

concordare relativamente ad eventuali discrepanze del giudizio.

Nielsen sostiene che il numero ottimale di esperti da impiegare nella valutazione deve

essere compreso tra tre e cinque, comunque non inferiore a tre. Alcuni studi effettuati,

infatti dallo stesso Nielsen, rivelano che un solo esperto di usabilità diagnostica circa il 35%

dei problemi di usabilità, mentre 5 esperti diagnosticano circa il 75% dei problemi (Nielsen

1994).

Le 10 euristiche di Nielsen

Riportiamo le famose 10 euristiche di Nielsen, estratte dall’autore da un’analisi fattoriale di

249 problemi di usabilità (www.useit.com).

1. Visibilità dello stato del sistema

Il sistema dovrebbe sempre tenere l’utente informato su quanto sta accadendo, fornendo

adeguati feedback in un tempo ragionevole.

2. Accordo tra il sistema e il mondo reale

Il sistema dovrebbe usare il linguaggio dell’utente, quindi parole, frasi e concetti

familiari all’utente e non termini orientati al sistema.

3. Controllo dell’utente e libertà

36

Gli utenti sovente scelgono per errore funzioni del sistema e necessitano di una chiara

ed immediata “uscita” per abbandonare lo stato, non desiderato, in cui si trovano.

4. Coerenza e standard

Gli utenti non dovrebbero chiedersi se parole, situazioni o azioni diverse significano la

stessa cosa.

5. Prevenzione degli errori

Il sistema dovrebbe prevenire gli errori.

6. Riconoscimento piuttosto che ricordo

Rendete oggetti, azioni e opzioni visibili. L’utente non deve ricordare informazioni

fornitegli in una parte del dialogo quando è in un’altra. Le istruzioni per l’uso del siste-

ma dovrebbero essere visibili o facilmente recuperabili ogni volta che sia opportuno.

7. Flessibilità ed efficienza d’uso

Acceleratori - non visti da utenti “novizi” - sono spesso in grado di aumentare la velo-

cità dell’interazione per l’utente esperto, cosicché il sistema può venire incontro sia agli

utenti inesperti che a quelli esperti. Permettere all’utente d’individuare scorciatoie per

azioni frequenti.

8. Design estetico e minimalista

I dialoghi non dovrebbero contenere informazioni irrilevanti o solo di rado utili.

Ogni informazione “extra” in un dialogo entra in competizione con le informazioni

rilevanti e diminuisce la loro visibilità relativa.

9. Aiutare gli utenti a riconoscere, diagnosticare, porre rimedio agli stati di errore

I messaggi di errore dovrebbero essere espressi in un linguaggio semplice, senza codici,

indicando con precisione qual è il problema e suggerendo una soluzione in modo

costruttivo.

10. “Help” e documentazione

Per quanto sarebbe meglio che il sistema venisse usato senza documentazione

esplicativa, può essere necessario fornirla. Ogni informazione di aiuto dovrebbe essere

facile da trovare, centrata sull’azione dell’utente, elencare i passi precisi da compiere

per risolvere il problema e non essere troppo lunga.

I vantaggi dei metodi ispettivi risiedono nell’economicità: è possibile fare una prima

valutazione del sistema già in fase di progetto, prima di fare prototipi. Una tale valutazione

non richiede attrezzature speciali, come per esempio laboratori di usabilità.

37

Gli svantaggi, invece, sono nella difficoltà di prevedere come realmente gli utenti utilizze-

ranno il sistema, gli errori che faranno, i percorsi che utilizzeranno.

Generalmente si valutano aspetti dell’interfaccia a livello di pagina e non affrontano il pro-

blema dell’usabilità dell’intera struttura dell’applicazione; inoltre dipendono dalle capacità

e dalle conoscenze del dominio dell’ispettore.

I metodi sperimentali o empirici

Come detto i metodi ispettivi, utili in fase di progetto, non possono sostituire l’effettiva

verifica di usabilità con gli utenti finali.

Questo tipo di valutazione avviene attraverso diverse tipologie di metodi sperimentali che

coinvolgono un numero significativo di soggetti rappresentativi dell’utenza potenziale.

Hanno lo svantaggio principali di essere lunghi e costosi, e il vantaggio che esaminano

situazioni reali fornendo risultati quantitativi.

Bisogna distinguere tra due diversi stili di valutazione, gli studi di laboratorio e gli studi

effettuati nelle effettive condizioni di lavoro.

Negli studi di laboratorio gli utenti, presi dai loro normali ambienti di lavoro, partecipano a

test controllati, in ambienti dotati di strumenti d’analisi sofisticati che non possono essere

riprodotti nell’ambiente di lavoro, con l’opportunità di non avere interruzioni.

Questa situazione innaturale, tuttavia, ha lo svantaggio di non considerare il contesto che,

soprattutto in situazioni di lavoro collaborativo, ha grande rilevanza.

Gli studi di laboratorio sono, comunque, appropriati quando si vuole deliberatamente

manipolare il contesto per individuare problemi o osservare procedure meno usate, oppure

voler confrontare progetti alternativi all’interno di un contesto controllato.

Negli studi sul campo, il valutatore osserva il sistema nell’ambiente di lavoro dell’utente.

Interruzioni frequenti e rumori ambientali sono lo svantaggio principale; la possibilità di

valutare le interazioni tra sistemi e tra persone, quindi il contesto, il vantaggio; inoltre si

possono studiare attività lunghe che non potrebbero essere studiate in laboratorio.

Anche queste situazioni si discostano leggermente dalla situazione naturale per la presenza

di dispositivi di analisi e registrazione che influenzano i partecipanti.

La valutazione sperimentale

Un esperimento controllato è un metodo di valutazione efficace che fornisce una prova

empirica per supportare un’ipotesi. Si sceglie un’ipotesi da valutare, si analizzano varie

condizioni sperimentali che differiscono solo nei valori di certe variabili controllate. I

38

cambiamenti nelle stime comportamentali vengono attrbuite a condizioni diverse. Perché

l’esperimento sia affidabile occorre considerare alcuni fattori:

• Le variabili. Le scienze sperimentali distinguono tra variabili indipendenti, che

vengono manipolate e influenzano l’andamento di un fenomeno, e variabili dipendenti,

che vengono misurate e descrivono il fenomeno stesso. Tali manipolazioni e

misurazioni, effettuate in condizioni controllate, hanno lo scopo di verificare un’ipotesi.

Le variabili indipendenti sono gli elementi dell’esperimento che vengono manipolati per

creare condizioni differenti da confrontare.

Le variabili dipendenti possono, invece, essere misurate nell’esperimento, il loro valore

dipende dai cambiamenti apportati alla variabile indipendente.

Per quanto riguarda l’usabilità, tempo e tasso di errore nello svolgimento di un task,

gradevolezza dell’interfaccia sono variabili dipendenti; invece, naturalezza, completez-

za, consistenza, non ridondanza, assistenza e flessibilità, sono le principali variabili

indipendenti.

• Le ipotesi. Un’ipotesi è una previsione del risultato di un esperimento, formulata in

termini di variabili indipendenti e dipendenti, indicando come una variazione nella

variabile indipendente provocherà una differenza nella variabile dipendente.

L’obiettivo dell’esperimento è mostrare che la previsione è corretta; questo viene svolto

invalidando l’ipotesi nulla, che dice che non c’è nessuna differenza nella variabile

dipendente tra i livelli della variabile indipendente. Se un risultato è significativo

mostra, al livello di certezza dato, che le differenze riscontrate non si sono verificate per

caso (cioè che l’ipotesi nulla non è corretta).

• Il disegno sperimentale. In un disegno sperimentale bisogna, in primo luogo, scegliere

l’ipotesi in modo da chiarire il rapporto tra le variabili identificando cosa si ha

intenzione di manipolare e quali cambiamenti ci si aspetta.

La seconda fase consiste nella scelta del metodo sperimentale.

Esistono due metodi principali:

- between-subjects, a ogni partecipante viene assegnata una condizione diversa.

Le condizioni devono essere almeno due: la condizione sperimentale (in cui la variabile

indipendente è stata manipolata) e il controllo (identico alla condizione sperimentale

39

senza la manipolazione) che serve per assicurare che sia la manipolazione a causare le

differenze riscontrate.

Il disegno between-subject ha il vantaggio che viene controllato qualsiasi effetto

d’apprendimento che deriva dall’utente che opera prima in una condizione e poi

nell’altra: ogni utente agisce solo in una condizione.

Gli svantaggi sono che è necessario un numero maggiore di partecipanti e che una

differenza significativa tra i gruppi può invalidare qualsiasi risultato. Inoltre, differenze

tra i singoli utenti possono influenzare negativamente i risultati.

Per gestire questi problemi bisogna scegliere i partecipanti in modo che siano

rappresentativi della popolazione e confrontando i soggetti tra i gruppi.

- within-subject, prevede che ogni utente agisca in una condizione diversa. Questa

tecnica potrebbe risentire degli effetti d’apprendimento, per ridurre questo effetto si può

cambiare tra gli utenti l’ordine in cui le condizioni vengono affrontate. È meno costoso

perché servono meno utenti, inoltre sono meno probabili effetti indesiderati dovuti alle

differenze tra i partecipanti.

La valutazione mediante osservazione

Una tecnica utile alla raccolta di informazioni sull’uso effettivo di un sistema consiste

nell’osservare gli utenti nella loro interazione con esso. Viene valutato il comportamento

del soggetto e vengono valutati tempi e frequenze di errore; queste misure possono essere

effetuate in modo trasparente al soggetto (da programma) oppure impiegando un osser-

vatore esterno.

Nel web si tiene traccia dei tempi di osservazione di ogni pagina (misurano la complessità

di ogni nodo) e il percorso di navigazione (permette di rilevare errori nella navigazione e,

quindi, dà indicazioni sulla naturalezza dell’interazione.

La principale tecnica di valutazione attraverso l’osservazione del comportamento degli

utenti è il thinking aloud. Viene chiesto all’utente di descrivere a parole ciò che sta

facendo, quello che pensa che potrà accadere, quello che sta cercando di fare. È molto

semplice e può essere utilizzato in tutte le fasi del ciclo di vita del processo di design. Le

informazioni date sono spesso soggettive e possono dipende dal tipo di compiti assegnati.

Non solo, il dover descrivere quello che si fa può modificare il modo in cui lo si fa.

40

Valutazione mediante simulazione (mago di Oz)

Applicato prima di realizzare un prototipo, consiste nel simulare l’uso da parte di un

campione di utenti che crede di utilizzare un sistema implementato mentre un program-

matore che opera in una stazione remota inserisce le risposte manualmente.

Studi basati su questo metodo richiedono la realizzazione di un software basato su

un’architettura client-server. Sul client viene mostrata l’interfaccia da valutare, sul server le

risposte fra le quali il mago deve scegliere. Alla fine dell’esperimento, al soggetto viene

chiesto di compilare un questionario.

Ha lo svantaggio che richiede una mole di lavoro di programmazione. Consente di poter

valutare design alternativi senza procedere con l’effettiva implementazione.

Valutazione mediante interrogazione

Basate sull’interrogazione diretta dell’utente, queste tecniche consentono di scoprire

dettagli sul punto di vista dell’utente e raccogliere informazioni sulle sue esigenze. Sono

tecniche economiche in cui, però, si ottengono informazioni soggettive. Le principali

tecniche di interrogazione sono:

• I questionari. Le variabili indipendenti e dipendenti sono misurate mediante un

questionario che valuta ricordo, apprendimento, gradevolezza eccetera.

La stima soggettiva di questi parametri viene quantificata in una scala numerica (detta

di Likert) i cui valori interi variano in un intervallo la cui ampiezza dipende dalla

precisione con cui si vuole effettuare la valutazione.

Domande con risposte chiuse possono essere utilizzate, invece, per valutare il grado di

ricordo o di apprendimento.

• Le interviste. Hanno il vantaggio di modificare il livello delle domande per adattarlo al

contesto. Nell’intervista solitamente si segue un approccio top-down. Si incomincia con

una domanda generale su un compito, si procede con domande che indagano gli aspetti

interessanti della risposta dell’utente. Le interviste risultano efficaci per una valutazione

ad alto livello, consentono di ottenere informazioni su preferenze, impressioni e

atteggiamenti mentali dell’utente. È utile pianificare preliminarmente l’intervista in

modo da focalizzarne lo scopo (che potrebbe concentrarsi, ad esempio, su un particolare

aspetto) e assicurare la coerenza tra diversi utenti.

41

La scelta del metodo di valutazione

Come detto, esistono diverse tecniche di valutazione, ognuna delle quali presenta vantaggi e

svantaggi e risulta adeguata a seconda delle situazioni.

Possiamo segmentare i metodi in categorie considerando alcuni fattori:

- la fase del ciclo di vita in cui viene eseguita la valutazione

- lo stile di valutazione

- il livello di soggettività o oggettività

- il tipo di misure fornite

- le informazioni fornite

- l’immediatezza della risposte

- il livello di interferenza implicito

- le risorse necessarie

Tecniche soggettive e oggettive

Le tecniche di valutazione si differenziano rispetto la loro oggettività. Quelle più soggettive

come il walkthrough cognitivo e il thinking aloud si basano sulla competenza del valutatore.

Si può ovviare all’influenza soggettiva usando più di un valutatore. Risultano molto efficaci

se usate in modo corretto e forniscono risultati non deducibili con metodi oggettivi.

Misure qualitative e quantitative

Il tipo di misurazione ha la sua importanza. Una misurazione può essere: quantitativa,

solitamente è numerica e può essere analizzata usando tecniche statistiche; qualitativa, non

è numerica e quindi più difficile da analizzare, può fornire però, un ventaglio di aspetti

importanti, non descrivibili numericamente.

C’è una relazione tra tipo di misura e soggettività o oggettività della tecnica. Le tecniche

soggettive tendono a fornire misure qualitative, quelle oggettive, misure quantitative.

Tuttavia è possibile quantificare informazioni qualitative collegandole a una scala

quantitativa, ad esempio le preferenze degli utenti. Anche nel disegno sperimentale, fattori

come la qualità delle prestazioni dell’utente vengono usati come variabili dipendenti e

misurati su una scala quantitativa.

Le tecniche oggettive come gli esperimenti controllati danno risultati confrontabili, evitano

influenze negative, ma non rilevano problemi imprevisti e non forniscono un feedback

sull’esperienza dell’utente. L’utilizzo di entrambi gli approcci, soggettivo e oggettivo,

consente evidentemente di ottenere risultati più accurati.

42

3.3 Usabilità web e design della comunicazione

Il concetto di usabilità e i relativi princìpi hanno valore per qualunque artefatto, tuttavia le

caratteristiche fisiche e del constesto d’uso del singolo dispositivo possono introdurre

ulteriori elementi, ad esempio in un touch-screen i tasti per l’interazione devono essere

sufficientemente grandi da consentire di essere pigiati; oppure, dato il particolare contesto

d’uso, la complessità visiva di un Pda deve essere ridotta.

I siti web richiedono sicuramente un’attenzione specifica data dall’importanza crescente che

hanno assunto per persone e aziende. Quindi, come detto nell’introduzione, un sito web non

può essere pensato solo nei termini di codice scritto dai programmatori, ma, piuttosto nelle

sue molteplici dimensioni di artefatto comunicativo e di servizio.

Queste considerazioni sulla multidimensinalità di un sito web hanno una ricaduta sulla

definizione di usabilità dello stesso. L’usabilità, nel caso di un sito web quindi, dovrà tenere

conto degli intenti comunicativi e di servizio del sito.

In questo contesto, anziché ricordare in maniera dettagliata, a livello micro, le indicazioni e

le linee guida per l’usabilità, si pensi alle caratteristiche dei link che devono essere

sottolineati e di colore blu quando non ancora visitati, viola, se sono già stati visitati; oppure

al testo che preferibilmente va suddiviso in paragrafi brevi, chiaramente distinguibili, con

l’utilizzo di elenchi puntati, abbiamo preferito porre l’accento sulla dimensione comu-

nicativa di un sito web.

La scrittrice Van Der Gest nel suo “Web Sites Design is Communication Design” sottolinea

l’importanza, per le aziende, della dimensione comunicativa del proprio sito web. Tale

dimensione dovrà integrarsi, diventando componente essenziale, nella comunicazione tout-

court dell’azienda.

La Van Der Gest dice “Le organizzazioni stanno diventando consapevoli che devono dare

ai loro visitatori buoni motivi per visitare il loro sito, e buoni motivi per ritornarvi. In modo

crescente, le organizzazioni trovano che la creazione di siti web non è semplicemente

l’hobby dei loro tecnici informatici, ma una parte essenziale della loro comunicazione

interna ed esterna.”

Questa prospettiva del sito web inteso come strumento di comunicazione viene rappre-

sentato da Cantoni, Di Blas, Bolchini, attraverso un modello costituito da quattro compo-

nenti (figura 3.2):

43

1. Contenuti e funzionalità

2. Strumenti di accessibilità

3. Persone che producono e gestiscono il sito

4. Persone che fruiscono

Alle quali aggiungono le dimensioni di progettazione e di valutazione.

Queste due ulteriori dimensioni sono utili a valutare contesto, posizionamento, analisi della

concorrenza, rischi ed opportunità.

Figura 3.2. Modello di sito inteso come comunicazione (Cantoni, Di Blas, Bolchini)

Il contesto, infatti, così come accade in qualsiasi processo comunicativo che non sia

analizzato da un punto di vista meramente ingegneristico, risulta determinante per

significare il flusso di messaggi insistenti nello scambio comunicativo.

Nel modello di comunicazione di Jacobson, infatti, agli elementi emittente, ricevente,

canale di comunicazione, bisogna aggiungere il contesto che assume valore fondamentale.

Nel loro modello Cantoni, Di Blas e Bolchini definiscono l’usabilità come:

“un’adeguatezza dei contenuti/funzionalità e degli strumenti tecnici (pilastri A e B) fra di

loro, e rispetto ai fruitori (pilastro D) e al contesto (mondo). Tale adeguatezza va peraltro

misurata tenendo in considerazione gli obiettivi di chi commissiona, progetta, realizza,

promuove e gestisce il sito (pilastro C)”.

Perché una comunicazione sia efficace deve essere adeguata rispetto a ciò che viene

comunicato e alle persone coinvolte nell’atto comunicativo.

44

Per essere adeguata una comunicazione deve essere anzitutto vera, deve cioè veicolare

contenuti che corrispondono alla realtà. Una comunicazione mendace non è percepita come

affidabile dal ricevente il quale tenderà a non considerarla.

La comunicazione, inoltre, deve essere coerente con le aspettative del destinatario, tale

corrispondenza tra atto comunicativo e aspettative viene detta pertinenza o rilevanza.

Evidentemente verità e pertinenza hanno ambiti disgiunti e sono distinti, infatti se

rispondessimo ad una domanda con un dato vero ma non rispondente alle rischieste

dell’interlocutore, avremmo effettuato una comunicazione vera ma non pertinente.

Riassumendo perché una comunicazione sia efficace, occorra che ci siano entrambe le

componenti di realtà e pertinenza, chi comunica, quindi, deve dire la verità e deve

considerare le esigenze e le aspettative dell’interlocutore al fine di poterle soddisfare.

Per poter soddisfare, infine, le aspettative dell’interlocutore, bisogna essere pertinenti ma

anche interessati al bene dell’interlocutore (questo è fortemente vero in ambito medico e

pedagogico) e capaci di esprimersi in modo chiaro e adeguato alle conoscenze del desti-

natario.

Quando comunichiamo dobbiamo compiere due operazioni, la prima di traduzione dei

nostri pensieri in un discorso, la seconda, di adeguamento del discorso all’interlocutore e

alle sue caratteristiche socio, culturali ed esperienziali.

Da quanto detto si può desumere che la bontà di una comunicazione è maggiormente

influenzata dalla capacità di essere compresa dal ricevente che dal come è stata formulata.

La comunicazione va dunque misurata dal punto di vista del ricevente e non del mittente,

una comunicazione ha luogo solo allorquando è stata compresa dal ricevente.

Questa caratterizzazione della comunicazione fa sì che uno scambio comunicativo possa

avvenire tra attanti che condividono un mondo comune, o quanto meno che tale mondo

comune faciliti la comunicazione che altrimente avrebbe maggior possibilità di insuccesso.

Infatti, gli scambi comunicativi si basano fortemente sull’insieme di conoscenze condivise

precedentemente su cui si costruisce il nuovo.

È evidente come gli aspetti legati alle conoscenze pregresse e al terreno condiviso

condizionano fortemente l’impostazione del discorso da parte dell’emittente.

In quest’ottica, il progetto della comunicazione di un sito web dovrà, necessarimente,

individuare le tipologie di utenti allo scopo di poter comprendere la caratterizzazione del

terreno di conoscenze pregresse per ognuno di loro.

45

3.4 Un modello per la valutazione di siti web

Definire un modello di qualità significa individuare un insieme di elementi caratterizzanti

dell’oggetto di valutazione e un criterio con il quale attribuire un voto a tali elementi

caratterizzanti. La media, eventualmente pesata, di tali voti potrebbe rappresentare il valore

di qualità.

Poiché non c’è modo di definire in modo univoco il voto e il peso di una caratteristica, la

qualità non può essere considerata una misura assoluta, ma relativa alla capacità di

soddisfare obiettivi e esigenze poste all’inizio. Risulta evidente che un siffato modello di

qualità risulta arbitrario, tuttavia è uno strumento utile per confrontare siti web e artefatti

comunicativi. Nella definizione di un modello di valutazione dobbiamo, innanzitutto,

impostare il processo di valutazione nella sua interezza.

Vogliamo ricordare il modello di qualità proposto da Polillo che si basa sulle seguenti sette

macro-caratteristiche: (architettura, comunicazione, funzionalità, contenuto, gestione, acces-

sibilità, usabilità).

Approfondiremo il significato e il ruolo di queste caratteristiche nel capitolo cinque, in cui

viene adottato questo modello per la valutazione del sito del Dipartimento di Informatica di

Bari.

Disporre di un tale modello consente di poter rappresentare la qualità di un sito attraverso

un grafo di Kiviat, che mappa su sette assi i valori posseduti da ciascuno degli attributi. Ad

ogni attributo viene attribuito un valore in una scala numerica con una certa ampiezza, sulla

base di considerazioni di vario tipo.

Figura 3.3. Esempio di rappresentazione della qualità di un sito attraverso un grafo di Kiviat.

46

Il grafo di figura 3.3 mostra chiaramente che, rispetto agli obiettivi, alla tipologia dei suoi

utenti e al contesto d'uso previsto, il sito presenta dei limiti dal punto di vista delle fun-

zionalità, cioè non offre tutte le funzioni che gli utenti, per quegli scopi e in quel contesto

d'uso, hanno necessità di avere. Si vede invece che il sito risolve bene gli aspetti di comu-

nicazione, è molto usabile e ha una valutazione buona ma non massima per quanto riguarda

i contenuti, la gestione e l'accessibilità.

Un altro vantaggio di questo modello è quello di consentire valutazioni comparative di siti

diversi. Perché un confronto di questo tipo sia significativo, deve essere effettuato su siti

con scopi, tipologia di utenti e contesti d'uso uguali.

Bisogna sottolineare, come lo stesso Polillo ricorda, che la dimensione dell’usabilità

discende ed è influenzata da tutte le altre. In questo modello, quindi, l’usabilità è stretta-

mente relata alle altre dimensioni e può esserne considerata la sintesi.

Questa considerazione è tanto più vera, allorché, si considera l’usabilità in un’ottica estesa e

non solo da un punto di vista meramente ingegneristico.

47

4. L’estetica

La definizione del concetto di estetica è stata oggetto di diversi studi, il suo stesso dominio

risulta difficilmente circoscrivibile in modo preciso. Oltre ad essere univocamente accettata

come branca della filosofia è strettamente legata alla psicologia, alla linguistica e alla

sociologia.

Anche la collocazione storica e la nascita dell’estetica sono oggetto di dibattito.

Nonostante gli intenti di questo lavoro prescindano dal voler contribuire a tale dibattito

culturale e dal voler essere esaustivi sulla sua storia, si è voluto comunque tratteggiare in

maniera sintetica i passaggi fondamentali nel corso dei secoli, cercando di dare una

definizione di estetica per arrivare a comprendere il significato che questa parola possa

avere nell’ambito della Hci e della progettazione di artefatti in generale.

4.1 Cos’è l’estetica

Aisthētikós, è questo il termine greco dal quale proviene estetica, significa sensazione.

Partiamo, quindi, dal suo significato etilomologico per approcciare una possibile

definizione. Le sensazioni sono percepite dai sensi ed hanno a che vedere con la nostra

sensibilità, cioè con la facoltà che consente di elevare i fatti a livello della coscienza dove

entra in gioco il “sentire”.

Dice Givone, un conto è sentire caldo o freddo, sertirsi bene o male, processi psichici il cui

paradigma (se non sono malato o pazzo) è la realtà esteriore, altro è il sentire che pone la

domanda del senso delle cose, quindi la conoscenza sensibile.

Posto l’estetica essere teoria della conoscenza sensibile, e quindi dell’esperienza, con il

sentire elemento centrale, attorno a quest’ultimo vedremo disporsi infinite prospettive che

coinvolgono l’arte, il costume, le modificazioni sociali. Tutto ciò è dominio della disciplina

dell’estetica, ma non solo.

48

Il termine estetica, ad ogni modo, indica la disciplina filosofica che si occupa del bello e

dell’arte. Questo significato è stato attribuito al termine estetica dal filosofo tedesco

Baumgarten nel settecento nell’opera intitolata appunto “Aesthetica”.

Questa identificazione di bello e arte non ha però riscontro nell’antichità classica in cui il

bello, considerato un fatto della natura, era considerato altro dall’arte – che come momento

dell’attività produttiva dell’uomo – era ritenuta oggetto della scienza poetica (gr. Poiêin,

fare, produrre).

Gli studi sull’estetica

Nel corso dei secoli l’estetica è stata studiata essenzialmente con due differenti metodi

investigativi: l’approccio filosofico e quello empirico.

• Gli studi filosofici

Tra le molte prospettive con le quali la filosofia ha affrontato lo studio dell’estetica, due

sono state le questioni che hanno interessato maggiormente i filosofi.

L’intenzionalità dell’atteggiamento estetico: ovvero quando prestiamo attenzione ad un

oggetto, è il soggetto guidato da un intento oppure un insieme di distinte proprietà

possedute dall’oggetto interessano il soggetto? La teoria funzionalista sostiene che se un

oggetto è fatto per funzionare bene e si adatta adeguatamente al compito da svolgere, allora

sarà anche bello. “Form follows function” dice Louis Sullivan. All’estremo opposto Kant

sostiene che l’interesse per un oggetto risiede nelle sue proprietà intrinseche e non in quelle

strumentali, quindi l’atteggiamento estetico si sviluppa senza nessun intento.

La seconda questione, peraltro legata alla necessità dell’intenzionalità per la formazione di

un atteggimento estetico, riguarda l’oggettività dell’estetica. Durante il Rinascimento, la

bellezza era assunta essere una proprietà oggettiva delle cose e le prime nozioni di bellezza

di un prodotto hanno enfatizzato proprietà come l’ordine, la proporzione, la simmetria.

L’approccio soggettivo, rappresentato da Hume e Kant, sostiene che l’analisi dell’estetica

vedrebbe la bellezza nel soggetto e non nell’oggetto. Essa vede una connessione tra la

bellezza e l’emozione. Data la difficoltà di attribuire esplicitamente ad un’esperienza valore

oggettivo o soggettivo, le più comuni teorie sono posizionate al centro e considerano la

percezione estetica dipendere sia dalle capacità cognitive che che dallo stimolo individuale.

• Gli studi empirici

Gli studi empirici possono essere divisi essenzialmente in due categorie.

49

La prima, detta “estetica sperimentale”, con un approccio scientifico cerca di provare

sperimentalmente ipotesi sugli effetti di elementi isolati di un oggetto o una forma sulle

preferenze dell’uomo e di identificare leggi generali di qualità estetiche che possono essere

riscontrate nell’oggetto valutato. Secondo i ricercatori di estetica sperimentale esistono

leggi universali che governano la reazione all’estetica e le eventuali differenze individuali

sono marginali. Questa scuola di pensiero, associata per lo più a Daniel Berlyne, asserisce

che il progresso nella comprensione dell’estetica può essere ottenuto solo isolando e

manipolando gli elementi (per es. i poligoni) o le caratteristiche artistiche (per es. la

complessità e l’incapacità di attirare l’attenzione) di opere d’arte e studiarle sugli effetti

delle preferenze dell’osservatore.

I maggiori critici agli assunti dell’estetica sperimentale e ai suoi metodi sostengono

l’importanza della percezione dell’intero oggetto o significato della forma piuttosto che gli

elementi isolati (Arnheim, 1992). In forte contrasto con l’approccio sperimentale, la Gestalt

theory sostiene che le caratteristiche di ordine superiore sono viste direttamente nelle cose

quando le guardiamo come ad un intero, ma non essere riferite alle parti atomiche in cui

questo può essere decomposto. Analogamente Arnheim (1988) sostiene che le forze

dinamiche, piuttosto che gli elementi isolati, determinano la nostra esperienza estetica.

La seconda categoria di studi empirici, che identificano “l’approccio esporativo”, tentano

di delineare un ordine più forte dei fattori che rappresentano la percezione delle persone

degli oggetti valutati. L’approccio esporativo valuta più gli stimoli naturali (per es., opere

d’arte, costruzioni, paesaggi) che quelli controllati e relativamente semplici delle condizioni

sperimentali. Probabilmente questa caratteristica ha fatto sì che l’approccio esplorativo sia

divenuto il metodo scelto nella ricerca sull’estetica negli studi ambientali e architetturali.

Questo approccio è interessato alla percezione soggettiva dell’estetica piuttosto che alle

proprietà oggettive delle cose.

Estetica e Hci

Nel design di prodotto, a partire dall’inizio del XX secolo, grazie soprattutto a Loewy e

Dreyfuss, si incominciò ad attribuire importanza all’estetica nella produzione di massa sulla

base della convinzione che potesse essere strumento di marketing.

L’attuale scenario, in cui una moltitudine di prodotti che offrono la stessa funzionalità,

affollano il mercato, è delegato proprio alla dimensione estetica e agli aspetti intangibili il

compito di differenziare agli occhi del consumatore il tipo di offerta. Infatti è stato rilevato

50

come la piacevolezza dell’estetica abbia una un’influenza positiva sulle preferenze della

gente e quindi possa risultare determinante nelle decisioni d’acquisto. Quindi l’estetica può

aumentare la desiderabilità di un prodotto.

Per Ashford (1969), dal punto di vista del progettista, un approccio estetico può anche

rivelare soluzioni a problemi nascosti, in quanto pensare in termini visuali conduce alla

chiarificazione delle forme e la loro organizzazione in modelli integrati.

Tuttavia l’approccio richiesto al designer nell’attività di progetto è quello di orientare i suoi

sforzi in modo da strutturare la forma sulla base di quelle che sono le funzionalità del

prodotto stesso. Il designer utilizza i “vincoli di progetto”, imposti dal budget, dal

committente e dai requisiti funzionali, per ottenere una forma in grado di risultare attraente.

Questo approccio all’attività di progetto è strettamente legato al ruolo del designer, che a

questo punto risulta importante chiarire. Il designer non è un artista, opera per un

commitente allo scopo di risolvere dal punto di vista ingegneristico un’esigenza di tipo

pratico. Persegue questo obiettivo preoccupandosi costantemente della dimensione estetica

e della gradevolezza visuale. I due obiettivi, soddisfacimento degli aspetti pratici ed estetici,

risultano indissolubili e sono percepiti dal progettista come un unico intento.

Le caratteristiche descritte tratteggiano la figura del designer e qualificano l’attività di

progetto nei diversi campi del design e non solo nell’industrial design.

“Un grafico bravo è forse proprio chi sa fondere i due momenti in uno solo: ha introiettato

le competenze progettuali e le regole al punto di darle per scontate, e magari violarle;

sfrutta un talento artistico che non è mai appesantito ma solo facilitato, dalle conoscenze

tecniche. In nessun caso un buon progetto grafico sarà il frutto della sola applicazione di

regole, metodi, esperienze – o, viceversa, della sola intuizione. La risoluzione ottusa di una

questione progettuale può portare a un lavoro presentabile, ma fatalmente privo di origi-

nalità e vita. A sua volta la pura intuizione, per quanto geniale, non porta da nessuna parte,

se non in lavori di complessità minima. È una delle differenze tra grafica e arte: la prima è

sempre, in misura maggiore o minore, vincolata da qualche esigenza pratica.” (Tedesco –

Alias, supplemento al Manifesto del 3 settembre 2005). È quanto dice Tedesco a proposito

del graphic designer.

Esistono almeno due considerazioni che dovrebbero indurci a considerare quanto detto sul

ruolo dell’estetica e del designer applicabili al dominio dell’interazione uomo-macchina e al

web design.

51

La prima è che gli artefatti tecnologici per la loro natura multidimensionale e per la

caratteristica dell’interattività sono del tutto assimilabili a prodotti dell’industrial-design. Il

concetto di ergonomia che studia i rapporti tra uomo, strumenti e ambiente nella

progettazione e valutazione di sistemi utilizzati dall’uomo negli ambienti in cui vive è del

tutto analogo a quello di interazione uomo-macchina che orienta però i propri sforzi allo

studio di sistemi interattivi. La seconda risiede nell’appartenenza di questa disciplina

all’ambito del design e quindi fa propri gli assunti, gli obiettivi e l’approccio di tale ambito.

Purtuttavia l’interesse dell’Hci per gli aspetti estetici dell’interazione è sempre stato

fuggevole se non del tutto assente. I ricercatori hanno privilegiato considerazioni riguar-

danti l’efficienza enfatizzando criteri oggettivi di performance come il tempo di apprendi-

mento, la percentuale d’errore, il tempo per completare un task. Le linee guida e i princìpi

proposti dagli esperti relegano l’estetica ad un ruolo marginale. Si pensi all’approccio a

quella che viende definita “consistenza visiva”: viene chiesto che uno stesso simbolo

grafico abbia lo stesso significato ogni qualvolta compaia, quindi che task analoghi siano

rappresentati visivamente dallo stesso simbolo. Non una parola sulla dimensione

comunicativa di tale simbolo grafico.

I più importanti testi non riportano riferimenti a considerazioni sull’estetica del progetto.

Non solo, i rari esempi di discussione sull’estetica sono caratterizzati dagli avvertimenti per

i suoi effetti dannosi.

Anche per i siti web, le analisi e le linee guida assomigliano a quelle usate nella Hci in

generale e si tende spesso a contrapporre estetica e usabilità.

Nielsen (2000) sostiene che esistono due approcci base al web design: l’“ideale artistico”

che rivela l’espressione di sé del designer e l’“ideale ingegneristico” che fornisce soluzioni

agli utenti. Laddove “c’è bisogno di arte, divertimento e generalmente piacevolezza sul

web,” Nielsen sostiene che “il principale fine della maggior parte dei progetti web dovrebbe

rendere semplice per il cliente effettuare compiti utili”. Rendere veloce l’accesso alle

informazioni è l’unico principio progettuale da seguire sul web. Tuttavia, cosa gli utenti

realmente preferiscano non è così chiaro. Alcune evidenze sperimentali suggeriscono che la

bellezza è stata la causa determinante più importante nella preferenza di un sito web

(Schenkman, e Jonsson, 2000) oppure che è stata influente nella percezione di altre qualità

del sito (van der Heijden, 2003) Infatti, in forte contrasto con i princìpi e le linee guida

sostenute da guru e ricercatori di usabilità, qualsiasi esame di siti web suggerisce che le

considerazioni estetiche sono dominanti nella progettazione per il web.

52

In questo lavoro di tesi il termine estetica sarà utilizzato, nell’ambito della progettazione di

artefatti tecnologici, dando a questo termine il significato di misura, in termini percettivi,

della gradevolezza dell’ambiente e dell’interazione per l’utente, capace – come dimostrato

da alcuni recenti studi che riportiamo – di motivare e soddisfare. Quindi l’estetica è legata

all’apparenza, alla forma, alle modalità di interazione offerte e, successivamente, alla

funzionalità dell’artefatto.

Si intende quindi fare riferimento ad aspetti di configurazione visiva che sono oggetto del

visual design. L’interesse è stato volto, quindi, a comprendere e a valutare l’estetica nei

termini della sua duplice capacità di attrarre e di gerarchizzare l’informazione allo scopo di

convogliarla.

In quest’ottica risulta evidente la coincidenza di obiettivi tra visual design ed usabilità, la

dimensione estetica e le regole del visual design utilizzate per migliorare e facilitare la

comprensione delle affordances offerte e del messaggio comunicativo.

Riteniamo che i concetti che sono alla base del visual design possano essere utilizzati nella

progettazione e nella valutazione della dimensione di artefatti che utilizzano un media che

non è quello cartaceo, ma, piuttosto il web oppure un oggetto, ormai di uso quotidiano,

quale il telefonino.

Purtuttavia, non possiamo non sottolineare anche le differenze sostanziali tra il prodotto

cartaceo e quello fruito attraverso il “mezzo” interfaccia.

Queste differenze possono essere individuate, essenzialmente, in due fattori che influenzano

l’esperienza estetica:

• l’interazione, nel senso che abbiamo visto nei paragrafi precedenti, quindi la possibilità

da parte dell’utente di intraprendere delle azioni allo scopo di raggiungere degli

obiettivi

• l’impalpabilità, non disponiamo del supporto fisico della carta con la quale abbiamo la

possibilità di comunicare alcuni aspetti. Pensiamo alle svariate tipologie di carte

presenti sul mercato (vergate, patinate, traslucide, perlate). Inoltre, l’altrettanto ampio

spettro di tecniche di stampa, in grado di poter essere opportunamente utilizzate dal

progettista per comunicare, non sono a disposizione dello user interface designer.

Questo secondo aspetto di differenziazione dello strumento cartaceo da quello elettronico

consiste quindi nell’impossibilità (al momento) di poter utilizzare anche il canale tattile,

oltre a quello visivo, nella comunicazione.

53

Riassumendo, in questo lavoro per estetica si intende la dimensione visuale dell’interfaccia

e la ricchezza dell’interazione alle quali sono demandate la funzione di contribuire

all’accettabilità del sistema utilizzando un insieme di variabili che alcuni studi stanno

cercando di individuare e che saranno utilizzate nello studio di valutazione presentato nel

capitolo 5.

4.2 User-experience ed esperienza estetica

“Un'esperienza è un processo che ha un inizio ed una fine e consiste in una sequenza di

eventi interconnessi che provocano in una persona una sensazione finale di soddisfazione o

insoddisfazione.” (John Dewey)

È la definizione di esperienza data da Dewey che la colloca come un evento non routinario.

Siamo interessati all’esperienza dell’utente nell’interazione con un artefatto e alle dimen-

sioni progettuali che devono intervenire per poterla migliorare.

L'approccio promosso dalla teoria del design per l'esperienza induce a considerare l'intero

contesto dove ha luogo l'uso di un prodotto o un servizio come elemento di interesse

fondamentale per l'apprezzamento del prodotto/servizio stesso.

Si concentra sull’esperienza d’uso degli artefatti nel contesto sociale ed ambientale dove

essa ha luogo, proponendosi di comprenderla, migliorarla e progettarla, con particolare

attenzione per gli aspetti di coinvolgimento emotivo.

Progettare per l’esperienza rappresenta il nuovo focus dell’approccio “user-centered” e pro-

pone una riflessione multidisciplinare sull'interazione uomo-ambiente in generale e uomo-

macchina in particolare attraverso l'uso di servizi e prodotti.

Il focus di progetto si sposta dalla prestazione del prodotto (assunta questa come data) alla

qualità dell’interazione durante l’uso.

L’economia delle esperienze

Il concetto di esperienza è affrontato e considerato in ottica economica da Pine e Gilmoure

che parlano di “Economia delle esperienze”. Nella loro analisi della cosiddetta nuova

economia, alle due condizioni della scarsità della domanda/sovrabbondanza dell’offerta e

della pervasività della tecnologia, aggiungono quella dell’evoluzione dei contenuti della

domanda.

54

La loro prospettiva propone un modello per stadi evolutivi della domanda di mercato.

Secondo questo modello, contemporaneamente alla saturazione della domanda di un certo

tipo di prodotti/servizi si sviluppa un nuovo tipo di domanda di tipo superiore. Dopo le

commodity – materiali di base ricavati dal mondo naturale, ci sono stati i beni – articoli

tangibili ottenuti dalla trasformazione delle commodity, i servizi – attività intangibili volte a

formulare offerte economiche che qualifichino i beni allo scopo di soddisfare meglio i

clienti. L’economia dei servizi, anche a causa di internet, considerata “la più grande forza

di massificazione nota all’uomo”, sta raggiungendo il suo punto di saturazione e sta

emergendo una nuova forma di economia, quella delle esperienze per l’appunto.

“La nuova offerta, quella delle esperienze si verifica ogni qualvolta un’impresa utilizzi

intenzionalmente i servizi come palcoscenico e i beni come supporto per coinvolgere un

individuo. Le esperienze sono eventi che coinvolgono gli individui sul piano personale.”

Qundi le esperienze devono essere in grado di coinvolgere e lasciare un ricordo, perché ciò

accada ed un’esperienza sia “ricca” deve coinvolgere gli “ospiti” (così gli autori definiscono

i clienti) nell’ambito di dimensioni diverse (Figura 4.1).

Intrattenimento Educazione

Esperienzaestetica

Evasione

Immersione

Assorbimento

Partecipazionepassiva

Partecipazioneattiva

Figura 4.1. Gli ambiti dell’esperienza (Pine e Gilmore, 1999).

La dimensione della partecipazione (asse orizzontale) è passiva quando i clienti non

agiscono in modo diretto sulla performance, attiva quando viceversa agiscono personal-

mente sull’evento. La seconda dimensione definisce il rapporto che i clienti hanno con

l’evento, questa relazione può essere di assorbimento quando l’esperienza occupa l’atten-

55

zione di una persona, oppure di immersione quando si partecipa fisicamente o virtualmente

all’esperienza, ad esempio in un gioco di realtà virtuale.

Queste due dimensioni definiscono i quattro ambiti dell’esperienza:

• intrattenimento: modalità con la quale catturare l’attenzione di una persona divertendo,

ad esempio con performance di attori, musicisti, ballerini.

• educazione: a differenza dell’intrattenimento, l’educazione richiede una partecipazione

attiva dell’individuo, perché solo in questo modo è possibile aumentare le conoscenze

di una persona. È chiamato edutainment il campo di applicazioni che si pongono

l’obiettivo di formare divertendo.

• evasione: queste esperienze richiedono un’immersione più profonda delle precedenti,

ed è richiesta una partecipazione attiva, si pensi ai parchi a tema oppure alle chat.

Consentono alle persone di sperimentare ruoli diversi dai loro, la rete rappresenta il

“luogo” ideale per questo tipo di esperienze, in quanto internet è un mezzo attivo in cui

è possibile (come abbiamo rilevato nel capitolo 1) vivere una nuova socialità.

• esperienza estetica: in queste esperienze gli individui si immergono ma non hanno un

ruolo attivo. I partecipanti ad un’esperienza estetica hanno l’unico intento di essere lì.

Indipendentemente dal fatto che un’esperienza estetica sia naturale – guardare le cascate

del niagara, oppure simulata – un parco Disney, le esperienze sono sempre “reali”, non

esistono esperienze artificiali. Gli ambienti sono artificiali, ma le esperienze immersive

che gli individui vivono sono reali.

Analogamente quando viviamo le nostre esperienze di carattere sociale in rete, ad esempio

negli scambi comunicativi attraverso le e-mail oppure in una chat, noi viviamo in un

ambiente virtuale, esperienze reali.

Il ruolo del designer è quello di creare degli ambienti simulati buoni che appaiano reali ai

loro ospiti.

Pine e Gilmore concludono che per ideare un’esperienza ricca bisogna integrare tutti i

campi dell’esperienza menzionati, chiedendosi cosa fare per migliorare ognuno di essi.

Per l’evasione cosa gli ospiti dovrebbero essere incoraggiati a fare per diventare partecipi

dell’esperienza in maniera attiva?

Per la componente educativa, cosa si vuole gli ospiti apprendano, quindi quali informazioni

o attività contribuiranno a coinvolgerli nell’esplorazione della conoscenza?

Per l’intrattenimento, dovremmo chiederci cosa fare in termini di intrattenimento, come

rendere piacevole e divertente l’esperienza.

56

Infine, per l’estetica, considerata l’elemento che invita gli ospiti ad entrare e fermarsi,

bisognerebbe chiedersi cosa fare per creare “un’atmosfera in cui gli ospiti si sentano liberi

di essere”.

Queste caratteristiche rivestono, evidentemente, importanza allorché si progetta un’inter-

faccia web, cioè quando allestiamo la scena di un sito. Dobbiamo chiederci come rendere

piacevole ed invitante “l’ambiente” in modo da trattenere l’ospite.

Si tenga presente che prima di esperire un qualsiasi sito web, e di effettuare un qualsiasi

task è proprio con la dimensione estetica che veniamo in contatto.

Un ambiente che non è in grado di accogliere e di mettere a proprio agio potrebbe farci

desistere dal compiere qualsiasi tentativo di raggiungere i nostri intenti informativi oppure,

ad esempio, di acquisto.

La teoria dei bisogni del design

I motivi per i quali sta nascendo questa nuova forma di economia sono da rintracciare nella

tecnologia, nella crescente competizione, nella naturale progressione del valore economico

da merce a esperienza; ma anche, ovviamente, nella crescente ricchezza.

Queste componenti, che caratterizzano lo scenario socio-economico, ci invitano a conside-

rare la gerarchia dei bisogni del design mutuata da quella più generale teorizzata da

Maslow, il quale rappresenta i bisogni umani attraverso una piramide caratterizzata da

livelli gerarchici. Gli uomini, dice Maslow, ambiscono a soddisfare i propri bisogni. Per

poter soddisfare i bisogni di un certo livello occorre che prima siano stati soddisfatti quelli

di livello inferiore.

Ricordiamo che questo quadro concettuale prospettato da Maslow è collocato all’interno del

dominio del Marketing, scienza sociale definita da alcuni come “l’individuazione dei

bisogni allo scopo di poterli soddisfare”.

Analogamente il principio della gerarchia dei bisogni del design afferma che un design deve

soddisfare i bisogni elementari prima di quelli di livello superiore. Per un design, il valore

percepito corrisponde alla posizione che occupa nella gerarchia, cioè a livelli gerarchici

superiori corrispondono livelli di valore percepito maggiori.

Per produrre effetti positivi un design deve soddisfare, innanzitutto i bisogni primari e solo

in secondo luogo qualli di livello superiore.

Secondo questa teoria un design inefficace soddisfa le varie esigenze senza partire da quelle

primarie.

I livelli della gerarchia dei bisogni del design sono:

57

• Funzionalità. Capacità di soddisfare i requisiti essenziali di un progetto. Un telefonino

deve quanto meno consentire di effettuare una telefonata.

• Affidabilità. Capacità di garantire prestazioni stabili e costanti. Un telefonata deve po-

ter essere effettuata sempre e con lo stesso livello di qualità ad esempio della ricezione.

• Usabilità. Facilità d’uso. Se la difficoltà d’uso è eccessiva o se le conseguenze di errori

semplici diventano gravi, i criteri di usabilità non sono soddisfatti. L’impegno dell’uten-

te per l’uso delle funzioni messe a disposizione dal telefono deve essere basso.

• Miglioramento delle competenze. Capacità da parte degli utenti di eseguire determina-

te attività con maggiore efficienza rispetto al passato. A questo livello il ruolo del de-

sign è elevato.

• Creatività. Livello a cui gli utenti iniziano ad interagire con il design in modo innovati-

vo. Una volta soddisfatte tutte le altre esigenze, il design consente di creare ed esplorare

aree che vanno al di là del singolo prodotto e della persona che lo utilizza. A questo li-

vello il ruolo del design è massimo e si generano effetti di fidelizzazione tra gli utenti.

Creatività

Usabilità

Affidabilità

Funzionalità

Miglioramentodelle competenze

Figura 4.2. Gerarchia dei bisogni del design. Questo modello mostra chiaramente che l’usabilità e la creatività non risultano contrap-

poste, ma possono coesistere. Anzi, devono coesistere allorché il design ambisce a raggiun-

gere livelli di sofisticazione. Contemplare creatività ed estetica significa, in primo luogo

aver già soddisfatto i criteri di usabilità, ma anche inserire il processo di design in una

prospettiva di più ampio respiro.

58

4.3 Usabilità apparente, estetica e contesto culturale

Kurosu e Kashimura (1995) hanno effettuato un’analisi sperimentale delle cause deter-

minanti l’usabilità apparente, ovvero dell’usabilità percepita dall’utente prima dell’utilizzo

di un sistema, allo scopo di mostrare un’eventuale relazione tra l’estetica e l’atteggiamento

degli utenti nei confronti di artefatti tecnologici.

Hanno confrontato diverse versioni di uno stesso sistema bancomat in cui variavano solo la

posizione dei tasti sull’interfaccia.

Questo studio ha rivelato che l’usabilità apparente è influenzata maggiormente dagli aspetti

estetici che dall’usabilità effettiva (valutabile secondo parametri di efficienza operativa e

cognitiva) che gli autori chiamano usabilità inerente.

Variabili

Furono considerate due variabili dipendenti: usabilità apparente e estetica. Fu chiesto ai

partecipanti di attribuire un valore compreso tra 1 e 10 alla facilità d’uso e alla bellezza.

Sette, invece, le variabili indipendenti, considerate essere le cause determinanti dell’usa-

bilità inerente.

Per queste cause, furono elencati i fattori che i gui designer ritengono migliorare l’usabilità

inerente e che rappresentano le strategie di progettazione effettivamente utilizzate. Questi

fattori sono riportati raggruppati secondo tali strategie. In questo elenco sono riportate, in

parentesi, anche i metodi di misurazione adottati nell’analisi:

Strategie per l’efficienza cognitiva

1. Sequenza dello sguardo (Distanza in centimetri tra il centro del display principale e

l’angolo superiore sinistro dello schermo). Il display principale dovrebbe essere posto

nell’angolo superiore sinistro, in quanto l’utente procede, nel guardare il monitor, da

quella posizione fino a quella a destra in basso. Poiché il display principale mostra

l’informazione necessaria per l’operazione seguente, dovrebbe essere visto dall’utente

per primo nella sequenza delle operazioni.

2. Familiarità (Tipo di tastiera). I tasti numerici dovrebbero essere disposti come nelle

tastiere dei telefoni, in quanto la forma è più familiare per l’utente ordinario.

3. Raggruppamento (Numero di raggruppamenti di tasti). I tasti dovrebbero essere rag-

gruppati coerentemente con le loro funzioni.

Questo concetto è derivato dai dettami sulla percezione della Gestalt Theory.

59

Strategie per l’efficienza operativa

4. Sequenza operativa 1 (Tipo di sequenza)

I tasti numerici speciali dovrebbero essere posti dal valore più alto a quello più basso,

sulla base del concetto dell’ordine dell’operazione.

5. Dominanza della mano (Distanza in centimetri tra il centro del tasto 5 e il bordo destro

dello schermo). I tasti numerici dovrebbero essere posti sul lato destro dello schermo.

6. Sequenza operativa 2 (Distanza in centimetri tra il centro del tasto Yen e l’angolo

inferiore destro). Il tasto Yen dovrebbe essere posto nel lato inferiore destro.

7. Strategia di sicurezza (Distanza in centimetri tra il centro del tasto cancel e il centro del

tasto 5). Il tasto cancella dovrebbe essere posto lontano dal blocco dei tasti principali

per evitare errori.

La metodologia

1) Generazione dei layout

Nella prima fase furono generati, utilizzando gli stessi elementi grafici, i layout per lo

studio dell’usabilità apparente.

Fu considerato un bancomat con 10 tasti numerici, 2 tasti numerici speciali (migliaia e

decine di migliaia), il tasto yen come delimitatore, il tasto cancel, il tasto correzione, un

display primario per svolgere le funzioni e uno secondario, con una figura di donna come

elemento grafico, che forniva un feedback sullo stato del sistema.

Un campione di ventisei soggetti costituito da 9 gui designer, 6 industrial designer, 8 inge-

gneri e 3 segretarie, dispose quegli elementi sul schermo del computer nel modo che ritene-

vano ottimale. Le 26 configurazioni emerse furono utilizzate nella fase di valutazione (la

figura 4.3 mostra due esempi di layout).

2) Valutazione

I 26 layout furono valutati, sia dal punto di vista funzionale che estetico, con una scala di

Likert di ampiezza 10, da un campione di 252 soggetti costituito da 156 studenti di una

scuola di design e 96 studenti di un corso di psicologia.

Poiché entrambi i gruppi mostrarono una stretta correlazione nei giudizi (0.679 per

l’usabilità apparente e 0.783 per la bellezza) i dati furono fusi e analizzati. Il coefficiente di

correlazione tra queste due scale risultò relativamente alto (0.589), evidenziando che

l’usabilità apparente è in qualche modo legata all’aspetto estetico del layout, quindi

un’interfaccia giudicata bella era considerata usabile e facile da usare.

60

Figura 4.3 Due tipici esempi di layout, quello a sinistra il meno bello e meno usabile, quello a destra fu considerato il più usabile e il più bello, (KK 1995).

Nella fase seguente dello studio, volta ad individuare le cause determinanti l’usabilità appa-

rente, furono calcolati i coefficienti di correlazione e i coefficienti di contingenza (per le va-

riabili indipendenti a scala nominale) dei valori dell’usabilità inerente dei vari layout gene-

rati nella prima fase (quindi l’effettivo grado di usabilità dettato dall’applicazione delle

strategie), con i valori dell’usabilità apparente assegnati nella seconda fase.

I valori ottenuti furono inaspettatamente bassi in molti casi come mostrato dalla seguente

tabella 4.1

1.1 sequenza dello sguardo 0.000

1.2 familiarità 0.730

1.3 raggruppamento 0.075

2.1 sequenza operativa 1 0.113

2.2 dominanza della mano -0.127

2.3 sequenza operativa 2 -0.306

2.4 strategia di sicurezza 0.137

Tabella 4.1. Valori di correlazione tra usabilità inerente e apparente. (KK 1995).

Questi risultati mostrano che l’usabilità apparente dipende più dalla bellezza, che aveva

mostrato un coefficiente di correlazione di 0,589, che dall’usabilità inerente.

Gli utenti, quindi, sono fortemente influenzati dagli aspetti estetici dell’interfaccia anche

quando essi provano a valutare gli aspetti funzionali. Alla luce di questi risultati un

miglioramento dell’usabilità inerente potrebbe essere inutile se il prodotto non risulta

61

sufficientemente attraente da giustificarne l’acquisto, si può quindi affermare che lo sforzo

degli interface designer dovrebbe essere indirizzato non solo nel migliorare l’usabilità

inerente ma anche nel rivedere l’usabilità apparente e gli aspetti estetici dell’interfaccia.

Sulla base di queste considerazione gli autori della sperimentazione conclusero che i

prodotti dovrebbero essere apparentemente usabili almeno nella misura in cui lo sono

inerentemente.

Possibili influenze del contesto culturale

Con il duplice intento di validare gli studi di Kurosu e Kashimura e di comprendere il ruolo

giocato dalle differenze culturali nella percezione estetica e quindi nella relazione tra

estetica e percezione della facilità d’uso a priori del sistema, Traktinski e Lavie replicarono

gli studi dei ricercatori giapponesi e condussero tre esperimenti in un diverso contesto

culturale.

Per misurare la robustezza dei risultati ottenuti da Kurosu e Kashimura, Traktinski ritenne

opportuno, altresì, apportare alcune modifiche metodologiche al loro disegno sperimentale.

In questo studio furono usate le stesse variabili dell’esperimento in giappone: le sette

variabili indipendenti considerate essere le cause determinanti dell’usabilità inerente e le

due variabili dipendenti: usabilità apparente e estetica per le quali fu chiesto ai partecipanti

di attribuire un valore compreso tra 1 e 10.

I 26 layout in giapponese, forniti da Kurosu e Kashimura, furono tradotti, laddove neces-

sario, in ebraico e utilizzati per lo studio (figura 4.4). Questo passaggio pose alcuni proble-

mi di traducibilità. L’obiettivo era quello di assicurare l’aspetto naturale dell’interfaccia agli

occhi degli israeliani preservando l’originale versione giapponese. Nella maggior parte dei

casi fu privilegiato il primo aspetto. In particolare parecchi controlli nell’interfaccia

giapponese sono rappresentati da un carattere, mentre in ebraico richiedono un’intera parola

(il simbolo di moneta yen, che nelle interfacce giapponesi è un carattere, fu tradotta con il

corrispondente ebraico di “confirmation” che denota la stessa operazione per i bancomat

israeliani).

Fu, inoltre, sostituita l’immagine di una donna, presente sull’interfaccia giapponese, che si

inchinava ripetutamente per indicare che il sistema stava eseguendo un’operazione con una

clessidra che risultava più familiare, per gli israeliani, per la rappresentazione di un sistema

attivo.

62

Figura 4.4. Un esempio di layout originale giapponese e la sua controparte israeliana. Questo layout è stato valutato con un punteggio alto per l’usabilità apparente e l’estetica sia in Giappone che in Israele. (Traktinsky 1997). L’esperimento 1 fu progettato per valutare la robustezza dei risultati di KK rispetto alle

variazioni del contesto culturale.

Vide la partecipazione di 104 studenti del primo anno di ingegneria di un’università

israeliana. Fu usata la stessa procedura di KK: i 26 layout furono proiettati in una grande

aula usando un proiettore. Ogni layout fu visualizzato per circa 20 secondi. In questo

intervallo di tempo, i partecipanti votavano ogni layout per facilità d’uso e bellezza su una

scala da uno a dieci. Fu fatta la media dei voti, per ognuno dei 26 layout rispetto alle due

variabili considerate. Il punteggio medio per tutti i 26 layout fu simile a quello dello studio

di KK (5.9 contro 6.0 per l’estetica e 5.4 contro 5.8 per l’usabilità apparente in Israele e

Giappone rispettivamente).

La variabilità dei punteggi fu più alta in Israele che in Giappone: per l’estetica variavano tra

3.5 e 8.5 in Israele, e tra 5.2 e 6.8 in Giappone; quelli per l’usabilità apparente, in Israele

variavano tra 2.7 e 8.5, mentre in Giappone tra 4.4 e 6.5.

Le relazioni con l’usabilità apparente usando il coefficiente di correlazione per le scale di

intervalli e il coefficiente di contingenza per le variabili indipendenti sono presentati in

figura 1, accanto ai corrispondenti di KK. In generale le relazioni assomigliarono a quelle

ottenute da KK. Tuttavia, la correlazione tra l’estetica e l’usabilità apparente (r=0.921) fu

più alta in Israele.

Qundi, ancor più della loro controparte giapponese, per gli israeliani, la facilità d’uso

percepita e l’estetica mostravano di essere strettamente legate.

63

Correlazioni con l’usabilità apparente

Variabili KK Esp. 1 Esp. 2 Esp. 3

Estetica Distanza Tipo di tastiera Raggruppamento Sequenza 1 Dominanza mano Sequenza 2 Sicurezza

.589

.000

.730

.075

.113

.127

.306

.137

.921

.001

.671

.462

.352

.002

.233

.019

.832

.042

.751

.529

.197

.125

.137

.006

.920

.129

.760

.667

.397

.203

.153

.061 Tabella 4.2. Correlazioni e coefficienti di contingenza di estetica e delle sette variabili sull’usabilità inerente con l’usabilità apparente per l’esperimento in Giappone e per i tre esperimenti in Israele.

Tra le cause che determinano l’usabilità inerente, solo il tipo di tastiera e il numero di

elementi raggruppati furono correlati con l’usabilità apparente.

La Tabella 4.2 presenta una tavola di contingenza in cui 4 intervalli di categoria uguali sono

usati per valutare i 26 progetti rispetto al loro punteggio dell’usabilità apparente.

A dispetto della somiglianza dei coefficienti di contingenza tra i partecipanti giapponesi e

israeliani, un più attento sguardo alla tabella di contingenza rivela che, mentre i giapponesi

associavano meglio l’usabilità con i layout con tastiera orizzontale, gli israeliani la

collegavano alla tastiera telefonica.

L’esperimento 2 fu progettato per valutare la potenziale dipendenza tra le risposte dovuta

al metodo.

La modalità utilizzata nell’esperimento 1, che prevedeva i partecipanti votassero contem-

poraneamente bellezza e facilità d’uso di ognuno dei 26 layout su due consecutive scale da

1 a 10 prima di procedere nell’esperimento avrebbe potuto influenzare la correlazione

riscontrata tra le due variabili a causa di una potenziale dipendenza tra le risposte. Fu,

quindi, modificato il procedimento: i 26 layout furono proiettati in due differenti sessioni.

L’ordine di presentazione dei layout fu determinato casualmente per ogni sessione.

Parteciparono a questo studio un differente gruppo di 81 studenti del primo anno di

ingegneria. Gli studenti furono assegnati casualmente ad una di due diverse condizioni.

Nella prima condizione, i partecipanti valutavano l’estetica per i 26 layout nella prima

sessione, e l’usabilità apparente nella seconda sessione. Nell’altra condizione, l’ordine di

valutazione era invertito. Poiché era necessaria solo una valutazione, il tempo di

presentazione globale risultò ridotto di circa 15 secondi.

64

I risultati (mostrati in tabella 4.2) risultarono simili a quelli dell’esperimento 1, le relazioni

tra l’estetica e l’usabilità apparente non erano, quindi, il prodotto di una dipendenza dalle

risposte causata dal metodo usato da KK e nell’esperimento 1. Anche i risultati sulla

relazione tra l’usabilità apparente e il tipo di tastiera e il numero di raggruppamenti furono

analoghi a quelli dell’esperimento 1. L’esperimento 2 confermò, dunque, la forte correla-

zione tra usabilità apparente e l’estetica, e le differenze in queste relazioni, tra israeliani e

giapponesi.

L’esperimento 3 fu progettato per verificare se i giudizi fossero dipesi dal tipo di mezzo di

visualizzazione e se fossero cambiati se i progetti fossero stati visualizzati su un monitor di

un terminale.

I primi due esperimenti, così come quello di KK, utilizzavano un proiettore per visualizzare

i layout su un ampio schermo. I partecipanti avevano visto i layout da differenti distanze

(generalmente ampie), e differenti angoli. L’utilizzo di personal computer uniformò le

condizioni di visualizzazione, consentì ai partecipanti di lavorare secondo la propria

velocità e permise la totale casualità della presentazione degli stimoli (per esempio l’ordine

delle domande e dei progetti). I partecipanti, 108 studenti del terzo anno di ingegneria,

furono fatti sedere di fronte ad un pc. Un programma, scritto in Visual-basic, presentava gli

stimoli materiali, accettava le risposte degli utenti e misurava i tempi di risposta.

Il programma partiva con una breve introduzione on-line, dopo cui venivano presentati ai

partecipanti, in ordine casuale, i 26 layout di bancomat. Nella parte inferiore dello schermo

veniva presentata una delle due domande su estetica e usabilità. I partecipanti potevano

rispondere alle domande con una scala da 1 a 10 selezionando uno tra dieci bottoni

disponibili. Per procedere con il layout seguente, dovevano premere un bottone continua.

Dopo aver risposto alla prima domanda di ognuno dei 26 layout, i layout erano presentati in

un nuovo ordine casuale e i partecipanti dovevano rispondere all’altra domanda.

I risultati dell’esperimento 3 (mostrati in tabella 4.2) sono consistenti, per la gran parte, con

quelli ottenuti negli esperimenti 1 e 2. L’uso di personal computer in questo esperimento ha

consentito la misurazione dei tempi utilizzati dai partecipanti per valutare i progetti.

Mediamente, la gente impiegava più tempo a valutare l’usabilità che l’estetica. (i tempi di

valutazione medi furono 8.68 sec. e 7.58 sec. rispettivamente). Sebbene non molto ampia la

differenza nella latenza supporta l’aspettativa intuitiva che la valutazione dell’usabilità

apparente è più complessa, e di qui il maggior tempo impiegato che nella valutazione

dell’estetica dell’interfaccia.

65

I risultati di studi confermarono l’alta correlazione tra l’usabilità apparente e l’estetica

riscontrata da KK, evidenziando altresì una dipendenza culturale tra la percezione estetica e

le sue relazioni con i relativi costrutti Hci.

Tale dipendenza, peraltro, andò nella direzione opposta a quella attesa. L’ipotesi che i

giapponesi fossero più sensibili all’estetica degli israeliani e avrebbero enfatizzato

maggiormente il ruolo dell’estetica nel progetto delle interfacce non ebbe riscontro

nell’esperimento, infatti, in Israele, la correlazione tra usabilità apparente e estetica risultò

considerevolmente più alta che in Giappone.

Dopo aver ribadito la necessità di un approccio più globale all’Hci e alla comprensione di

come le persone sperimentano e giudicano i sistemi in quanto le misure oggettive del

comportamento e uso dei sistemi potrebbero non essere sufficienti a predire l’accettabilità

del sistemi, Traktinsky conclude sottolineando la necessità di definire metodi per

l’identificazione e la misurazione di componenti estetiche rilevanti che potrebbero aiutare a

spiegare e valutare la nostra esperienza con i computer.

Gli studi di KK e di Traktinsky mostrano chiaramente l’importanza dell’estetica nella

progettazione di artefatti, sottolineando in particolare la relazione esistente tra estetica e

usabilità percepita.

Un altro studio (Parizotto) ha confermato tale relazione e mostrato come anche in ambienti

d’apprendimento virtuali la dimensione estetica dei layout giochi un ruolo chiave influendo

sulle motivazioni degli studenti all’apprendimento.

Dopo aver effettuato uno studio analogo a quelli di KK e Traktinsky, quindi volto a

verificare la relazione tra usabilità apparente ed estetica, in un ambiente di apprendimento

virtuale, la ricercatrice brasiliana ha ritenuto opportuno replicare lo studio dopo l’effettivo

utilizzo del sistema da parte del campione. La valutazione di estetica e usabilità avveniva

dopo l’interazione dopo l’effettuazione di due task su quattro diverse condizioni ottenute

incrociando estetica e usabilità alte e basse. Ognuno dei partecipanti appartenenti ad un

gruppo di 98 studenti brasiliani sperimentava solo una delle quattro condizioni e attribuiva

un punteggio ad estetica e usabilità dopo il completamento dei due task assegnati.

Ancora una volta i coefficienti di correlazione confermarono la relazione tra estetica e

usabilità, questa volta esperita.

66

D’altro canto l’estetica non rappresenta la soluzione per l’accettabilità di un sistema e la

costruzione della corretta user-experience. Bisogna infatti sottolineare come, in realtà, la

qualità dell’interazione sia determinata dal concorrente apporto di un numero elevato di

dimensioni in relazione tra di loro. Ad esempio nel web, metafora, modello mentale,

architettura delle informazioni, ingegneria dell’usabilità sono tutti elementi utili per un

prodotto centrato sull’utente.

Inoltre gli studi presentati hanno valutato l’estetica del layout senza considerare la

componente dell’interazione (nell’esperimento della Parizotto si trattava di completare due

task routinari) che caratterizza e differenzia gli artefatti tecnologici da quelli cartacei. È di

sicuro interesse indagare sulle relazioni tra estetica e ricchezza dell’interazione.

4.4 Estetica dell’interazione e nuovi metodi per il design dell’interazione

Estetica e interazione sono strettamente intrecciate, l’estetica di un prodotto deve essere

definita in relazione alle sue funzioni e la sua interazione deve essere giudicata per le sue

qualità estetiche, sia sensoriali che concettuali. Questo conduce ad un’estetica dell’intera-

zione, in cui l’enfasi è spostata da un’apparenza controllata esteticamente ad un’interazione

controllata esteticamente di cui l’apparenza è una parte. L’estetica dell’interazione sposta

l’attenzione dalla facilità d’uso al piacere dell’esperienza.

L’apparenza può attrarre gli utenti ad agire attraverso l’aspettativa di una bella interazione,

ma è necessaria una ricchezza nell’interazione perché la relazione tra utente e sistema possa

essere interessante e variabile. I sistemi dovrebbero proporre una ricchezza di funzionalità,

cioè apparenza, interazione e funzioni che devono riflettere la complessità socioculturale di

chi lo usa. I dispositivi hanno un ruolo nella vita di chi li usa, attraverso apparenza, inte-

razione e funzionalità ogni prodotto racconta una storia sul suo utente e sulla loro relazione.

Allo scopo di indagare e comprendere nuovi metodi - basati sull’estetica piuttosto che sulla

facilità d’uso - per il design dell’interazione, Frens ne propone uno “Designing for extreme

characters” che aiuta i designer a comprendere gli aspetti socio-culturali dei loro progetti.

Frens illustra questa tecnica per mezzo del design di un’agenda elettronica che per poter

essere di aiuto agli utenti deve avere un’idea delle preferenze e dei sentimenti dell’utente su

ogni appuntamento.

67

Progettare, in genere con l’ausilio di scenari, per personalità prototipo ignora l’aspetto

emozionale e l’intero spettro delle emozioni umane. “Designing for extreme characters”

capovolgendo l’approccio progettuale basato su prototipi appartenenti ad un target group, è

una tecnica che progetta per personalità che hanno atteggiamenti emozionali estremi. Le

caratteristiche, peculiari di personalità estreme, sebbene comuni, rimangono nascoste

perché sono antisociali.

Frens ha progettato per tre personalità estreme: uno spacciatore, il papa e una ventenne con

più partner. Le personalità erano non solo descritte in parole, ma anche visualizzati sotto

forma di collages che descrivevano una loro giornata, allo scopo di comprendere i legami,

difficilmente esprimibili con le parole, tra personalità, apparenza, azioni e ruolo.

Ognuna delle tre personalità ha un atteggiamento unico nei confronti degli appuntamenti.

Riportiamo quello della ventenne.

Profilo

È una donna con una moltitudine di contatti sociali, tra cui molti partner. Ha avuto una

normale giornata lavorativa come insegnante, ma, è sempre nell’attesa spasmodica di essere

libera dopo il lavoro e nel week-end. Ha sempre voglia di divertirsi. Quando esce è sempre

tesa perché ha timore che i vari partner la possano incontrare con qualcun altro. Ha bisogno

di gente intorno a sé in quanto non è capace di divertirsi da sola.

Il suo atteggiamento nei confronti degli appuntamenti è caratterizzato dal piacere che la

donna trae dal destreggiarsi tra gli appuntamenti in modo tale che i propri partner non

scoprano l’esistenza di altri uomini. Quando ha più richieste di appuntamento si chiede

quale sia l’uomo che vada meglio per quella serata.

Il concept

L’agenda per la ventenne usa cinque schermi circolari che si ripiegano come un ventaglio

utilizzabile in due modi. Nel primo, detto “pubblico”, tutti gli schermi sono piegati

all’interno e solo quello principale è visibile. È possibile dare una sbirciata veloce agli altri.

Nel secondo, detto “privato”, gli schermi sono tutti visibili ed è possibile controllare tutte le

informazioni sensibili. Attraverso un appropriato posizionamento degli schermi, la donna

poteva valutare e comparare i suoi partner sulla base di un divertente profilo con misure

quali, cena, shopping, sesso.

Il ventaglio per appuntamenti si adatta all’atteggiamento della ventenne. La aiuta a

mantenere il suo stile di vita edonistico ricordandole le caratteristiche dei partner e

68

permettendole di ordinarli attraverso una semplice interfaccia. La doppia modalità, le

consente di utilizzare il dispositivo in pubblico senza rinunciare al suo speciale bisogno di

privacy.

Frens tradusse la frivolezza della personalità nella piacevolezza dell’interazione. Nella

gestione dell’invito multiplo, l’interfaccia, del tutto illustrata, utilizza fotografie scattate con

una fotocamera integrata, della persona, del luogo e del soggetto dell’appuntamento.

Sebbene la personalità della ventenne può essere considerata frivola, il ventaglio per

appuntamenti può essere introdotto per applicazioni più serie, ad esempio sostituendo i

partner con “incontri d’affari” si potrebbe giudicare la priorità. Per un free-lance, la

modalità “pubblico” potrebbe diventare un modo per proteggere l’associazione ad un cliente

mentre ne visita una altro.

Questo approccio “estremo” ha consentito in questo progetto considerare caratteristiche

della personalità quali la segretezza, lo status e l’autonomia, che non sono normalmente

enfatizzate negli appuntamenti dei manager. Sebbene sono considerati come concetti

separati, per Frens hanno forza sinergica e influenzano gli aspetti della personalità.

Progettare per la ventenne ha permesso di rompere con la nozione esistente di estetica e

interazione con un Pda. In realtà, il ventaglio è più probabilmente adatto ad una ventenne in

termini di estetica, funzionalità e significato culturale di un Pda. Questo è l’aspetto centrale

del progettare per personalità estreme: gli estremi fanno comprendere che il modo in cui le

cose sono non è l’unico possibile. Consentono di comprendere la ricchezza estetica, funzio-

nale e interattiva che i prodotti dovranno essere in grado di offrire.

Questo progetto può spronare i designer a trarre ispirazione dai film, dall’editoria e dal

mondo della moda che utilizzano questi stereotipi. Potrebbe essere anche interessante

pensare a stereotipi che escono dai clichè, come un professore che si droga o uno spaccia-

tore introverso.

Inoltre espone quelle emozioni e caratteristiche della personalità che rimangono nascoste

negli scenari ritenendole sconvenienti e imbarazzanti. In realtà, per progettare prodotti per

gli umani, non possiamo scindere queste emozioni indesiderabili in quanto sono quelle che

ci rendono umani.

69

4.5 Metodi per la valutazione dell’estetica

Appurato il ruolo giocato dall’estetica nell’interface design, assume importanza il poter

disporre di metodi che siano in grado di misurare la dimensione estetica in maniera ogget-

tiva. Nessuno sa come misurare i valori dell’estetica, alcuni dubitano anche che ciò sia

possibile. Lo sviluppo di misure valide è un prerequisito per studi futuri e per il progetto

della dimensione estetica di artefatti e siti web. La disponibilità di tali misure facilita una

migliore comprensione dei fenomeni dell’Hci, quali la relazione tra la percezione dell’este-

tica e l’usabilità.

Un modello computazionale

Ngo, Samsudin e Abdullah (2000) propongono un modello computazionale, di tipo

quantitativo, che utilizza cinque misure estetiche per la progettazione di interfacce grafiche:

• Bilanciamento

è ottenuto posizionando sullo schermo gli elementi che compongono il layout in modo

tale che il peso visivo delle componenti risulti equilibrato. Si può ottenere un layout

bilanciato non necessariamente attraverso una disposizione simmetrica, ma anche

asimmetrica, attraverso un’opportuna distribuzione dei pesi degli oggetti lungo gli assi

orizzontali e verticali del layout per ottenere configurazioni visive caratterizzate da

maggior dinamicità.

In particolare si ottiene un layout bilanciato quando la misura del bilanciamento

BM = (wL – wR, wT – wB) è uguale a zero.

In questa formula wL è il peso del lato sinistro del layout (rispetto all’asse di simmetria

verticale), wR è il peso del lato destro, wT è il peso della parte superiore del layout

(rispetto all’asse di simmetria orizzontale) e wB è il peso della parte inferiore.

Il peso di un layout è dato dalla somma algebrica dei pesi degli elementi che lo

compongono:

w = Σ aidi

dove ai è l’area di un oggetto e di è la distanza tra i suoi assi centrali (orizzontali e

verticali) e i corrispondenti assi di simmetria.

70

x2

a2

a3

a1

x1

x3

y1

y2y3

Figura 4.5. Un layout bilanciato (Ngo, Samsudin e Abdullah 2000).

• Equilibrio

è definito come l’uguale bilanciamento tra forze opposte. Qualsiasi oggetto costituisce

un centro di forze. La relazione tra i vari elementi come centro delle forze è la base

della composizione. Un layout è in equilibrio quando il suo centro coincide con il centro

del frame.

La formula è

EM = (xc, yc) – (x0, y0) o EM = (xc – x0) – (yc – y0)

in cui EM è la misura dell’equilibrio, (x0, y0) è il centro di un layout, e (xc, yc) è il centro

del frame. Il centro di un insieme di oggetti di area a1, a2, a3…

nei punti (x1, y1), (x2, y2), (x3, y3) nel piano xy è

(x0, y0) = ((Σ aixi / Σ ai), (Σ aiyi / Σ ai))

Equilibrio e bilanciamento coincidono quando:

xc = x0 e yc = y0 oppure wL = wR e wT = wB

a2

a3

a1

(x2, y2)

(x1, y1)

(x3, y3)

(xc, yc)

Figura 4.6. Un layout in equilibrio (Ngo, Samsudin e Abdullah 2000).

71

• Simmetria

rappresenta la distribuzione bilanciata degli elementi lungo gli assi di simmetria. Oltre

alla simmetria orizzontale e verticale, possiamo avere quella radiale che consiste nel

bilanciamento degli elementi su due o più assi che si intersecano in un punto centrale.

La formula è:

SM = {[gUL - gLL], [gUR - gLR], [gUL - gUR], [gLL - gLR], [gUL - gLR], [gUR - gLL]},

in cui SM è la misura della simmetria, i valori di gXY rappresentano il peso dei quattro

quadranti.

Il peso di un layout è la somma algebrica delle sue componenti:

g = Σ (| xi –xc|,| yi –yc|, li, bi)

in cui li è la lunghezza di un oggetto, bi è la larghezza dell’oggetto, (xi, yi) è il centro

dell’oggetto, e (xc, yc) è il centro del frame.

Si noti come la misura di peso per la simmetria è differente da quella per il

bilanciamento.

La simmetria crea bilanciamento, la differenza è che il bilanciamento può essere

ottenuto senza simmetria.

b1

(x1, y1)

(xc, yc)

l1

b2

(x2, y2)

l2

b3

(x3, y3)

l3

b4

(x4, y4)

l4

Figura 4.7. Un layout simmetrico (Ngo, Samsudin e Abdullah 2000).

• Sequenza

questa misura fa riferimento alla facilità con cui l’occhio percepisce gli elementi sullo

schermo sulla base della loro disposizione e della loro dimensione. Normalmente gli

occhi, come nella lettura, si muovono dall’angolo superiore sinistro e spostandosi avanti

e indietro arrivano in basso a destra. Per individuare un percorso visuale occorre:

72

1. partire dall’elemento che riesce ad attrarre la vista;

2. spostarsi all’elemento attrattore sullo stesso livello o ad un livello inferiore;

3. ripetere il passo 2 fino al raggiungimento dell’ultimo nodo.

L’attrattività di un oggetto dipende dal suo peso. È data da:

a x q

dove a è l’area di un oggetto e q è il valore del quadrante in cui l’oggetto è situato (qUL

ovvero il quadrante in alto a sinistra ha valore 4, qUR vale 3, qLL 2, qLR 1).

Un layout ottimale facilita i movimenti oculari e riduce lo scanning visivo.

La formula per la sequenza è:

SQM = (p, d) con le seguenti definizioni

p = 1 se esiste un percorso – 0 altrimenti

d = ne

dove SQM è la misura della sequenza, p è l’esistenza di un percorso completo, d è la

lunghezza di un percorso e ne è il numero di passi.

In Layout ottimali,

SQM = ( 1, <= 3)

UL

LL

UR

LR

Figura 4.8. Un layout che presentando un SQM = (1,1) risulta ottimale. (Ngo, Samsudin e Abdullah 2000).

• Ordine e Complessità

si può massimizzare l’ordine tramite il bilanciamento, l’equilibrio, la simmetria e la

sequenza, e minimizzare la complessità riducendo il numero di elementi.

È definita matematicamente come:

M = (OBM + OEM + OSM + OSQM) / C (C>0)

dove dove M è la misura di ordine e complessità, OBM , OEM, OSM , OSQM rappresentano

bilanciamento, equilibrio, simmetria e sequenza, mentre C è la complessità,

73

e deriva dalla misura di valore estetico data da Birkhoff basata sulla formula

M = O/C

In cui si fa riferimento all’ordine di un oggetto in una determinata classe di oggetti, e

alla complessità dell’oggetto in quella classe.

Nella formula per il calcolo di M valgono le seguenti definizioni

OBM = 0,5 se wL = wR and wT = wB

0,25 se wL = wR or wT = wB

0 altrimenti

OEM = 0,5 se xc = x0 and yc = y0

0,25 se xc = x0 or yc = y0

0 altrimenti

OSM = 1,5 se (gUL = gUR and gLL = gLR) and

(gUL = gLR and gUR = gLR) and

(gUL = gUR and gUR = gLL)

1 se (gUL = gUR and gUR = gLR) and

(gUL = gLL and gUR = gLR)

0,5 se (gUL = gUR and gLL = gLR) or

(gUL = gLR and gUR = gLR) or

(gUL = gUR and gUR = gLL)

0 altrimenti

OSQM =0,5 se SQM >= 5

0 altrimenti

Gli autori hanno condotto due studi: il primo, a cui hanno partecipato sei gui-designer

irlandesi, per valutare la relazione tra le misure estetiche del loro modello; il secondo, a cui

hanno partecipato 22 studenti di ingegneria malesi, per valutare la robustezza dei risultati

ottenuti. Lo studio è consistito nella valutazione dell’estetica, attraverso una scala con valori

da zero a tre, di sette modelli di layout con gli stessi elementi. Tali layout differivano solo

per la disposizione degli elementi sullo schermo.

74

La valutazione dei layout da parte dei designer produsse valori molto simili a quelli ricavati

con l’applicazione delle formule per ognuna delle dimensioni dell’estetica, in particolare il

coefficiente di correlazione fu r = 0,99 (tabella 4.3).

I risultati della seconda parte dell’esperimento, nonostante avesse visto la partecipazione di

persone senza una specifica formazione nel visual design e proveniente da un altro contesto

culturale, furono anch’essi sorprendentemente vicini ai valori trovati nel primo esperimento

e quindi a quelli matematici derivati dalle formule di Ngo e Abdullah.

Test 1 Test 2 Entrambi

O 0,99 0,96 0,97

Tabella 4.3. I coefficienti di correlazione per i due test. (Ngo, Samsudin e Abdullah 2000).

Questo esperimento e il relativo modello computazionale proposto risultano di sicuro

interesse in quanto mostrano la possibilità di un approccio oggettivo all’estetica che, in

questo modo, potrebbe essere misurata.

Tuttavia, per ammissione degli stessi autori, un simile disegno richiede ulteriori sviluppi ed

approfondimenti. Infatti, in questo modello non sono considerati altre componenti che

possono giocare un ruolo importante nei risultati di ognuna delle misure proposte.

Colori, scelta del lettering, stile comunicativo sono tutte componenti che influenzano la

percezione e la decodifica delle informazioni sullo schermo da parte dell’utente.

Non solo, così come è sostenuto dalla psicologia della gestalt, la percezione è il risultato

delle relazioni esistenti tra le varie parti e componenti che strutturano l’“intero”. Ogni

“unità di senso” presente sullo schermo è sì percepita come tale, ma influenza in modo

reciproco tutte le altre unità.

Non bisogna peraltro trascurare il ruolo che può avere la cultura nella determinazione dei

giudizi estetici.

Misure per l’estetica percepita dei siti web

Traktinsky e Lavie (2002) hanno condotto uno studio allo scopo di sviluppare uno

strumento di misurazione dell’estetica percepita di un sito web, e individuare i fattori che

determinano i giudizi estetici di un’interfaccia web da parte degli utenti .

Lo studio, utilizzando un approccio esplorativo per la scarsità di ricerche precedenti in

questa area, si è svolto attraverso tre successive sessioni. Dopo la generazione di un insieme

75

preliminare di voci che riflettono la percezione dell’estetica, gli autori hanno proceduto

raffinando le scale emergenti e valutando la loro affidabilità e validità.

L’efficacia di questi studi risiede nel fatto che sono stati effettuati in due diverse condizioni:

studenti universitari in laboratorio e utenti ordinari nel loro usuale ambiente. Gli utenti

hanno valutato sia siti israeliani che inglesi, minimizzando così la potenziale influenza di

componenti culturali e linguistiche. Inoltre sono stati utilizzati vari tipi di siti web in modo

da non limitare lo strumento ad uno specifico genere di siti web.

Le misure estetiche proposte possono servire in ricerche empiriche future non solo rispetto

l’estetica dei siti web, ma anche per l’intera user experience.

Traktinsky e Lavie hanno individuato due principali dimensioni che hanno chiamato

“estetica classica” ed “estetica espressiva”, ognuna delle quali è rappresentata da cinque

voci.

La dimensione estetica classica enfatizza l’ordine e la chiarezza del design ed è rappre-

sentata dai seguenti attributi di un sito web:

• estetico

• piacevole

• pulito

• chiaro

• simmetrico

Corrisponde alla dimensione “chiarezza visuale”dei siti web (Nassar, 1999).

La dimensione estetica espressiva riflette la creatività e originalità dei designer e la loro

abilità di rompere le convenzioni. È rappresentata dai seguenti attributi dei siti:

• creativo

• affascinante

• con uso di effetti speciali

• originale

• sofisticato

Corrisponde alla “ricchezza della dimensione visuale” (Nasar, 1999) dei siti web, che inclu-

de abbellimento e espressione dello stile, creatività e originalità dei designer.

Queste due dimensioni di estetica percepita mostrarono un’alta consistenza interna, risul-

tando tuttavia fattori distinti.

76

Si noti come la dimensione dell’estetica classica sia più strettamente legata all’usabilità

percepita di quanto lo sia la dimensione dell’estetica espressiva. Questo legame potrebbe

spiegare i risultati ottenuti sulla relazione delle percezioni di estetica e usabilità.

Inoltre queste due dimensioni corrispondono ai concetti di ordine e complessità, come

descritte da Arhneim (1966), e assomigliano ai risultati di altri campi, quali ad esempio il

design di paesaggi. “L’ordine può essere definito come il tipo e il grado di legittimità che

governano le relazioni tra le parti di un’entità… La complessità è la molteplicità di

relazioni tra le parti di un’entità.”. Analogamente, Kaplan (1988) suggerisce che la

preferenza umana per i paesaggi è influenzata dal grado in cui i paesaggi “hanno senso”

(per es., è chiaro e leggibile) e il grado in cui sono stimolanti. Le relazioni tra queste due

qualità non sono predefinite, e il buon design dovrebbe condurre al loro bilanciamento dato

un contesto di design. In questo modo, “la complessità senza ordine produce confusione;

l’ordine senza complessità risulta noioso” (Arnheim, 1966).

77

5. Un caso di studio: il sito del Dib

In questo capitolo sono presentati i risultati di uno studio effettuato sul sito del Dipar-

timento di Informatica di Bari (Dib).

Lo studio è stato strutturato in due diverse parti.

Nella prima, basata sull’applicazione delle cinque misure di estetica proposte da Ngo –

Samsudin – Abdullah (illustrate nel capitolo precedente), è stata valutata la home page del

sito del Dib e proposta una ridefinizione dell’interfaccia con un miglioramento di tali

misure. È importante sottolineare che in questa prima parte, nel design dell’interfaccia non

sono state apportate variazioni su componenti quali colori, immagini, lettering, bensì sono

solo stati riorganizzati gli stessi elementi allo scopo di migliorare il bilanciamento, la

simmetria e l’equilibrio. È stato, altresì, effettuato un esperimento in cui è stata valutata

l’estetica dell’interfaccia prima e dopo gli interventi. L’esperimento ha confermato

l’importanza dell’applicazione delle cinque misure nella determinazione dell’estetica.

La seconda parte dello studio è consistita nel proporre un nuovo progetto per il sito del Dib

che è stato valutato non solo nella sua componente estetica, ma anche in altri fattori

rilevanti del design di un sito web, quali l’architettura dell’informazione e l’usabilità.

78

5.1 Parte prima. Misurazione dell’estetica e sperimentazione

La prima parte dello studio aveva l’obiettivo di valutare l’attuale home page del sito lungo

le misure dell’estetica bilanciamento, simmetria, equilibrio, sequenza, ordine e complessità,

quindi la valutazione delle componenti dell’estetica oggettivamente misurabili.

Bisogna ricordare che queste misure e il modello computazionale ad esse legato è stato

progettato per “multi-screen interfaces” (ad esempio applicazioni multimediali), tuttavia

può essere ragionevolmente utilizzata per la nostra home page che è invece un esempio di

“multi-pane interfaces” (gli altri due modi per usare le finestre sono le “multi-window

interfaces” – per esempio windows xp , e le “multi-document interfaces – ad esempio word

o excel).

Il layout ha mostrato di avere valori non soddisfacenti per le misure dell’estetica.

Sono state quindi apportate delle variazioni che hanno prodotto un miglioramento sensibile

di tali valori senza peraltro intervenire su altri aspetti del visual design quali lettering e

colori e lasciando inalterato il testo.

Sono stati solamente modificati i pesi e di conseguenza la disposizione dei macro elementi

della pagina, producendo un miglioramento del bilanciamento, dell’equilibrio e della

simmetria. Questa ridefinizione del layout ha sfruttato una griglia di impaginazione con un

modulo base quadrato di base 20 pixel che ha consentito di ancorare in modo regolare e

incrementale gli elementi della pagina.

Nelle figure 5.1 e 5.2 sono mostrati i layout e una loro rappresentazione schematica rispetto

agli assi di simmetria, prima e dopo gli interventi.

Poiché i miglioramenti quantitativi delle misure sono evidenti ed è immediato percepirli,

non si è proceduto all’applicazione delle formule calcolando i valori matematici.

79

x3

a2

a1

x2

x4

y2

y1

x5

a3a4

a5

x1

y3 y4 y5

Figura 5.1. Versione attuale della Home page del Dipartimento di Informatica e relativa rappresentazione schematica rispetto agli assi di simmetria.

80

x3

a2

a1

x2

x4

y2

y1

x5

a3 a4 a5

x1

y3 y4

y5

Figura 5.2. Redesign della Home page del Dipartimento di Informatica e relativa rappresentazione schematica rispetto agli assi di simmetria.

81

Si è voluto sottoporre ad un esperimento il nuovo layout per verificarne l’effettivo

miglioramento dell’estetica e quindi la bontà del modello quantitativo considerato. Condot-

to in condizioni controllate l’esperimento è consistito nel far valutare ad un campione di 23

soggetti, studenti dell’ultimo anno dell’istituto professionale (indirizzo pubblicità) “Gorjux”

di Bari, l’estetica dei due layout. Il campione, come è possibile rilevare nel prossimo

paragrafo, appartiene agli stakeholder utenti del sito.

L’interfaccia originaria e quella modificata sono state mostrate su un pc, identico per ogni

partecipante, e non sono stati imposti limiti di tempo per dichiarare la propria preferenza.

I risultati hanno mostrato, confermando quelli ottenuti da Ngo, Samsudin, Abdullah,

l’importanza dell’estetica ed in particolare dei cinque princìpi adottati nel redesign

dell’interfaccia. I partecipanti all’esperimento hanno preferito l’interfaccia che esibiva

valori migliori per le misure dell’estetica. I risultati, mostrati in figura 5.3, evidenziano in

maniera netta, 19 dei 23 partecipanti quindi l’82,6%, le preferenze per il layout estetico.

19

4

0

5

10

15

20

25

Stud

enti

principi non applicatiprincipi applicati

Figura 5.3. Percezione delle misure dell’estetica da parte del campione.

82

5.2 Parte Seconda. Valutazione e redesign

La seconda parte dello studio è consistita nella valutazione del sito del Dib.

Per effettuare tale valutazione è stato adottato il modello multidimensionale, proposto da

Polillo (2004), illustrato nel capitolo tre. Oltre allo studio di valutazione, finalizzato ad

indicare eventuali problemi riscontrati, è stato proposto un possibile redesign. Questo pro-

getto di redesign, evidentemente guidato dai risultati della valutazione, non è consistito nel

semplice miglioramento delle misure quantitative dell’estetica. Un’interfaccia comple-

tamente nuova, anche nei colori, nella regole di messa in pagina e nell’utilizzo del lettering,

ha dato forma ad una nuova navigazione e ad una riorganizzazione dei contenuti. È

presentato, altresì, un progetto di nuovo logo (presentato in fondo al capitolo), che prospetta

un sistema segnico rinnovato.

La valutazione

Prima di procedere con la valutazione del sito www.di.uniba.it, non disponendo della

documentazione relativa all’analisi dei requisiti e degli utenti, sono stati individuati quelli

che generalmente e ragionevolmente sono gli obiettivi e i principali utenti ai quali si rivolge

un’istituzione universitaria.

Requisiti generali del sito

Il sito del dipartimento ha i seguenti obiettivi:

- presentare il dipartimento, la sua faculty, le attività di ricerca, i servizi offerti

- presentare il tipo di offerta formativa, le caratteristiche di ogni corso e le prospettive

professionali allo scopo di orientare

- consentire ai docenti di inserire informazioni e materiale didattico relativo ai corsi da

loro tenuti

- consentire agli studenti di raccogliere tutte le informazioni sulle attività didattiche e la

fruizione dei servizi erogati del dipartimento.

- consentire agli studenti di effettuare un insieme di operazioni, come acquisire materiale

didattico, prenotare esami, prenotare l’utilizzo dei laboratori

- consentire alle aziende di accedere ad informazioni sui progetti di ricerca e ai giovani

laureati

83

Quindi si rivolge essenzialmente ai seguenti utenti (figura 5.4):

- Studenti

- Studenti potenziali

- Docenti

- Dottorandi e assegnisti di ricerca

- Personale non docente e amministrativo

- Aziende

- Laureati

Utenti

Studenti Studenti potenziali

Docenti Dottorandie assegnisti

di ricerca

Personale non docentee amministr.

Aziende Laureati

Figura 5.4. Stakeholder utenti per il sito del Dib.

Obiettivi della valutazione

Il check up effettuato ha preso in considerazione tutte le parti del sito eccetto l’area riservata

docenti. Gli sforzi della valutazione sono stati volti essenzialmente all’individuazione delle

principali aree di intervento, trascurando alcuni aspetti ad un maggiore livello di approfon-

dimento.

L’architettura

L’architettura rappresenta, dopo la definizione degli obiettivi, il primo fondamentale passo

nella costruzione di un sito web. È proprio l’architettura a “guidare” il visual concept.

Quest’ultimo non può prescindere dall’organizzazione dei contenuti e dalle modalità di na-

vigazione. In realtà, architettura, navigazione, usabilità e visual design sono componenti

strettamente collegate e dipendenti, tutte necessarie per la costruzione della user-experience.

Analizzare l’architettura significa esaminare l’organizzazione delle parti e delle pagine che

costituiscono un sito, vale a dire la struttura del sito e le modalità di navigazione ossia le

possibilità di accesso alle varie informazioni offerte. Un’architettura, per poter essere effi-

ciente, dovrà essere coerente con gli scopi del sito ed utilizzare una categorizzazione delle

informazioni adeguata a tali scopi.

84

Per quanto concerne la struttura, la più diffusa nei siti web è quella gerarchica: da una home

page, è possibile raggiungere le pagine di secondo livello e da queste le pagine di terzo

livello e così via. La struttura gerarchica è efficacemente rappresentabile attraverso un dia-

gramma ad albero. Spesso il sito non presenta una struttura gerarchica pura, ma si utilizzano

scorciatoie per determinate pagine del sito che si desidera referenziare in modi differenti.

Analogamente, anche se meno frequentemente, possono essere utilizzati tour guidati, ovve-

ro sequenze di pagine da scorrere in sequenza; questa modalità può essere utile quando si

desidera che il visitatore fruisca un contenuto distibuito su più pagine per intero, ad esempio

può essere usato per una serie di immagini in sequenza, va detto che tale modalità è più

adatta a prodotti ipermediali a carattere didattico in cui assume senso l’erogazione di un

contenuto nella sua completezza.

La struttura di un sito può convenientemente essere rappresentata attraverso una mappa.

Una mappa consente all’utente di avere una visione di quella che è la struttura del sito, ha

una funzione simile a quella che ha l’indice in un libro e consente di raggiungere veloce-

mente la sezione cercata.

Il sito del Dib non fornisce una mappa del sito. Per costruire un diagramma della struttura

del sito è stato necessario ripercorrere, a partire dalla home page, tutte le strade. Il primo

diagramma ottenuto è rappresentato in figura 5.5.

Home

Il Dib PersonaleArea

riservata person. Dib

Ricerca Attività

Link esternouniba.it

Offerta formativa

Organi-zzazione

English Dichiaraz di accessibilità

Professori ordinari

Professori associati

Professori stabilizzati

Ricercatori

Assegnistidi ricerca

Dottorandi

Tecnici e amministrativi

Cos’è

Come raggiungerlo

Servizi

laboratori didattici (Silad)

Laboratorio Manuzio

Biblioteca

Isola didattica

Isola didattica per disabili

Lauree

Dottorato di ricerca

Certificazione ECDL

Certificazione EUCIP

Direttore

Segretario amministrativo

Giunta

Consiglio

Login

Situazioneaule odierna

Laboratori di ricerca

(C.I.L.A.)

Congressi eWorkshop

Seminari

Premi di studio

Figura 5.5. Diagramma dei primi livelli di navigazione del sito del Dib.

85

Questo diagramma mostra quelli che possono essere considerati i primi due livelli gerar-

chici del sito del Dib. In realtà le voci di secondo livello sono tutte esposte in home page.

Attraverso una modalità simile ad un menù, tali pagine sono raggiungibili con un click.

Questa struttura e questa modalità di accesso potrebbe essere considerata coerente con gli

obiettivi del sito.

Le difficoltà sorgono quando accediamo ad una qualsiasi delle pagine di secondo livello.

Inoltre, si scopre che il link “Lauree” conduce in quello che viene considerato il minisito

“Corsi di studio”, questo nuovo ambiente viene sì comunicato attraverso un variazione

cromatica ma presenta inconsistenze e modalità di navigazione difficilmente predicibili. In

questa sezione viene riproposta la modalità della home page, attraverso voci di menù si può

accedere alle pagine di secondo livello. Riportiamo il diagramma (figura 5.6) di quella che

viene etichettata “Home corsi di studio”.

Informatica Informazioni comuni Dottorato

Corsi di studio

disattivati

Area riservata studenti

Link esternouniba.it

Laurea specialistica

Certificazioni

Dichiaraz di accessibilità

Bacheca ultime novità

Seminari con CFU

Offerta di stage

Tutorato

Studiare all’estero

Msdn academic alliance

Isola didattica disabili al Dib

Cos’è l’informatica

Quando nasce a Bari

Lauree triennali

Sbocchi professionali

Isola didattica disabili al Dib

Laboratori didattici al Dib

Modulistica

Home

HomeCorsi di studioIn informatica

Figura 5.6. Diagramma “Home corsi di studio”.

86

Il diagramma mostra il secondo livello solo per le voci “Informatica?” e “Informazioni

comuni” che sono raggiungibili anche quando accediamo alle pagine di secondo livello di

“Lauree” e “Lauree specialistiche”.

Rimandiamo al paragrafo della valutazione dell’usabilità la discussione di quelli che a mio

avviso sono i problemi incontrati. Operiamo questa scelta in quanto le problematiche

dell’architettura riverberano, evidentemente, sull’usabilità.

Per quanto la strutturazione dell’informazione possa essere considerata plausibile, un

sistema di navigazione inappropriato rende di difficile comprensione la stessa struttura.

Struttura e navigazione possono essere considerate due componenti che concorrono al

raggiungimento di un unico intento, fornire modalità “logiche” per la fruizione dell’infor-

mazione. Risulta evidente come questo risulti strettamente legato al concetto di usabilità.

Comunicazione

La home page di un sito riveste una grande importanza, poiché in breve tempo deve essere

in grado di far comprendere all’utente lo scopo del sito. Infatti studi empirici hanno

mostrato che nella navigazione il tempo di permanenza è molto breve e raramente si

analizzano con attenzione le informazioni presenti o le pagine interne.

La home del Dib mostra chiaramente nell’intestazione la dicitura “Dipartimento di

informatica”, l’appartenenza all’Università di Bari viene comunicata dalla presenza del logo

in alto sinistra.

Inoltre, anche se, come mostrato nell’esperimento condotto in precedenza, si potrebbero

migliorare le misure dell’estetica, i contenuti di primo livello sono facilmente percepibili.

Il logo del Dib, però, risulta poco leggibile. L’acronimo, sganciato dalla sua specifica, può

risultare non facilmente decodificabile. Il segno grafico, inoltre, risulta incerto e non in

grado di comunicare identità. In fondo al capitolo è proposto il nuovo logo del Dib.

La grafica delle pagine interne del sito mostra l’assenza di un progetto, non sono soddisfatti

i concetti di ordine e complessità. La dimensione visuale non riesce né ad attrarre per la sua

componente “espressiva” né utilizza quella “classica” per facilitare la consultazione dei

contenuti.

87

Funzionalità

Il sito non dispone di una funzione di ricerca informazioni. È possibile, tuttavia, cercare

docenti e laureati. La ricerca dei laureati ha mostrato, però, di essere non soddisfacente.

Infatti non produce risultati se non si conosce il titolo della tesi. Sarebbe significativo

mostrare tutti i laureati di una data sessione di laurea, indipendentemente dal titolo della

tesi. È ragionevole supporre che nessuno, oltre il laureando, conosca il titolo.

Le altre funzionalità sono segmentate per l’utente docente e quello studente nelle rispettive

aree riservate. Abbiamo potuto verificare solo le funzionalità dello studente che consentono

unicamente la prenotazione di esami. L’interfaccia nonostante l’esiguità dei task disponibili

mostra problemi di usabilità che sono dettagliati nel paragrafo sulla valutazione dell’usabi-

lità.

Contenuto

La classificazione dell’informazione ha un’organizzazine basata sui contenuti. Il labelling

risulta generalmente sufficientemente chiaro. In alcuni casi, tuttavia, potrebbe essere

migliorato. “Informatica?” questa voce ad esempio lascia perplessi. Il testo è costellato di

link e sfrutta le caratteristiche dell’ipertestualità. Tuttavia, spesso il testo risulta difficile da

leggere, ma il problema, come già evidenziato, risiede in un’impaginazione confusa e in una

navigazione che non supporta la strutturazione dei contenuti e non nei contenuti stessi.

Colonne troppo larghe che arrivano sino al bordo senza margine e lunghi scrolling non

aiutano un naturale scanning visivo.

L’informazione sembra essere completa ed è costantemente aggiornata.

Gestione

La valutazione della gestione effettuata è evidentemente riferita esclusivamente ad una visi-

bilità e ad un monitoraggio da utenti. Questo tipo di valutazione ha mostrato un sito sempre

attivo e disponibile ad accessi in diversi orari, non avendo sperimentato interruzioni al

servizio per attività di manutenzione non siamo in grado di riferire sulla qualità della

comunicazione di tali interruzioni agli utenti attraverso opportuni messaggi. Analogamente

non abbiamo dati sul monitoraggio degli accessi e sulla tipologia del profilo degli utenti.

L’aggiornamento, aspetto importante, è costante e puntuale e non è stata riscontrata l’esi-

stenza di broken link. Inoltre le relazioni con i docenti sono più che soddisfacenti, tutti i

docenti interpellati per e-mail hanno prontamente risposto. Quindi possiamo concludere che

il sito del Dib è ben gestito dal punto di osservazione dell’utente.

88

Accessibilità

“La capacità dei sistemi informatici, nelle forme e nei limiti consentiti dalle conoscenze

tecnologiche, di erogare servizi e fornire informazioni fruibili, senza discriminazioni, anche

da coloro che a causa di disabilità necessitano di tecnologie assistite o configurazioni

particolari”, è la definizione di accessibilità della “Legge Stanca” che contiene le disposi-

zioni per consentire la fruibilità dei servizi web ai soggetti disabili.

Il Wai (Web Accessibility Initiative) ha emesso 14 linee guida, disponibili su

www.w3c.org/WAI/ e tre livelli (A, AA, AAA) di conformità a tali linee guida. L’idea di

base, per consentire a utenti con handicap di tipo diverso – visivi, uditivi, motori, cognitivi

– una normale fruizione è quella di separare lo stile dai contenuti consentendo a dispositivi

speciali (browser che codificano il significato e non l’impaginazione) di decodificare il

contenuto.

Polillo (2004) nel suo modello considera l’accessibilità in un significato più ampio com-

prendendo altri parametri quali i tempi di accesso, la facilità nel trovarlo e la compatibilità

con diversi sistemi operativi e browser.

Il sito del Dib mostra di soddisfare tutti questi requisiti ed è conforme alle linee guida del

W3C.

89

Usabilità

La valutazione dell’usabilità non è stata effettuata attraverso specifici test eseguiti da utenti

campione, ma ho personalmente analizzato il sito con un “walktrough”. La navigazione mi

ha consentito di rilevare le seguenti problematiche:

• Pagine di secondo livello

Le pagine di secondo livello (peraltro non tutte, ad esempio “dottorato”, certificazione

“ECDL” e “cila”) presentano una barra di navigazione superiore (figura 5.8) che dovrebbe

consentire l’accesso alle pagine di primo livello (figura 5.7). Questa barra contiene voci di

primo livello (“Personale”, “Organizzazione”, “Laboratori di ricerca”) e una selezione

arbitraria di alcune di secondo livello (“Laboratori didattici”, “Biblioteca”, “Isola didattica”,

“Isola didattica disabili”). Inoltre compare la label “Home corsi di studio”, in home page è

denominata “Offerta formativa”.

Home

Il Dib PersonaleArea

riservata person. Dib

Ricerca AttivitàOfferta formativa

Organi-zzazioneServizi

Figura 5.7. Navigazione di primo livello.

PersonaleLink esternoww.uniba.it Home

Home Personale Biblioteca Isola didattica

Isola didattica disabili

Laboratori di ricerca

Laboratorididattici

Organizzazione

Professori associati

Professori ordinari

Professori stabilizzati Ricercatori Assegnisti

di ricerca Dottorandi Tecnici e amministrativi

Home corsi di studio

Figura 5.8. Secondo livello. Il menu della navigazione di primo livello non coincide con quello in home page.

90

• Navigazione tra le pagine di secondo livello

In realtà le pagine di secondo livello, sono inserite in sequenza in un’unica pagina che

costringe l’utente ad un continuo scroll per navigare tra le pagine “sorelle”. Peraltro questa

modalità, per accessi a contenuti che non sono in testa, ad esempio “dottorandi” (figura 5.9)

non consente di visualizzare la navigazione e gli elementi di riferimento per la posizione.

Si noti che anche questo aspetto negativo è riscontrabile con delle eccezioni, quindi ci sono

inconstistenze anche negli aspetti problematici. Infatti “Dib Cos’è” e “Dib Come

raggiungerlo” sono due pagine diverse.

Figura 5.9. A sinistra la pagina “Personale” a destra “Personale Dottorandi”

• C.I.L.A.

Il Centro interdipartimentale di logica e applicazioni (C.I.L.A.) conduce inaspettatamente e

ingiustificatamente in un ambiente diverso (figura 5.10). L’eventuale esigenza di un sito

dedicato andrebbe gestita in modo diverso.

Figura 5.10. La pagina “Laboratori di ricerca C.I.L.A.”

91

• Dottorato

La pagina “dottorato” (figura 5.11), non mutua le caratteristiche di altre pagine (ad esempio

l’intestazione “Dipartimento di Informatica” è scomparsa).

Inoltre questa pagina dovrebbe appartenere al minisito “Corsi di studio in informatica” di

cui parlo in seguito, ma non conserva nemmeno le caratteristiche di quest’ultimo. Si noti

che la pagina appartiene a due percorsi gerarchici diversi:

home offerta formativa dottorato e home lauree dottorato. Questo succede, come

vedremo avanti perché lauree conduce in offerta formativa che è chiamata però home corsi

di studio.

Figura 5.11. La pagina “Dottorato”. A quale sezione/sito appartiene?

• “Certificazione ECDL” e “Certificazione EUCIP”

La prima conduce ad un sito esterno, la seconda (figura 5.12) contiene contenuti su

entrambe le certificazioni.

Figura 5.12. La pagina “Certificazione EUCIP”.

92

• Il sito “Corsi di studio in informatica”

Si accede inaspettatamente cliccando sulla voce di secondo livello “Lauree” del menù di

primo livello “Offerta formativa” (figura 5.13). Ignorando questa inconsistenza che rende

incomprensibile la sua integrazione nella struttura generale, incontriamo una “Home corsi

di studio in informatica” che mette a dura prova, così come tutta questa sezione del sito, le

capacità cognitive degli utenti. Riferimenti visivi, testuali, strutturali e navigazionali del

tutto arbitrari, ripetute inconsistenze, comparsa di simboli incomprensibili rendono difficol-

tosa la consultazione e la fruizione dei contenuti.

Figura 5.13. La Home “Corsi di studio in informatica”. Si raggiunge da “Offerta formativa Lauree”

Il logo Dib è spostato sulla sinistra, accanto a quello dell’Università di Bari (la contiguità fa

sì che i due logo siano percepiti come un’unica unità di senso). Quest’ultimo è probabil-

mente una versione precedente ad un restyling, in ogni modo diverso da quello utilizzato in

home page. Sulla destra compare una nuova componente iconica (segno grafico approssi-

mativo non in grado di veicolare informazione) che funge da logo del sito “Corsi di studio

in informatica”.

Un link “Offerta formativa in Informatica” stesso labelling della voce di primo livello in

home page conduce ad una pagina che contiene i contenuti che dovrebbero essere presenti

in questa pagina. La pagina presenta inoltre una variazione cromatica, che potrebbe essere

accettata, laddove si intenda prospettare un nuovo sito; tuttavia alcuni parti di questo

supposto sito riportano alla dimensione visuale del sito genitore, ad esempio la pagina

“Dottorato” mostrata in precedenza.

93

• Area riservata studenti

Mostriamo due pagine dell’area riservata studenti (figura 5.14). Nel primo, maschera di

accesso per l’inserimento dei dati personali fa la comparsa un’ulteriore bottone per il ritorno

in home page. Si dà per scontato che la home page sia quella del sito “Corsi di studio in

informatica”. Si noti, peraltro, che la stessa funzione è svolta dall’icona in alto a destra che,

almeno esplicita la destinazione.

Questa inutile ulteriore possibilità di ritorno in home page, in altre pagine non è rappre-

sentata attraverso l’utilizzo di un’icona ma con un link ipertestuale (figura 5.15).

Nel secondo, pagina personale, vi è un’etichetta “menu servizi” che precede il nome dello

studente. Il menu, che compare nella parte inferiore del layout, è chiamato questa volta

servizi disponibili. Peraltro è possibile solo prenotare gli esami.

Figura 5.14. Area riservata studenti. Maschera per il login e pagina personale.

Figura 5.15. Pagina home home corsi di studio bacheca. Link ipertestuale alla home page.

94

Ulteriori inconsistenze nel labelling, nella navigazione e nella grafica simili a quelle già

mostrate sono riscontrabili ad un livello meno macroscopico. Ritengo inutile elencarle tutte.

Riporto, invece, in ultimo, il problema riscontrato nell’effettuazione di uno specifico task.

• Ricerca laureati

La ricerca laureati (figura 5.15) non produce risultati, se non conoscendo il titolo della tesi.

Figura 5.15. Ricerca laureati: non vengono restituiti risultati.

95

Sintesi della valutazione

Attraverso un grafico di Kiviat (figura 5.16) sintetizziamo visualmente i risultati della valu-

tazione.

Tempi di accesso più che soddisfacenti, indipendenza da browser soddisfatta e conformità

alle linee guida del W3C testimoniano una buona accessibilità. Analogamente, la gestione è

ottima, infatti il sito è sempre disponibile, l’aggiornamento dei contenuti avviene costan-

temente e la relazione con gli utenti è ben presidiata.

I contenuti di interesse per gli utenti del sito sono presenti. La loro categorizzazione è plau-

sibile anche se il labelling andrebbe rivisto in alcuni casi.

La struttura, non esente da imperfezioni, potrebbe essere considerata coerente con gli obiet-

tivi del sito. Tuttavia, a causa di una navigazione imperfetta, con innumerevoli inconsisten-

ze, la comprensione della struttura risulta difficile. Problematica anche l’integrazione nella

struttura generale della sezione “Offerta formativa” altrimenti detta “Corsi di studio in

informatica”. Manca inoltre una mappa del sito.

Anche la comunicazione registra diverse problematiche. Nonostante la home page risulti

sufficientemente chiara, senza peraltro attrarre, l’assenza di un’identità visiva e di un pro-

getto grafico rendono il sito anonimo, non in grado veicolare gli aspetti di innovazione

tecnologica che contraddistinguono la sua offerta formativa.

Gli aspetti negativi nella navigazione e nella dimensione visuale riverberano pesantemente

sull’usabilità. Comprendere la struttura, leggere i contenuti, muoversi tra le pagine risulta

disagevole e con un livello di soddisfazione molto basso.

Legenda 0: pessimo 1: insufficiente 2: sufficiente 3: buono 4: ottimo

Figura 5.16. Grafico di Kiviat per il sito del Dib.

96

Il progetto di redesign

Il progetto di redesign del sito del Dib non ha potuto beneficiare dell’apporto di dati emersi

da tecniche quali i focus group, o altre forme di elicitazione. Per orientare il progetto sono

stati utilizzati, esclusivamente, i dati della valutazione compiuta attraverso il walktrough

cognitivo. Il progetto proposto tenta di porre rimedio agli aspetti individuati essere i punti

deboli, quindi, prospetta una nuova modalità di navigazione e di accesso ai contenuti, opera

alcune scelte sul labelling e presenta una nuova interfaccia grafica.

Prima di procedere nella progettazione dell'interfaccia e dell'interazione è stata effettuata

una ricerca per individuare le best practices dell’“università on line”.

Gli obiettivi primari sono stati:

• eliminare tutte le inconsistenze visive e funzionali riscontrate

• fornire una struttura di navigazione che consentisse un miglior accesso alle informa-

zioni, integrando il sito “Corsi di studio” nell’ambiente principale

• ridefinire l’interfaccia grafica, in modo da supportare la nuova navigazione, secondo

regole strutturali precise che ne governassero le relazioni tra le parti, facendo propria la

dimensione estetica per risultare più attraente.

Design layout

Una struttura gerarchica definisce la navigazione tra le sezioni del sito. Al primo livello

(navigazione globale), sempre raggiungibile, si è conservata la vecchia classificazione.

L’unica cambiamento è stato lo spostamento dell’item “Organizzazione” al secondo livello,

nella sezione “Il Dib”.

Altri spostamenti e variazioni nel labelling hanno interessato voci di secondo livello:

• l’item “Premi di studio”, prima presente nella sezione “Attività”, è stato spostato in

“Offerta formativa”

• “Presentazione” ha sostituito “Cos’e” al secondo livello della sezione “Il Dib”

• “L’informatica” è stato preferito a “Informatica?” in “Offerta formativa”.

Il flow-chart in figura 5.17 mostra i primi due livelli di navigazione. Si noti l’inserimento di

un motore di ricerca e di una mappa del sito. Tra i tools, la voce login consente l’accesso

alle diverse aree riservate (docenti, studenti, personale tecnico aministrativo). Si è preferito

aumentare la complessità funzionale degli accessi unendoli sotto la stessa voce. Tale acces-

so è consentito da tutte le pagine del sito.

97

Home

Ricerca AttivitàServizi Offerta formativa

Accessibilità Mappa Cerca Login

ToolsBachecaNews

Il Dib

CrossLink

Personale

Professori ordinari

Professori associati

Professori stabilizzati

Ricercatori

Assegnistidi ricerca

Dottorandi

Tecnici e amministrativi

Presentazione

Organizzazione

Come raggiungerlo

Contatti

laboratori didattici (Silad)

Laboratorio Manuzio

Biblioteca

Isola didattica

Isola didattica per disabili

Laboratori di ricerca

(C.I.L.A.)

Congressi e Workshop

Seminari

L’informatica

Laureetriennali

Laureespecialistiche

Dottorato

Certificazioni

Corsi di studio disattivati

Seminari con CFU

Premi di studio

Offerte di stage

Tutorato

Studiare all’estero

MSDN

Figura 5.17. Flow chart dei primi due livelli.

Si è introdotta la sezione news. Le news possono evidenziare contenuti di altre parti del sito

oppure eventi rilevanti del mondo dell’information technology. La home page è stata strut-

turata dando ampio rilievo, nella configurazione visiva, a tale sezione.

Sono presenti in home page anche gli avvisi più recenti della bacheca e un insieme di link

trasversali per un accesso veloce ad informazioni - quali orari, date degli appelli, offerte di

stage - di interesse per lo studente. Questi link, accedendo ad informazioni time sensitive,

dovrebbero essere cambiati nel corso dell’anno. In estate non ci sono lezioni.

La parte inferiore della pagina, infine, è stata riservata ad un “claim” che, mutuando il

linguaggio della comunicazione pubblicitaria, sottolinea le caratteristiche e i plus dell’offer-

ta formativa proposta (la figura 5.20 mostra un wireframe ad alta fedeltà della home page).

98

L’home page strutturata in questo modo risulta modulabile e ridefinibile nel tempo. Even-

tuali variazioni non intaccherebbero la struttura generale.

Al secondo livello, un menù di navigazione locale posto sulla sinistra consente l’accesso ai

contenuti. Ssulla destra è stato introdotto un menù di navigazione contestuale in grado di

fornire ulteriore informazione attinente i contenuti raggiunti oppure l’accesso e la possibilità

di fare il download di documenti e modulistica utili in quel determinato contesto (la figura

5.21 mostra un wireframe di una pagina tipo).

Lo sforzo maggiore è stato richiesto dall’integrazione del sito “Corsi di studio” nella

struttura del sito. Un’ulteriore navigazione locale all’entità corsi di laurea ha consentito tale

integrazione (figura 5.22). La modalità progettata ha permesso una facile navigazione tra le

informazioni relative i singoli corsi di laurea. Si è riusciti, peraltro, ad ottenere una

circolarità dell’informazione associando, ad esempio, piani di studio a schede insegnamento

e schede docente (la figura 5.18 mostra la struttura della scheda corso di laurea).

L’utilizzo della cosiddetta tecnica “bread-crumbs” fornisce ulteriore supporto alla naviga-

zione. In alcuni casi addirittura ridondante, ma utile nei livelli gerarchici più profondi del-

l’entità offerta formativa, fornisce una migliore comprensione del percorso seguito e con-

sente di “saltare” al livello gerarchico preferito.

Laureetriennali

Offerta formativa

Scheda corso di laurea

Piano di Studi 05/06

Ordinamento

Regolamento

Docenti

Insegnamenti

Lezioni II Sem. 05/06

Pre-appelli 05/06

Sedute di Laurea 04/05

Appelli 04/05

Insegn. anni prec.

Richiesta informazioni

Anno/semestre

Scheda insegnam.

Legenda

Area iterativa

Figura 5.18. Struttura della scheda corso di laurea.

99

Visual concept

Per quanto riguarda gli aspetti più strettamente legati al visual design, la messa in pagina è

regolata da una gabbia di impaginazione (figura 5.19) rigorosa che utilizza un modulo qua-

drato di base 150 pixel e suoi sottomultipli per strutturare le pagine.

I codici colore utilizzati sfruttano variazioni di tonalità fredde. Tali tonalità, che fluttuano

dal blu al grigio, appaiono spesso indefinite, rimandando all’impalpabilità della dimensione

tecnologica. Un arancio poco saturo utilizzato per fornire un immediato feedback di orien-

tamento per l’utente, contrasta con le tonalità dominanti e riesce a scongiurare il rischio di

un’ipotetica monotonia. Uno stile sobrio e rigoroso tuttavia conferisce serietà e comunica

chiaramente i contenuti del sito. Gli story board esemplificativi dell’interfaccia grafica sono

presentati nelle figure 5.23-5.27.

100

Figura 5.19. La gabbia di impaginazione.

Universitàdegli Studidi Bari

nigoL|appaM|àtilibisseccA|acreC|hsilgnE

LOGO

FOTO

FOTO

FOTO

FOTO

DIPARTIMENTO DI INFORMATICA DI BARILOGO

3 LAUREE DI PRIMO LIVELLO, 5 INDIRIZZI SPECIALISTICI, INFINITE OPPORTUNITA'

Il Dib Personale Servizi Offerta formativa Ricerca Attività

The 18th International Conferenceon Industrial & Engineering Applications of Artificial Intelligence & Expert Systems. >>

Premio di tesi. Taranto: ieri, oggi e domani -3^ ed.Riservato ai candidati in possesso di laurea o di diploma universitario della Provincia di Taranto. >>

Interact 2005, Tenth IFIP TC13 International Conference on Human-Computer Interaction. >>

L'Universitą di Bariha aderito all'iniziativaUn c@ppuccino per un PC. >>

> Tutti gli avvisi

06|03|2006 - Sedute di Laurea Calendario marzo 2006.

Bacheca < >

06|03|2006 - Laurea Triennale in ICD. Met. di elab. dig. dei doc. (Prof. Altamura). Inizio lezioni merc. 14|03|2006.

06|03|2006 - Laurea Triennale in ICD. Sistemi Operativi (Prof. Dimauro). Inizio lezioni mercoledģ 8 marzo 2006

> Bacheca

> News

> Appelli

> Orario delle lezioni

> Seminari con CFU

> Premi di studio

> Offerte di stage

> Tutorato

> Studiare all'estero

> MSDN Academic Alliance

> Modulistica

Figura 5.20. Wireframe della home page.

101

home

LOGO DIB Universitàdegli Studidi Bari

nigoL|appaM|àtilibisseccA|acreC|hsilgnE

LOGO

Il Dib Personale Servizi Offerta formativa Ricerca Attività

DIPARTIMENTO DI INFORMATICA DI BARI

> Il Dib > Presentazione

Il Dipartimento di Informatica č nato nel 1984, inizialmente come Istituto di Scienze dell'Informazione, per impulso di quello stesso nucleo di docenti dell'area elettronica, cibernetica e informatica, che aveva avviato nel 1970 un indirizzo di studi (secondo corso in Italia dopo Pisa nel 1969) denominato Corso di Laurea in Scienze dell'Informazione.

Obiettivo delle attivitą di ricerca applicata, sviluppo e trasferimento di tecnologie del Dipartimento di Informatica dell'Universitą degli Studi di Bari č il sostegno al processo di passaggio dalla odierna realtą verso la societą dell'Informazione e delle Comunicazioni.Le azioni strategiche nel breve-medio periodo sono mirate al recupero dell'efficienza e dell'efficacia degli strumenti di sostegno alla ricerca scientifica, attraverso la valorizzazione dei risultati.Sono azioni volte a rafforzare la ricerca di base ed applicata in Informatica e hanno la finalitą di stimolare la ricaduta di tali studi nella

In evidenza

Presentazione

> Presentazione

> Organizzazione

> Come raggiungerlo

> Contatti

The 18th International

Conference on Industrial &

Engineering Applications of

Artificial Intelligence & Expert

Systems - Bari, Italy, dal 22-06-

2005 al 25-06-2005.

Figura 5.21. Wireframe di una pagina tipo.

home

LOGO DIB Universitàdegli Studidi Bari

nigoL|appaM|àtilibisseccA|acreC|hsilgnE

LOGO

Il Dib Personale Servizi Offerta formativa Ricerca Attività

DIPARTIMENTO DI INFORMATICA DI BARI

Il Dib Personale Servizi Ricerca Attività

In evidenza1. Obiettivi FormativiIl corso di studio ha il fine di preparare esperti:- che possiedano una buona base ed un ampio spettro di competenze nei vari settori dell’informatica e della comunicazione mirate al loro utilizzo nella progettazione, sviluppo e gestione di sistemi informatici e multimediali, con riguardo ad una vasta gamma di domini di applicazione ed in particolare ai

Facoltą di Scienze MM. FF. NN.Corso di Laurea in Informatica e Comunicazione DigitaleClasse di appartenenza: Scienze e tecnologie informatiche - Classe XXVI

Piano di Studi 05/06

Ordinamento

Regolamento

Sedute di Laurea 04/05

Appelli 04/05

Insegnamenti anni precedenti

Richiesta informazioni

Docenti

Insegnamenti

Lezioni II Sem. 05/06

Pre-appelli 05/06

Informatica e Comunicazione Digitale

Ordinamento

Regolamento didattico

> Offerta formativa > Lauree triennali > ICD

> L'informatica

> Lauree triennali

> Laurea specialistica

> Dottorato

> Certificazioni

> Corsi di studio disattivati

> Seminari con CFU

> Premi di studio

> Offerte di stage

> Tutorato

> Studiare all'estero

> MSDN Academic Alliance

Figura 5.22. Wireframe delle pagine corso di laurea.

102

Figura 5.23. Story board della home page.

103

Figura 5.24. Story board di una pagina tipo.

104

Figura 5.25. Story board Ricerca Laboratori di ricerca.

105

Figura 5.26. Story board Corso di laurea Insegnamenti Anno/Semestre.

106

Figura 5.27. Story board Scheda professori.

107

Il logo

Il logo del Dib presentato è stato progettato e realizzato operando delle lievi modificazioni

sui caratteri che lo compongono.

La lettera "i" è stata sostituita dal numero "uno" al quale è visivamente contiguo. Inoltre é

stato aggiunto un punto e virgola. Queste modificazioni riescono ad attribuire una varia-

bilità di significato al segno proposto. Tali significati rimandano a concetti, simboli e

convenzioni riconducibili al linguaggio dell'information technology.

Infatti la configurazione emersa può significare una stringa alfabumerica. Utilizza l'uno che

sappiamo essere uno dei due simboli del linguaggio binario. Il punto e virgola, infine, può

essere decodificato in due modi: è utilizzato dalla gran parte dei linguaggi di program-

mazione come simbolo di fine istruzione, ma è anche uno dei simboli (detti emoticons)

della nuova forma linguistica che si è affermata nella comunicazione mediata dal computer.

Significa "fare l'occhiolino".

Dunque, un'istituzione universitaria "amiccante" in grado di parlare un linguaggio moderno

e di proporre una formazione in linea con gli intenti e le ambizioni degli studenti.

Bisogna sottolineare come il simbolo prodotto, nonostante utilizzi solo elementi tipografici,

riesca ad assurgere ad elemento iconico.

Per quanto riguarda gli aspetti tipografici, la specifica dell'acronimo è stata composta in

minuscolo con il carattere di stampa "Garamond", le lettere del logo sono frutto di elabo-

razioni sui caratteri di stampa "Din" e "Ocr".

108

Conclusioni

Il percorso effettuato mostra chiaramente l’importanza dell’estetica nella progettazione di

artefatti tecnologici. Abbiamo visto che l’estetica può influenzare la percezione della

facilità d’uso da parte dell’utente, migliorare le prestazioni nell’uso di un determinato

sistema, ma soprattutto risultare determinante nelle decisioni d’acquisto. La prospettiva di

oggetti “presenti” nella nostra vita, espressione della nostra personalità, impone una

ridefinizione del concetto stesso di usabilità. Criteri quantitativi quali efficienza, semplicità

d’uso e facilità d’apprendimento potrebbero non essere sufficienti ad assicurare un’espe-

rienza ricca e appagante. La creazione di una tecnologia centrata sull’utente ha bisogno di

esplorare strategie progettuali che producano nuove apparenze e nuove modalità interattive.

Il vuoto teorico che ha caratterizzato la ricerca nell’interazione uomo-macchina ha dunque

bisogno di essere colmato. Tuttavia, si registrano segnali di inversione di tendenza, alcuni

studi riportati in questo lavoro, che non sono certamente gli unici, lo testimoniano.

Permangono, indubbiamente, difficoltà legate alla difficoltà della misurazione. Il modello

computazionale di Ngo rappresenta un primo passo in questa direzione, tuttavia, come detto

in precedenza, tale modello considerando solo un sottoinsieme delle variabili importanti,

risulta parziale e non in grado di descrivere in tutte le sfumature un parametro complesso e

multidimensionale quale è l’estetica.

Riteniamo di poter affermare che la necessità di uno sviluppo centrato sull’utente (così

come lo abbiamo descritto), i nuovi scenari che consentono un’interazione continua, la

ridefinizione della socialità e delle modalità comunicative attribuiscono un valore centrale

alla figura del designer nel suo “ruolo di mediatore fra i reali bisogni dell’utente e l’offerta

tecnologica” (Rojbas 2002).

Tra i suoi compiti quello di utilizzare e orientare le affordances dei diversi dispositivi

tecnologici per soddisfare i bisogni degli utenti. Inoltre, deve adattare adeguatamente

contenuti e servizi alle caratteristiche dei diversi dispositivi in modo da preservarne le

peculiarità. Questo tipo di apporto ha delle affinità e delle analogie con le strategie e le logi-

109

che che sottendono i sistemi segnici ai quali è deputato il compito di veicolare le identità

aziendali.

Delineato in questi termini, il ruolo del designer non può limitarsi a migliorare i parametri

quantitativi dell’usabilità, ma nemmeno un’attenzione all’estetica dell’interfaccia potrebbe

essere sufficiente, il risultato del suo apporto deve eccedere la somma di queste componenti.

La ricerca futura ha, dunque, il compito di prendere atto della necessità di integrare

l’estetica negli studi sull’interazione uomo-macchina che devono essere indirizzati sempre

più alla comprensione degli aspetti intangibili che qualificano l’esperienza dell’utente

nell’interazione con un artefatto tecnologico.

Nuovi concept, servizi innovativi, “forme” imprevedibili e sofisticate in grado di affascina-

re, sedurre e anticipare i bisogni di un utente evoluto sono necessari allo sviluppo tecnologi-

co perché quest’ultimo possa concorrere allo sviluppo sociale.

110

Bibliografia

Arnheim R. (1966). Toward a Psychology of Art. University of California Press, Berkeley and Los Angeles.

Cantoni L., Di Blas N., Bolchini D (2003). Comunicazione, qualità, usabilità. Tecniche nuove.

De Rosis F. (2004). Università di Bari - Dipartimento di informatica. Dispense corso di Interazione uomo macchina. Corso di laurea in informatica e comunicazione digitale.

Djajadiningrat J.P., Gaver W.W., Frens J.W. (2000). Interaction relabelling and extreme characters: methods for exploring aesthetic interactions. In Conference Proceedings on Designing Interactive Systems. ACM Press, New York, NY, 66-71.

Dix A., Finlay J., Abowd G., Beale R. (2004). Interazione uomo-macchina. Mc Graw Hill.

Givone (2003). Prima lezione di estetica. Laterza.

Hallnäs L., Redström J. (2002). From use to presence: on the expression and aesthetics of everyday computational things, ACM Transaction on Computer-Human Interaction, Vol 9, No. 2, June 2002, pp 106-124.

Kurosu M., Kashimura K. (1995). Apparent Usability vs. Inherent Usability Experimental analysis on the determinants of the apparent usability, www.acm.org/sigchi/chi95/proceedings/shortppr/mk_bdy.htm

Jung C.G. Gli archetipi dell’inconscio collettivo (1934-54). Bollati Boringhieri.

Mantovani. Comunicazione e identità. Dalle situazioni quotidiane agli ambienti virtuali (1995). Il Mulino.

Nielsen J. (1993) Usability Engineering Academic Press, Boston.

Nielsen, J. (1999). Design Web Usability: the Practice of Simplicity, New Riders Publishing, Indianapolis. (trad. it. Web Usability, Apogeo, Milano 2002).

Norman D. (2004). Emotional design. Apogeo.

Norman D. (1988). Il computer invisibile. Apogeo.

Norman D. (1988). La caffettiera del masochista. Giunti.

Paccagnella. (2000). La comunicazione al computer. Il Mulino.

Parizotto-Ribeiro R., Hammond N. (2004). Does Aesthetics Affect the User’s Perceptions of VLEs?

Parizotto-Ribeiro R., Hammond N. (2004). What is Aesthetics anyway? Investigating the use of design principles, Aesthetic Approach to Human-Computer Interaction, Proceedings of the Nord CHI 2004 Workshop, pp 37-40.

Pine J., Gilmore J.H. (2000). L’economia delle esperienze. Etas.

111

Polillo R (2004). Il check-up dei siti web. Apogeo.

Raskin J. (2000). Interfacce a misura d’uomo. Apogeo.

Rifkin J. (2000). L’era dell’accesso. Arnoldo Mondadori.

Riva G. (2004). Psicologia dei nuovi media. Il Mulino.

Rojbas A.C. (2002). Multicanalità e convergenza. Il corpo umano e gli apparati della comunicazione onnipresente. In Sgalippa G. (a cura di) Quando il prodotto diventa luogo. I microambienti come scenari del design e contesti dell’innovazione tecnologica. Franco Angeli.

Silverston R. (2000). Perché studiare i media? Il Mulino.

Ngo D. C. L., Samsudin A., Abdullah R. (2000). Aesthetic Measures for Assessing Graphic Screens, Journal of Information Science and Engineering, Vol. 16, No.1, pp.97-116.

Tractinsky N. (1997). Aesthetics and Apparent Usability: Empirically Assessing Cultural and Methodological Issues, www.acm.org/sigchi/chi97/proceedings/paper/nt.htm

Traktinsky, N., Lavie T. (2000), Assessing dimensions of perceived visual aesthetics of Web sites, Ben-Gurion University of the Negev Publications, Israel.

Siti su design, usabilità e architettura delle informazione in ambito web

http://aifia.org/it/

www.Hyperlabs.net

www.iainstitute.org/it/

www.ioshi.org

www.iskoi.org

www.sitepoint.com/subcat/usability

www.useit.com

www.upassoc.org

www.usableweb.com

www.webusabile.it

112