Post on 18-Feb-2019
HCIGianluca Gualducci1
CRITERI DI USABILITA’
DEI PORTALI
Gianluca Gualducci
HCIGianluca Gualducci2
Sommario
Illustrerò:
•Cosa è un portale•Cosa si intende per usabilità nel WWW•La metodologia d’analisi da me adottata•I criteri di usabilità ottenuti
HCIGianluca Gualducci3
Cosa è un portale (1):
Il WWW è uno spazio informativo complesso,caotico e non strutturato.
Per risolvere questa complessità alcuni siti websi sono evoluti verso il modello del “portale”,proponendosi come accesso preferenziale alWWW e come punto di partenza di qualunquenavigazione e ricerca.
HCIGianluca Gualducci4
Cosa è un portale (2):
Un portale è un prodotto editoriale on line chesvolge la funzione di punto privilegiato diaccesso al Web per gli utenti e che fornisceloro risorse informative, servizi dicomunicazione personale, e strumenti con cuilocalizzare e raggiungere i contenuti e i servizion line di cui hanno comunemente bisogno.
[Calvo e altri, “Frontiere di Rete”, 2001]
HCIGianluca Gualducci5
I “genitori” dei portali:
I portali web derivano dalla co-evoluzione diforme preesistenti:
•Motori di ricerca•Siti di Internet Providers•Siti di informazione e attualità•Virtual communities
HCIGianluca Gualducci6
Caratteristiche deiportali:
Strumenti di ricerca:directories, search engines,canali
Informazione – attualità:
Servizi aggiuntivi:Ø community builder (email, fora, chat)Ø Personalizzazione (agende, homepages)Ø application provider (uso software online)Ø E-commerce
HCIGianluca Gualducci7
La logistica fisica:
Il modello-supermarket è legato allecaratteristiche proprie di una logistica fisica, laquale prevede una ripartizione dei capitali edegli spazi espositivi per avere:
• tante marche e prodotti, ognuno in quantitàlimitata (interesse all'ampiezza di gamma)
• poche marche e pochi prodotti ma ognuno ingrande quantità (interesse alla profonditàdell'assortimento).
HCIGianluca Gualducci8
La logistica cognitiva (1):
Internet, nella cui realtà spazi e capitali nonsono beni altrettanto scarsi, adotta invece unalogistica cognitiva con l'imperativodell'assortimento totale, sia nella direzionedella ampiezza di gamma sia in quella dellaprofondità dell'assortimento stesso.
Distinguiamo così tra meta-portali (omegaportali), essenzialmente generalisti, eportali di secondo livello: i primi garantisconol'accesso orizzontale (nel senso di ampiezza digamma) ai secondi, che invece offronocontenuti e servizi specifici e specializzati.
HCIGianluca Gualducci9
La logistica cognitiva (2):
HCIGianluca Gualducci10
Meta-portali:
Per ottenere reach premium price, economie discala e notorietà di marca devono:
Integrare a monte: diventare il punto di ingressonella Rete (Internet Providers)
Integrare a valle: trattenere il più a lungopossibile sulle proprie pagine (contenutoproprietario) e favorire il ritorno (servizi dipersonalizzazione e community builders)
HCIGianluca Gualducci11
Portali di secondo livello:
Rappresentano le guide verso la profonditàdell’assortimento.
Si distinguono in 4 tipologie:
•Corporate Portal•Portali locali•Portali di comunità•Portali di interesse
HCIGianluca Gualducci12
Corporate portal:
Evoluzione delle intranet aziendali, riguarda lacomunicazione interna e pubblicitaria da partedi un’azienda con riferimento a contenutiproprietari ed esterni. Mira a:
• pubblicizzare la marca• rendere più facile la raccolta di informazioni
per il possibile acquirente o fornitore e per glistessi appartenenti all'impresa
• raccogliere ed integrare funzionalmente laconoscenza e l'esperienza (volatili per natura)sui beni o i servizi forniti del gestore
• fornire la possibilità di realizzare acquistionline
HCIGianluca Gualducci13
Portale locale:
Sito dedicato ai bisogni e agli interessi di unacomunità di utenti spazialmente delimitata.
Un caso tipico sono le reti civiche, le qualitrattano molteplici argomenti legati allamedesima realtà fisica.
Di solito vengono sviluppati soprattutto gliaspetti e i servizi per la formazione di unacomunità virtuale.
HCIGianluca Gualducci14
Portale di comunità:
Offerta di contenuti specifici per un pubblicosegmentato sulla base di caratteristiche digenere, etnia od occupazione.
Interessanti applicazioni di e-commerce legatealla omogeneità dell’audience.
HCIGianluca Gualducci15
Portale di interesse:
Sito fortemente specializzato, indirizzatoindistintamente a chiunque sia incuriositodall'argomento che viene trattato.
Sono spesso presenti applicazioni di e-commerce, poiché la particolare omogeneitàdegli stili di vita e dei comportamentid’acquisto dei visitatori rende questi sitiparticolarmente appetibili come catalizzatori dipossibili acquirenti
HCIGianluca Gualducci16
Usabilità sul WWW (1):
Nel tradizionale sviluppo software il cliente avevapercezione dell'usabilità del prodotto solo dopoil suo l'acquisto; le Software House potevanocosì supplire la precaria usabilità dei loroprodotti, ad esempio, attraverso l'istituzione dicall-center.
Internet ribalta questa situazione: ora, gli utentihanno esperienza dell'usabilità di un sito primadell'interagire con esso e prima che essiabbiano speso soldi in possibili acquisti.
(J. Nielsen, “Designing Web Usability”, 2000)
HCIGianluca Gualducci17
Usabilità sul WWW (2):
Un sito Web è usabile quando soddisfa i bisogniinformativi dell’utente finale che lo stavisitando e interrogando, fornendogli facilità diaccesso e di navigabilità e consentendo unadeguato livello di comprensione deicontenuti. Nel caso non sia disponibile tuttal’informazione, un buon sito demanda ad altrefonti informative.
(M. Visciola, “Usabilità dei siti web”, 2000)
HCIGianluca Gualducci18
Misurazione dell’usabilità:
Strategie per la misurazione della web usability:
• I metodi automatici;• L'analisi tramite euristiche di valutazione o
linee guida;• La simulazione d'uso (cognitive walkthrough);• I metodi di self - report;• Il test con utenti;• Il confronto con i siti già esistenti.
HCIGianluca Gualducci19
Cognitive walkthrough:
• l'utente sarà messo nelle condizioni diformulare un piano di azione corretto?
• l'azione corretta è visibile nel momento in cuisi è deciso di compierla?
• dopo avere individuato l'azione corretta daeffettuare, l'utente riuscirà a compierla?
• dopo avere eseguito l'azione corretta,l'utente riceverà un adeguato feedback che loinformi del raggiungimento del proprioobiettivo?
HCIGianluca Gualducci20
Teoria dell’azione diNorman:
•Affordances•3 fasi: formazione goal, esecuzione, valutazione•Distanze cognitive e golfi:
HCIGianluca Gualducci21
CW – Norman (1):
HCIGianluca Gualducci22
CW – Norman (2):Q1: l’azione corretta è sufficientemente evidente
per l’utente e le azioni collimano con le sueintenzioni?
Q2: l’utente riesce a collegare la descrizionecorretta con ciò che sta cercando di fare?
Q3: l’utente riceve dal sistema la risposta nellostesso posto e nella stessa modalità in cui haeseguito l’azione?
Q4: l’utente riesce ad interpretare in manieracorretta la risposta del sistema?
Q5: l’utente riesce a valutare correttamente irisultati?
Q6: se l’obiettivo è sbagliato o può esseremigliorato, l’utente riesce a capirlo e a trovareobiettivi alternativi?
HCIGianluca Gualducci23
CW – Norman (3):
• permette lo sviluppo di una interazione più“naturale” ai valutatori, senza l’obbligo dirifarsi alla sequenza di azioni fornita daiprogettisti
• limita i casi di mancato rinvenimento deiproblemi causati dal metodo stesso dimisurazione dell’usabilità
• facilita il riconoscimento di problematiche dialto livello
• costituisce una guida per la riprogettazione
HCIGianluca Gualducci24
Usabilità dei portali web:
• criteri di usabilità riguardanti i vari modelli diorganizzazione complessiva per l’attività dimediazione dell’informazione
• criteri di usabilità per gli strumenti del sistemadi navigazione interna al portale
• criteri di usabilità delle soluzioni grafiche e deilayout delle singole pagine componenti unportale web
HCIGianluca Gualducci25
Organizzazione:
• individuazione della gerarchia dei contenuti(profondità vs. ampiezza)
• gestione della gerarchia dei contenuti(subsites, directories, canali)
• presentazione all’utente della gerarchia edell’ampiezza dei contenuti (essenzialità vs.eclettismo)
HCIGianluca Gualducci26
Margherita (HTML)
HCIGianluca Gualducci27
Margherita
CØSchema grafico e coloriØEffetti onmouseover sui link
DØRecupero di una forma comunicativa cartaceasenza adattamento al nuovo mediumØTroppi linkØDifficoltà di scanning
HCIGianluca Gualducci28
MediasetOnLine
HCIGianluca Gualducci29
MediasetOnLine
CØAlta propensione allo scanningØVeste graficaØStruttura a sottositi
DØLink fraintendibiliØMancanza di autonomia
HCIGianluca Gualducci30
ENEL
HCIGianluca Gualducci31
ENEL
DØTroppi linkØImmagini come titoli dei link (tempi d’attesa)ØErrata disposizione del contenuto
CØUso dei colori per identificare le sezioni
HCIGianluca Gualducci32
Navigazione:
“dove sono?” e “dove posso andare?”
•Navigation bars•Breadcrumbs trails•Sitemaps•Titoli di pagina•Links•Motori di ricerca
HCIGianluca Gualducci33
Presentazione:
•Coerenza
•Discrezione
•Scansionabilità
HCIGianluca Gualducci34
SuperEva (HTML)
HCIGianluca Gualducci35
SuperEvaDØGrafica “invadente”ØSpreco di spazioØIntroduzione inutileØTitolazioni di link non chiareØLogo diverso
CØBreadcrumbs trailØSchema di colore
HCIGianluca Gualducci36
Yahoo! Spagna
HCIGianluca Gualducci37
Yahoo!
CØEssenzialità graficaØFacilità di scanningØAbbondanza delle risorse accessibili
DØDidascalia fraintendibileØSimbolo @ non spiegato
HCIGianluca Gualducci38
Bibliografia
J. Nielsen, Designing web usability, Indianapolis, NewRiders, 2000
M. Visciola, Usabilità dei siti web, Milano, Apogeo, 2000
J. Spool e altri, Web site usability: a designer’s guide, SanFrancisco, Morgan Kaufmann Publishers, 1999
A. Mandelli, “E’ il momento dei portali. Dureranno?”, inProblemi dell’Informazione n.4, 1999, il Mulino
HCIGianluca Gualducci39
Webliografia
S. Bussolon e E. Valentini, “Usabilità del WWW”[http://www.hyperlab.net/ergonomia/dispensa/]
B. Gaines, M. Shaw e L. Chen, “Utility, usability andlikeability: dimensions of the Net and Web ”[http://ksi.cpsc.ucalgary.ca/articles/WN96/WN96HF/WN96HF.html]
J. Nielsen, The Web site for usable information technology[http://www.useit.com]
K. Instone, Usable Web (1248 links about Web Usability)[http://www.usableweb.com]
HCIGianluca Gualducci40
L’usabilità è reazionaria?
F. Berardi ‘Bifo’, “Dissociare il webdesign dall'usabilità”http://www.mediamente.rai.it/divenirerete/010302/index.asp
U. Santucci, “L’usabilità è reazionaria?”http://www.immedia.it/articoli/20010403/20010403143.shtml
S. Romagnolo, “L'usabilità non è reazionaria e la creatività nonè (necessariamente) rivoluzionaria”http://www.immedia.it/articoli/20010403/20010403142.shtml