Sei sulla pagina 1di 86

The Web Designers’ Republic

Documentazione d’esame

Simone Giansante
063202, simo.giansa@gmail.com

CdLM in
Teoria e Tecnologia della Comunicazione
LABORATORIO DI COMUNICAZIONE VISIVA
Prof. Letizia Bollini
A.A. 2008-09
Consegna: 18 dicembre 2008
The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

Linkografia

a. Sito settore CSS

URL dei siti selezionati per l’area:

1. http://www.w3schools.com/css/css_intro.asp
2. http://www.cssplay.co.uk/
3. http://www.csstutorial.net/

URL del sito scelto per l’area, che verrà di seguito schedato e valutato:

• http://www.w3schools.com/css/css_intro.asp

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

a.1 - http://www.w3schools.com/css/css_intro.asp

Immagine della home page

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

Immagine della pagina tipo

Abstract
Il sito si presenta ben strutturato, sia a livello di layout sia a livello di contenuti. Diviso in
svariate categorie, possiamo trovare tutto quello che ci serve per la comprensione e
l’apprendimento del CSS. Il menu a sinistra ci aiuta costantemente nella navigazione,
riuscendo a creare collegamenti tra tutte le pagine. Con molti esempi di codice,
l’apprendimento risulta molto facile e rapido. Inoltre, link a pagine esterne aggiungono
informazioni in più che completano uno strumento ben sviluppato.

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

6_Mappa del sito

CSS Basic
CSS HOME
CSS Introduction
CSS Syntax
CSS How To
CSS Background
CSS Text
CSS Font
CSS Border
CSS Outline
CSS Margin
CSS Padding
CSS List
CSS Table

CSS Advanced
CSS Dimension
CSS Classification
CSS Positioning
CSS Pseudo-class
CSS Pseudo-element
CSS Image Gallery
CSS Image Opacity
CSS Media Types
CSS Don't
CSS Summary

CSS Examples
CSS Examples

References
CSS2 Reference
CSS2 Print
CSS2 Aural
CSS Units
CSS Colors
CSS Colorvalues
CSS Colornames

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

a.2 - http://www.cssplay.co.uk/

Immagine della home page

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

Immagine della pagina tipo

Abstract
Il sito si presenta come uno strumento per professionisti del settore. Con numerosi
demo ed esempi, è possibile apprendere numerose finezze riguardo i CSS. Da
sottolineare l’attenzione che il sito ripone sui vari Browser presenti sul mercato.
Continui confronti sui risultati dei test sui vari browser, facilita l’apprendimento anche di
fronte al problema “compatibilità” del codice. Una ricca sezione news tiene sempre
aggiornato l’utente, anche grazie alla possibilità di abbonarsi ai Feed.

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

Mappa del sito

Demos
Menus
Layout
Boxes
Mozilla
Explorer
Opacity
Javascript

La categoria Mozilla (ad esempio) è divisa anch’essa in sottosezioni:

Target practice
Two tone headings
Opera ONLY Sliding Doors » 07-01-2007
Shadow text
Drop down menu
Cascading menu
Content
Mozzie box
Rainbow box
Snooker cue

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

a.3 - http://www.csstutorial.net/

Immagine della home page

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

Immagine della pagina tipo

Abstract
Il sito si presenta semplicissimo. Poche pagine, font grande, pochi colori, poche
categorie. Detto questo, non è affatto un sito fatto male, anzi. La sua particolarità è
proprio ricercata nella semplicità: con un linguaggio accessibile a tutti i livelli, anche chi
si cimenta nel mondo CSS, in questo strumento può trovare sicuramente un aiuto
fondamentale. Inoltre, gli esempi pratici con il codice e un forum pubblico aiutano
sicuramente nell’apprendimento base del CSS.

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

Mappa del sito

Introduction to CSS
CSS Tutorial Part 1
CSS Tutorial Part 2
CSS Tutorial Part 3

CSS and images


CSS in webpages
CSS Forum
Web Hosting

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

Scheda di valutazione del settore CSS


http://www.w3schools.com/css/css_intro.asp

1. Comunicazione e grafica

Valutazione: 3
(legenda: 0 pessimo; 1 insufficiente, 2 sufficiente, 3 buono, 4 ottimo)

Analisi:
Nella prima parte della valutazione del sito, ci concentreremo sulla comunicazione
(principalmente grafica) che il sito offre all’utente. In realtà bisogna subito precisare che
il link sopra indicato fa riferimento ad una “parte” di http://www.w3schools.com il quale
si occupa più in generale di aspetti riguardanti il web e le sue varie applicazioni,
fornendo all’utente una guida molto dettagliata riguardo tutte le specifiche inerenti al
WWW.

Soffermandoci sul nostro obiettivo primario, notiamo che pur essendo una parte (molto
sostanziosa) di un altro sito, l’utente non nota la differenza, pensando sia uno
strumento a se stante.

Diamo subito uno screenshot della home page:

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

4
2

Sulla home possiamo subito notare una cosa fondamentale: la brand e il logo. Nella
miniatura soprastante identifichiamo, alla prima occhiata, il logo “Flash eff” come un
probabile titolo del sito. In realtà, il titolo del sito è quella a sinistra, W3Schools. La
brand citata prima non è altro che una pubblicità (frecce rosse). Questa è la prima (ma
già abbastanza significativa) nota negativa del sito. La comunicazione spaziale su dove ci
troviamo è fondamentale nel web, soprattutto a persone non troppo esperte. Anche se
il sito è improntato su un range di utenti con un’esperienza IT_web medio-alta, rimane
comunque un punto a sfavore nei confronti dei web design di questo sito.

Il sito però, ha una comunicazione chiara su qual è lo scopo finale che vuole
trasmettere: una guida completa sui CSS. Oltre al titolo principale (non il logo),
“Introduction to CSS”, se scorriamo visivamente la pagina scopriamo un sito puramente
concentrato sullo sviluppo e sulla conoscenza intrinseca dei CSS: infatti i sottotitoletti
“What is CSS?” e “CSS Demo” fanno subito intendere l’obiettivo finale a cui gli
sviluppatori del sito vogliono arrivare. Inoltre, se guardiamo la parte sinistra della home,
notiamo una serie di link tutti chiamati “CSS option”: questo aiuta l’utente a capire cosa

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

il sito realmente offre.

A livello strutturale, la home si presenta suddivisa in 4 parti principali (richiamati


nell’immagine della pagina precedente):

1. Brand/Logo.
2. Link veloci: qui strutturati una serie di link veloci capaci di “portare” l’utente in
vari punti del sito direttamente dalla home page.
3. Corpo centrale: qui vengono inserite le informazioni principali e dettagliate, i
contenuti di ogni pagina.
4. Utility/Pubblicità: link esterni ad altri siti, inerenti sempre all’IT web, con
rilevanza e utilità anche per il sito in questione, ma di carattere espressamente
pubblicitario.

I font usati sono:

• Corpo e link (anche laterali): Arial, 12, nero.


• Quote parti di codice: Courier New, 12, nero.

I colori del sito sono principalmente il bianco (sfondo), il grigio e il nero (contenuto),
mentre non sono presenti foto o immagini (essendo uno strumento rivolto a
professionisti e futuri professionisti del campo).

La lingua utilizzata è l’inglese e non è possibile cambiarla. Il linguaggio è inoltre formale,


adatto ad una comunicazione professionale, sintetica e piena di contenuti concentrati
ad esprimere chiaramente (e brevemente) il contenuto della sezione specificata.

Sintesi:

Punti di forza:

• Semplicità comunicativa.
• Chiarezza e sinteticità dei contenuti.
• Scopo e finalità del sito chiari fin dalla home page.

Punti di debolezza:

• Titolo del sito non chiaro.


• Pubblicità sulla destra “camuffata” da link inerenti.

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

2. Funzionalità

Valutazione: 4
(legenda: 0 pessimo; 1 insufficiente, 2 sufficiente, 3 buono, 4 ottimo)

Analisi:
Parlando di funzionalità, parliamo principalmente di adeguatezza e correttezza. Si parla
di funzionalità di un sito che ci permette di valutare un sito per la sua utilità, e se questa
utilità è strutturata nel modo corretto.
Il sito in questione è molto concentrato e specializzato sui CSS. Pur essendo un ramo
(sostanzioso) di un altro sito più generale, l’aspetto fa percepire all’utente di entrare in
un ambiente a se stante (come detto prima). L’obiettivo è stato raggiunto: poche
interazione con l’utente, essendo un sito puramente didattico su un argomento
speciale. Una delle parti interattive è costituita da un quiz: l’utente infatti può interagire
con il sito rispondendo a diverse domande (ottimo, sia a livello didattico che
strutturale). L’altra è un forum, ma facendo parte del sito più generale
(http://www.w3schools.com) non lo approfondiremo.

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

Sintesi:

Punti di forza:

• Sito puramente statico, lineare, adeguato e corretto.


• La parte interattiva sviluppata egregiamente.

Punti di debolezza:

• Non riscontrati.

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

3. Contenuto

Valutazione: 4 -
(legenda: 0 pessimo; 1 insufficiente, 2 sufficiente, 3 buono, 4 ottimo)

Analisi:
I contenuti del sito sono la parte più interessante del sito. Essendo un sito statico e
senza grosse interazioni con l’utente, si prefissa l’obiettivo di far comprendere in modo
chiaro e concentrato un argomento, quale il CSS. Con vari esempi molto esplicativi, il
sito fornisce gli elementi (base e avanzate) per entrare nel mondo dei CSS. Diviso
“equamente” tra CSS Basic e CSS Advanced possiamo facilmente individuare il nostro
livello di conoscenza e trovare subito la parte che vogliamo consultare secondo le nostre
esigenze. Nella parte Basic infatti, il linguaggio è più semplice, iniziando da concetti
base, accessibile (quasi) a tutti i navigatori della rete. Nella parte Advanced invece il
linguaggio diventa più tecnico, ipotizzando anche come assodati molti concetti.

Nella sezione CSS Examples possiamo trovare numerosi esempi sull’applicazione degli
argomenti visti nelle sezioni didattiche. Una volta cliccato sul link, possiamo notare
subito al suddivisione in categorie, inerenti ovviamente alle varie situazioni a cui l’utente
può trovarsi di fronte nel momento del suo sviluppo web.

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

Per il resto il sito fornisce solo link (pubblicitari e non) ad altre sorgenti inerenti al CSS o
allo sviluppo web, completando in modo sufficientemente esplicativo tutto ciò che
riguarda la valutazione dei contenuti.

Sintesi:

Punti di forza:

• Diviso correttamente per categorie e livelli di conoscenza.


• Chiaro inoltre nei contenuti veri e propri, apportando esempi concreti e di facile
intuizione.

Punti di debolezza:

• Non parte da un livello proprio “da zero” (ma forse, è uno degli scopi del sito).

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

4. Accessibilità

Valutazione: 3,5
(legenda: 0 pessimo; 1 insufficiente, 2 sufficiente, 3 buono, 4 ottimo)

Analisi:
In questa sezione parleremo di due aspetti principali: Accessibilità Logica e Accessibilità
Fisica. Per quanto riguarda la prima riscontriamo una sufficiente accessibilità. Partendo
dall’URL del sito, è di facile memorizzazione: w3school.com è di facile apprendimento,
anche se per il mercato italiano (ancora un po’ indietro con l’inglese a dispetto di altri
paesi europei) rimane ancora poco pratico da ricordare. Ma ricordando che questo sito
è ideato e creato per professionisti IT, supponiamo come assodata una praticità con
l’inglese. Per quanto riguarda la ricerca del sito tramite motori di ricerca, a dir poco
ottimo il risultato: con la parola CSS in aggiunta ad altre tipo Introduction, Tutorial, ecc.
risulta una delle prime scelte.

Per quanto riguarda l’Accessibilità Fisica, i tempi di accesso al sito sono molto rapidi,
grazie ad una grafica povera (ma non misera né scadente) che alleggerisce lo strumento-
guida a cui gli sviluppatori volevano arrivare (riuscendoci pienamente).

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

Sintesi:

Punti di forza:

• Trovato facilmente da molti motori di ricerca.


• Url facile da ricordare (pur essendo un ramo di un altro sito)

Punti di debolezza:

• Non riscontrati.

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

4. Gestione e aggiornamento

Valutazione: 1,5
(legenda: 0 pessimo; 1 insufficiente, 2 sufficiente, 3 buono, 4 ottimo)

Analisi:
Per quanto riguarda questa sezione, c’è poco da dire. Infatti il sito, organizzato come
guida per l’apprendimento del CSS, non ha molti aggiornamenti di tipo informativo,
quindi mancano completamente i data-feed. Unico aggiornamento (se così possiamo
chiamarlo) è il forum, ma il merito di questo è totalmente degli utenti.
Nota storta, è la comunicazione con l’utente: non esiste una comunicazione mail con gli
amministratori del sito. Infatti, se nello strumento di ricerca interno al sito scriviamo
Contact, ci indica una pagina (www.w3schools.com/contact.php) inesistente. No
comment.

Sintesi:

Punti di forza:

• Non necessita presidi del server.

Punti di debolezza:

• Comunicazione con l’utente (via mail) assente.

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

6. Usability e navigabilità

Valutazione: 3
(legenda: 0 pessimo; 1 insufficiente, 2 sufficiente, 3 buono, 4 ottimo)

Analisi:
Il sito si presenta in due livelli principali: la home e le schede sottostanti. Solo per
quanto riguarda gli esempi esplicativi le categorie annidano in un terzo livello le varie
pagine. Risulta per questo molto rapida la ricerca dell’informazione ricercata. Grazie
anche allo strumento di ricerca Search W3Schools, l’utente può ricercare e trovare le
informazione ancora più velocemente.
Come già detto in precedenza, la barra verticale di navigazione è ben curata, anche se
l’eccessiva presenza di informazioni non sempre aiutano l’utente a trovare
immediatamente le informazioni e quindi possono indurre l’utente a stancarsi, ed uscire
dal sito (senza tornarci più).
Come strumenti di help, il sito è gestito in modo tale da autogestirsi: essendo uno
strumento ipoteticamente strutturato per professionisti IT, la navigabilità e
l’accessibilità del sito del sito sono fatti in modo semplice ma intuibili da questa
categoria di utenti.

Sintesi:

Punti di forza:

• Search W3Schools ben strutturato.


• Pochi livelli facili da navigare.

Punti di debolezza:

• Strumenti help non presenti (riprendendo il discorso anche della mancanza della
comunicazione via mail).

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

b. Sito settore Web Design

URL dei siti selezionati per l’area:

1. http://www.ilariapaolucci.it/index.htm
2. http://www.antoniofullone.it/
3. http://www.entheosweb.com/website_design/default.asp

URL del sito scelto per l’area, che verrà di seguito schedato e valutato:

• http://www.ilariapaolucci.it/index.htm

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

b.1 - http://www.ilariapaolucci.it/index.htm

Immagine della home page

Immagine della pagina tipo

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

Abstract
Il sito, strumento pubblicitario della WD Ilaria Paolucci, presenta principalemte una
presentazione dell’autrice, con il CV e i suoi lavori e progetti eseguiti. Diviso con poche e
chiare categorie, diviene uno strumento di informazione, non solo per la WD in
questione, ma con un accurata sezione News, anche sul WD in generale. Inoltre la
sezione Portfolio mostra tutto il suo repertorio.

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

Mappa del sito

Home page
Servizi
Portfolio
Curriculum
Partnership
Info e Contatti

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

b.2 - http://www.antoniofullone.it

Immagine della home page

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

Immagine della pagina tipo

Abstract
Il sito che proponiamo ora è una vera e propria guida introduttiva (ma con esempi anche
abbastanza avanzati) sul WD. Possiamo notare subito la sezione Download dove è
possibile scaricare programmi inerenti al WD, che possano darci una mano nello
sviluppo di siti web. Nella sezione Guide, possiamo ricercare dei manuali sugli strumenti
citati (dal sito, come Dreamweaver, Flash, …).

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

Mappa del sito

Articoli
• Apple
• Guadagnare
• Web News
Download
Featured Articles
Guide
Tutorials

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

b.3 - http://www.entheosweb.com/website_design/default.asp

Immagine della home page

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

Immagine della pagina tipo

Abstract
Il sito che proponiamo ora è un vero e proprio tutorial avanzato sul WD. La sezione in
alto del sito raggruppa le principali categorie. Notiamo subito le prime quattro, che
richiamano immediatamente nomi di tools inerenti al WD. Infatti, cliccando su qualsiasi
link di questo genere, verrà mostrata una pagina cin tutto quello che ci serve per
apprendere al meglio il programma in questione. Una sezione download chiude questo
strumento, davvero completo (per tutti, principianti e non).

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

Mappa del sito

Home
Templates
Low Cost Solutions
Custom Services
Free Resources
• Flash tutorial
• Dreamweaver tutorial
• Fireworks tutorial
• Photoshop tutorial
• Web design tutorial
• Web Promotion tutorial
• Website Add Ons

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

Scheda di valutazione del settore Web Design


http://www.ilariapaolucci.it/index.htm

1. Comunicazione e grafica

Valutazione: 3,5
(legenda: 0 pessimo; 1 insufficiente, 2 sufficiente, 3 buono, 4 ottimo)

Analisi:
La comunicazione di questo sito è davvero molto chiara e semplice. Capiamo bene il
motivo, soprattutto sapendo lo scopo del sito. Infatti la sua creatrice (Ilaria Paolucci) ha
creato questo sito proprio per commercializzare le proprie abilità nel web design.
Il logo è sulla destra in verticale, non visibile immediatamente, cosa che allunga un
attimo i tempi di identificazione spaziale. Lo scopo del sito non è immediatamente
chiaro, infatti bisogna scorrere il contenuto della home (oppure sotto il nome della
creatrice, nel logo).
La grafica generale del sito è molto chiara e limpida. Il font forse troppo piccolo crea
difficoltà di lettura su pc con risoluzione video 1024x768 o superiore. Immagini (a parte
quella in alto a destra) non ce ne sono, tranne nella sezione Portfolio e Partnership, dove
sono presenti delle miniature dei siti creati dalla Paolucci e altri link. La loro disposizione
è molto chiara (foto-didascalia di fianco). Da notare il cambio di colore del logo sulla
destra, in corrispondenza della sezione in cui ci troviamo. Un aiuto in più per
l’orientamento spaziale interno.

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

1
4

2
3

Il sito è ben strutturato e formato dalle seguenti parti:

1. Indice: tutte le sezioni presenti.


2. News: novità sui lavori della web designer e altre news di interesse pubblico
(inerenti sempre al WB)
3. Contenuto
4. Brand/logo: Titolo e logo del sito.

La lingua principale del sito è l’italiano, senza la possibilità di cambiarla. Il linguaggio di


tipo abbastanza formale, crea un certo tipo professionalità, senza un’esagerazione
eccessiva (che può far scappare una certa categoria di utenti). I colori del sito sono
principalmente nero/grigio su sfondo bianco. Perfetto.

Sintesi:

Punti di forza:

• Semplicità e chiarezza comunicativa.


• Leggero e gradevole nella consultazione

Punti di debolezza:

• Scopo del sito non immediatamente chiaro.

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

2. Funzionalità

Valutazione: 3
(legenda: 0 pessimo; 1 insufficiente, 2 sufficiente, 3 buono, 4 ottimo)

Analisi:
Il sito si presenta principalmente come un sito statico. Essendo un sito puramente
pubblicitario non necessita di grande interazione con l’utente. Non possiamo giudicare
la funzionalità del sito, è vero, perché inesistente, ma possiamo comunque parlare dello
scopo pienamente raggiunto: vendere le proprie abilità. Il commento personale è
positivo. La Paolucci ha espresso in modo chiaro le proprie abilità.

Sintesi:

Punti di forza:

• Sito puramente statico, lineare, adeguato e corretto.

Punti di debolezza:

• Una sezione commenti sui propri lavori avrebbe gradito.

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

3. Contenuto

Valutazione: 4 -
(legenda: 0 pessimo; 1 insufficiente, 2 sufficiente, 3 buono, 4 ottimo)

Analisi:
Il sito si presente con un’interfaccia semplice e intuitiva. In alto a destra è presente un
riquadro con i link divisi per categorie.

Una volta aperta una categoria, è possibile consultare appena sotto le varie sotto
categorie (ovviamente inerenti a quella principale). Un linguaggio chiaro e intuitivo
favoriscono una buona navigazione del sito.
Per quanto riguardano invece i contenuti veri e propri del sito, sono anch’essi molto
chiari. Unica pecca è la grandezza del font: forse 1-2 px in più non avrebbero guastato.
Ma nel complesso risulta un sito di facile lettura e comprendonio.

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

Sintesi:

Punti di forza:

• Chiarezza e limpidità dei contenuti


• Menù e sotto menù intuitivi e immediati

Punti di debolezza:

• Font troppo piccolo? Per qualcuno sì…

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

4. Accessibilità

Valutazione: 3 -
(legenda: 0 pessimo; 1 insufficiente, 2 sufficiente, 3 buono, 4 ottimo)

Analisi:
Iniziamo subito parlando dell’Accessibilità Logica. Questa caratteristica (molto
importante essendo un sito pubblicitario) non è molto sviluppato. Tralasciando il nome
del sito (richiamante ovviamente il nome della creatrice), nei migliori motori di ricerca
non ha tutta questa visibilità: infatti se su Google cerchiamo semplicemente Web Design
il sito viene posizionato oltre la decima pagina (troppo per un sito commerciale). Se però
ad esempio aggiungiamo la parola Site, il sito si presenta in quarta posizione: ottimo.

Per quanto riguarda invece l’Accessibilità Fisica, il sito, facile da gestire grazie alla sua
semplicità, è stato sempre online nel mio periodo di monitoraggio. Riguardo i tempi di
accesso, giudizio sicuramente positivo. Senza immagini giganti in pochi attimi apriamo
qualsiasi pagina.

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

Sintesi:

Punti di forza:

• URL facile da ricordare.


• Leggero e veloce nella navigazione.

Punti di debolezza:

• Visibilità sui motori di ricerca non ottimale.

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

4. Gestione e aggiornamento

Valutazione: 2 -
(legenda: 0 pessimo; 1 insufficiente, 2 sufficiente, 3 buono, 4 ottimo)

Analisi:
Come detto in precedenza, essendo un sito statico non necessita di grossa
manutenzione. Le news però sono ben curate, fornendo sempre un modo facile e
corretto per ricercarle e tenersi sempre aggiornati sui lavori (e non) della creatrice. Nel
periodo di monitoraggio ogni due giorni quasi venivano aggiornate con nuovi articoli. La
risposta alla mia mail è nell’ordine sempre dei 2 giorni (questo fa sospettare un
aggiornamento/controllo ogni due giorni). Per le news questo lasso di tempo può anche
andar bene, mentre per le risposte alle mail è decisamente troppo: un sito commerciale,
con questi tempi di attesa, potrebbe perdere qualche cliente. Da rivedere.

Sintesi:

Punti di forza:

• Non necessita presidi del server.


• News costantemente aggiornate.

Punti di debolezza:

• Comunicazione con l’utente (via mail) lenta.

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

6. Usability e navigabilità

Valutazione: 3,5
(legenda: 0 pessimo; 1 insufficiente, 2 sufficiente, 3 buono, 4 ottimo)

Analisi:
Il sito si presenta su due livelli principali: la home e le sezioni in alto a sinistra. Non è
presente ovviamente uno strumento di ricerca interno al sito,palesemente inutile vista
la quantità sintetica delle categorie. La presenza di poche informazioni sempre sul
riquadro in alto a sinistra, facilita molto la navigazione soprattutto a livello di tempo.
Immediatamente riusciamo a scoprire il mondo della WD.

Essendo un sito rivolto anche a categorie di persone che non sanno niente di Web
(quindi anche poco esperti nella navigazione), è stato strutturato in modo chiaro,
usabile da una categoria di utenti molto ampia. Con gli esempi nella sezione Portfolio il
sito raggiunge perfettamente il proprio scopo: Pubblicità visualizzabile da tutti i
navigatori del Web.

Sintesi:

Punti di forza:

• Usabile al massimo.
• Pochi livelli facili da navigare.

Punti di debolezza:

• Strumenti help non presenti.

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

c. Sito settore Usabilità

URL dei siti selezionati per l’area:

1. http://www.usabilityfirst.com/index.txl
2. http://www.eelab.usyd.edu.au/usability/main.htm
3. http://www.otal.umd.edu/guse/

URL del sito scelto per l’area, che verrà di seguito schedato e valutato:

• http://www.usabilityfirst.com/index.txl

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

c.1 - http://www.usabilityfirst.com/index.txl

Immagine della home page

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

Immagine della pagina tipo

Abstract
Il sito spiega brevemente lo scopo a cui vuole arrivare: Pubblicizzare principalmente dei
corsi sull’usabilità dei siti web. Inoltre, con una serie di bibliografie, costituisce un valido
punto di partenza per approfondire l’argomento. Nella sezione Methods, invece, si parla
direttamente con l’utente, spiegando (senza dilungarsi) quali siano i passaggi
fondamentali di una sperimentazione di usabilità su un sito.

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

Mappa del sito

Courses
Books
Humor
Links
Method
• Cognitive
• Walkthrough
• Focus Groups
• GOMS
• Prototyping
• Task Analysis
• Usability Inspection
• User Testing
Glossary
Job Posting

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

c.2 - http://www.eelab.usyd.edu.au/usability/main.htm

Immagine della home page

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

Immagine della pagina tipo

Abstract
Il sito, apparentemente molto semplice senza molto CSS, ha tutto quello che potrebbe
servirci. I menu in alto chiarissimi, consentono una navigazione immediata, anche per la
mancanza di figure pesanti che possono in qualche modo rallentare il tutto. La grafica, è
vero, non è delle migliori, ma credo che l’obiettivo Usabilità sia stato raggiunto a pieno.
Una pagina Quiz inoltre completa uno strumento molto importante per chi volesse
cimentarsi nel mondo dell’usabilità

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

Mappa del sito

Home
Usability Tutorial
• Tutorial Content
• Tutorial Chapter
• Feedback & Suggestions
Usability Quizzes
Usability Links
EIE Links

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

c.3 - http://www.otal.umd.edu/guse/

Immagine della home page

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

Immagine della pagina tipo

Abstract
Anche questo sito si presenta molto semplice. Senza praticamente CSS però, il sito
risulta molto completo nei contenuti. Una sezione Methodologies for development
diviene uno strumento molto utile per chi si accinge a costruire un sito seguendo regole
ben strutturate. Un’altra cosa da sottolineare è la presenza della sezione Java UI Tools,
in cui viene spiegato come usare Java nell’ambito dell’usabilità.

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

Mappa del sito

Index
Methodologies
Management
Standards
Java UI Tools
• Introduction
• General Information
• Creating Interfaces
• Helpful Tools
• Applications
• Credits
Other UI Tools
Testing
Metrics
Formal
Methods
Education
Conferences

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

Scheda di valutazione del settore Usabilità


http://www.usabilityfirst.com/index.txl

1. Comunicazione e grafica

Valutazione: 3
(legenda: 0 pessimo; 1 insufficiente, 2 sufficiente, 3 buono, 4 ottimo)

Analisi:
Nella prima parte della valutazione del sito, ci concentreremo sulla comunicazione
(principalmente grafica) che il sito offre all’utente. In alto notiamo subito la il logo e la
brand: Usability First: your online guide to usability resources. Con questo titolo l’utente
è a conoscenza immediatamente della sua posizione nel web e che cosa il sito propone.
Lo scopo del sito infatti non trasmette solo l’idea di usabilità, ma intende fornire una
guida per il suo apprendimento.

3
2

Il layout della pagina è diviso nel seguente modo:

1. Logo/Brand: ottimo, chiarisce immediatamente titolo e scopo del sito.


2. Indice: le categorie del sito sono elencate sulla sinistra, nel modo classico, ma

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

con una semplicità adatta a tutti (=usabile).


3. Contenuti.

Le immagini nel sito non sono presenti (tranne che per la sezione Books).
La particolarità del font di questo sito è la sua grandezza personalizzabile. Infatti, come
descritto nell’immagine della pagina precedente (freccia rossa) e dall’ingrandimento
sotto, possiamo con un click ingrandire il testo del sito, rendendolo più leggibile.

Rispetta per questo, anche in un primo sguardo, gli scopi di usabilità a cui il sito vuole
mirare. I colori principali del sito sono nero/ocra su sfondo bianco. Colori rilassanti e non
impegnativi visualizzabili da tutti gli utenti.
La lingua del sito è l’inglese. Non sono disponibili cambi di lingua.
Il linguaggio è di tipo abbastanza formale. Le caratteristiche del sito obbligano un
linguaggio professionale, adatto ad un’utenza professionista.

Sintesi:

Punti di forza:

• Semplicità e chiarezza comunicativa.


• Possibilità di modificare la grandezza del font.
• Scopo e finalità del sito chiari fin dalla home page.

Punti di debolezza:

• Linguaggio non per tutti gli utenti.

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

2. Funzionalità

Valutazione: 3
(legenda: 0 pessimo; 1 insufficiente, 2 sufficiente, 3 buono, 4 ottimo)

Analisi:
Questo capitolo Funzionalità sarà diviso in due parti: adeguatezza e correttezza. Per
quanto riguarda la prima dobbiamo vedere se l’utilità del sito è stata rispettata e
ottenuta con successo: Perfetto. Il sito infatti ci presenta immediatamente (con al
massimo un paio di click) tutte le funzionalità cui abbiamo bisogno, cioè informazioni
sull’usabilità in generale.
Il sito rimane poco interattivo (tranne un form di richiesta informazioni), come giusto
che sia per un sito tutorial/pubblicitario come questo.
La correttezza, anche nella sua staticità è stata rispettata. Con una pagina dei libri
pubblicati sull’argomento, si è riusciti a completare uno strumento per chi volesse
intraprendere questo viaggio nell’arte dell’usabilità.

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

Sintesi:

Punti di forza:

• Sito puramente statico, lineare, adeguato e corretto.


• Pagine su molti link esterni completano uno strumento discreto

Punti di debolezza:

• Un forum di discussione? Magari sarebbe stato gradito…

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

3. Contenuto

Valutazione: 4 -
(legenda: 0 pessimo; 1 insufficiente, 2 sufficiente, 3 buono, 4 ottimo)

Analisi:
I contenuti del sito sono la parte più interessante del sito. Essendo un sito statico e
senza grosse interazioni con l’utente, si prefissa l’obiettivo di far comprendere in modo
chiaro e concentrato un argomento, quale l’usabilità. Il dialogo tra sito e utente è
formale. Infatti come già detto in precedenza, lo scopo di questo strumento è creare un
portale in cui gli utenti possano trovare informazioni riguardanti ciò.
Lo scopo è stato raggiunto. Infatti possiamo subito notare la suddivisione nelle seguenti
categorie (freccia rossa):

• Courses (corsi a riguardo)


• Books (libri consigliati)
• Humor (un po’ di svago)
• Links
• Method (approcci all’usabilità)
• Glossary
• Job Posting (lavori svolti)

Nella seconda parte invece vengono descritte più in generale dove è possibile applicare
le cose descritte precedentemente e link su altri argomenti inerenti (freccia blu).

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

Il contenuto forse troppo professionale, non permette un accesso semplice a tutti gli
utenti.

Sintesi:

Punti di forza:

• Diviso correttamente per categorie per una semplice navigazione.


• Chiaro inoltre nei contenuti veri e propri, apportando correlazioni concrete e di
facili intuizione.

Punti di debolezza:

• Non parte da un livello proprio “principiante” (ma forse, è uno degli scopi del
sito).

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

4. Accessibilità

Valutazione: 2
(legenda: 0 pessimo; 1 insufficiente, 2 sufficiente, 3 buono, 4 ottimo)

Analisi:
In questa sezione parleremo di due aspetti principali: Accessibilità Logica e Accessibilità
Fisica. Per quanto riguarda la prima riscontriamo una sufficiente accessibilità. L’URL del
sito infatti è molto intuitivo, anche se un po’ lungo. Inoltre, su Google (ad esempio) è
possibile ricercare il sito, ma con scarsi risultati. Infatti se scriviamo solo Usability il sito
si presenta solo dopo 5 pagine (troppo per un sito di questo genere). Mentre se
aggiungiamo la parola Site il sito compare in seconda posizione. Ottimo.

Per quanto riguarda l’Accessibilità Fisica, i tempi di accesso al sito sono molto rapidi,
grazie ad una grafica povera (ma non misera né scadente) che alleggerisce lo strumento-
guida a cui gli sviluppatori volevano arrivare (riuscendoci pienamente).

Sintesi:

Punti di forza:

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

• Url facile da ricordare (pur essendo un ramo di un altro sito).


• Sito snello e veloce.

Punti di debolezza:

• Popolarità sui motori di ricerca scadente.

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

4. Gestione e aggiornamento

Valutazione: 1,5
(legenda: 0 pessimo; 1 insufficiente, 2 sufficiente, 3 buono, 4 ottimo)

Analisi:
Per quanto riguarda questa sezione, c’è poco da dire. Il sito è principalmente statico,
senza grosse parti di interazione con l’utente. L’unica cosa da sottolineare è la presenza
di un form dove possiamo scrivere ai responsabili del sito per commenti, domande o
critiche.

Il sito infatti non necessità di aggiornamenti e grosse manutenzioni. Per quanto riguarda
invece la risposta a questo form, inesistente. Infatti dopo una mia comunicazione
attraverso questo form, non è mai arrivata risposta (fino ad ora).

Sintesi:

Punti di forza:

• Non necessita presidi del server.


063202, Simone Giansante, simo.giansa@gmail.com
The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

Punti di debolezza:

• Comunicazione con l’utente (via form) assente.

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

6. Usability e navigabilità

Valutazione: 2,5
(legenda: 0 pessimo; 1 insufficiente, 2 sufficiente, 3 buono, 4 ottimo)

Analisi:
Il sito presenta tre livelli principali: la home e le categorie con le loro sottocategorie. La
navigazione risulta molto facile e rilassante. Con pochi click possiamo trovare
immediatamente ciò di cui abbiamo bisogno. I pochi livelli di ramificazione della mappa
del sito consentono una navigazione veloce e di facile intuizione.

Il menu verticale a sinistra facilita di molto la navigazione. Diviso in poche categorie,


sappiamo immediatamente tutti gli argomenti principali trattati dal sito. Unica pecca è
la non visibilità immediata delle sottocategorie una volta cliccata una macro categoria.

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

Un’animazione (quando appaiono le sottocategorie) in questi casi è molto utile come


feedback, per sottolineare la presenza di sottocategorie. Ma essendo un sito di usabilità,
forse questa raffinatezza bloccava l’accesso a particolare utenze.

Sintesi:

Punti di forza:

• Sottocategorie di facile intuizione.


• Pochi livelli facili da navigare.

Punti di debolezza:

• Strumenti help non presenti (riprendendo il discorso anche della mancanza della
063202, Simone Giansante, simo.giansa@gmail.com
The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

comunicazione via mail).


• Sottocategorie non immediatamente visibili.

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

d. Sito settore Accessibilità

URL dei siti selezionati per l’area:

1. http://webaccessibile.org/
2. http://www.ifac.cnr.it/smid/accesso/accesso.htm
3. http://www.accessibilita-web.it/

URL del sito scelto per l’area, che verrà di seguito schedato e valutato:

• http://webaccessibile.org/

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

d.1 - http://webaccessibile.org/

Immagine della home page

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

Immagine della pagina tipo

Abstract
Il sito presentato in questa parte è Accessibile. Come spiegato nella scheda di
valutazione più avanti, possiamo affermare con certezza che presenta molte
caratteristiche che rispettano le regole (ferree) del W3C. Con un’organizzazione simile
tra tutte le pagine, l’utente non si confonde, imparando immediatamente tutto il sito (e
non una pagina alla volta). Lo strumento, molto completo, presenta molti esempi e
dimostrazioni sull’argomento trattato, fornendo una guida completa e necessaria per
chi volesse conoscere gli aspetti interessanti dell’accessibilità web.

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

Mappa del sito

Le basi
Normative
Articoli
Approfondimenti
Legge Stanca
Consorzio W3C
Validatori
Formazione
Semantic Web
Multimedia
Comunicati
Eventi
Video
Libri

Home
Autori
Comunica
Informazioni
Note legali
Termini d’uso

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

d.2 - http://www.ifac.cnr.it/smid/accesso/accesso.htm

Immagine della home page

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

Immagine della pagina tipo

Abstract
Come si può vedere dallo screenshot soprastante, possiamo capire facilmente la
struttura del sito: è tutto così. Formato da una pagina unica e dei link/segnalibri in vari
punti della pagina, possiamo scorrere tutto il sito senza mai cambiare pagina (url
uguale). Ho voluto scegliere questo sito proprio per l’argomento trattato: L’Accessibilità.
Il sito infatti è consultabile da qualsiasi dispositivo (pc, palmare, iBook, …) senza perdere
niente di ciò che vuole trasmettere. Una discussione sull’accessibilità in generale con
esempi (senza codice) molto esplicativi. Promosso.

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

Mappa del sito

Introduzione
Premessa sulla progettazione universale
Accessibilità del web: dove sta il problema
• Profili di utenti con disabilità
• Criteri generali di approccio al problema
Dettagli tecnici di accessibilità
Tool di sviluppo delle pagine web
Testing e tool di validazione
Suggerimenti per gli operatori
Esempi applicativi
Appendici
Bibliografia

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

c.3 - http://www.accessibilita-web.it/pag/corsi.htm

Immagine della home page

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

Immagine della pagina tipo

Abstract
Dopo la guida e l’apprendimento teorico dell’accessibilità visti nei 2 capitoli precedenti,
ora presenterò un sito più pubblicitario: infatti questo “portale” fornisce soluzione web
per costruire siti accessibili. Oltre a questo importante servizio (sempre più utile per
venire incontro a tutti gli utenti che vogliono accedere al web), è possibile rimanere
sempre aggiornati sul modo dell’accessibilità grazie ad una sezione Standard e
riferimenti normativi. Qui possiamo trovare link esterni ad articoli importanti nazionali e
internazionali

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

Mappa del sito

Chi siamo
Cosa facciamo
Corsi
Standard e riferimenti normativi
Riferimenti tecnici
Forum

Home
Mappa del sito
Guida
Contatti

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

Scheda di valutazione del settore Accessibilità


http://webaccessibile.org/

1. Comunicazione e grafica

Valutazione: 4
(legenda: 0 pessimo; 1 insufficiente, 2 sufficiente, 3 buono, 4 ottimo)

Analisi:
In quest’ultima scheda di valutazione, studieremo tutti gli aspetti del sito sopraindicato,
dedicato interamente all’accessibilità dei siti web. Il sito in questione si presenta nel
seguente modo:

1. Logo/brand: con questo titolone, Webaccessibile.org, non ci si può sbagliare,


sappiamo benissimo dove siamo capitati.
2. Indice categorie: tutte le categorie principali.
3. Contenuto.
4. Ultime news: divise in 3 categorie: Articoli, Multimedia, Pubblicazioni più una
sezione con la raccolta degli Articoli più letti.

Con le frecce rosse inoltre, sono indicati dei link tecnici (autori, note legali, …)

3
2
4

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

Il layout descritto ora, vale solo per la prima pagine (home): infatti, per le altre pagine, la
struttura è la seguente:

Come possiamo vedere, spariscono le news (4), i contenuti infatti ora prendono tutta la
pagina. Facciamo vedere solo la categoria Le Basi perché la struttura complessiva delle
altre è identica. In questa parte la visualizzazione risulta molto chiara e semplice, infatti
vengono visualizzate immediatamente tutti gli oggetti inerenti alla categoria ordinati in
ordine temporale decrescente. La grafica del sito risulta chiara e piacevole nella lettura.
Il font è chiaro e abbastanza grande, leggibile da tutti. La risoluzione del sito (800x600)
risulta supportato dalla totalità dei sistemi hardware (640x480 ormai non se ne vedono
più).La lingua è l’italiano. Un grande punto a favore per il mercato italiano, privo ancora
di sviluppo inerente a questo argomento. Il linguaggio informale (il sito dà anche del TU
all’utente) favorisce l’ingresso anche di utenti non professionisti del settore.

Sintesi:

Punti di forza:

• Semplicità e chiarezza comunicativa.


• Scopo e finalità del sito chiari fin dalla home page.

Punti di debolezza:

• Non riscontrati.
063202, Simone Giansante, simo.giansa@gmail.com
The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

2. Funzionalità

Valutazione: 3 -
(legenda: 0 pessimo; 1 insufficiente, 2 sufficiente, 3 buono, 4 ottimo)

Analisi:
La funzionalità principale del sito, ovviamente, è l’accessibilità. Per accessibilità
intendiamo “la capacità di un dispositivo, di un servizio o di una risorsa d'essere fruibile
con facilità da una qualsiasi categoria d'utente” (Wikipedia). Lo scopo del sito è
assolutamente raggiunto: pochi colori e design chiaro senza grossi CSS magari poco
gestibili da qualche utente. Il sito rimane poco interattivo, aiutando anche chi con il web
ha poca dimestichezza. Adeguato e corretto quindi, più che le funzionalità, lo scopo a cui
il sito vuole arrivare. L’unica parte interattiva (rilascio di feedback da parte degli utenti
ad ogni articolo) però, al momento non è in funzione. Peccato. Infatti nell’ultima riga di
ogni articolo (o altro) è presente la seguente frase:

L’indice sempre visualizzabile rende il sito semplice ed intuitivo. La facilità di spostarsi da


una categoria ad un’altra è davvero studiata nel migliore dei modi.

Sintesi:

Punti di forza:

• Sito puramente statico, lineare, adeguato, corretto e … usabile!

Punti di debolezza:

• Un forum di discussione? Sarebbe stato gradito…soprattutto per l’argomento


non famigliare a tutti.
• Feedback non funzionanti.

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

3. Contenuto

Valutazione: 4 -
(legenda: 0 pessimo; 1 insufficiente, 2 sufficiente, 3 buono, 4 ottimo)

Analisi:
I contenuti del sito bisogna dire subito che sono molto specifici. L’accessibilità. Divisi
correttamente per categorie, possiamo trovare tutti gli articoli di cui abbiamo bisogno.

Le categorie sono ben divise, e come abbiamo visto precedentemente, gli articoli inseriti
in ogni categoria (3) sono ben strutturati e organizzati. Unica incongruenza è la
somiglianza tra Video e Multimedia che potrebbe confondere l’utente una volta entrato
nella categoria (dove sono?).
I contenuti sono tutti interni al sito, potendo ricercare tutte le informazioni (molto
approfondite, soprattutto nella categoria Approfondimento). Il linguaggio non troppo

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

formale non scoraggia quella particolare categoria di utenza ai primi approcci con il
mondo Web (non solo per quanto riguarda la navigazione).

Sintesi:

Punti di forza:

• Diviso correttamente per categorie per una semplice navigazione.


• Chiaro inoltre nei contenuti veri e propri, apportando correlazioni concrete e di
facili intuizione.
• Molto approfondito.

Punti di debolezza:

• Forse troppe categorie rallentano di qualcosa la ricerca delle informazioni.


Strutturare il sito in tre livelli invece di due? Potrebbe essere un’idea…

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

4. Accessibilità

Valutazione: 3 +
(legenda: 0 pessimo; 1 insufficiente, 2 sufficiente, 3 buono, 4 ottimo)

Analisi:
In questa sezione parleremo di due aspetti principali: Accessibilità Logica e Accessibilità
Fisica. Per quanto riguarda la prima riscontriamo una sufficiente accessibilità. L’URL del
sito infatti è molto intuitivo, soprattutto per l’utenza italiana. Ovviamente, essendo un
sito di accessibilità risulta supportato da quasi la totalità dei browser (provato con IE 6.0,
Firefox e Safari). Avendo una grafica statica senza oggetti aggiuntivi (quali ad esempio
JS, Flash o altro…) anche da supporti portatili è totalmente visualizzabile.
Per quanto riguardano i motori di ricerca, qui bisogna fare degli appunti seri ai web
master. Il sito infatti, si riesce a trovare (entro 5 pagine) solo aggiungendo la parola web.
In effetti, è molto intuitivo aggiungere tale parola, ma per i criteri di accessibilità, non è
proprio un discorso giusto da fare. La colpa però non è proprio da attribuire ai creatori.
Continuiamo a credere comunque che per un sito intitolato WebAccessibile.org, una
volta ricercato Web Accessibility trovarlo all’ottava posizione non sia una cosa positiva.

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

Per quanto riguarda l’Accessibilità Fisica, i tempi di accesso al sito sono molto rapidi,
grazie ad una grafica povera (ma non misera né scadente) che alleggerisce lo strumento-
guida a cui gli sviluppatori volevano arrivare (riuscendoci pienamente). Sorprendente
anche la sezione Multimedia e Video: Velocissimo lo scorrimento da un video all’altro e
immediato (e con esso, anche il caricamento del video stesso). Ottimo

Sintesi:

Punti di forza:

• Url facile da ricordare (anche se per una utenza italiana)


• Sito snello e veloce, anche le categorie Multimedia e Video.

Punti di debolezza:

• Popolarità sui motori di ricerca scadente (molto scadente).

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

5. Gestione e aggiornamento

Valutazione: 2,5
(legenda: 0 pessimo; 1 insufficiente, 2 sufficiente, 3 buono, 4 ottimo)

Analisi:
Anche per questo sito, possiamo dire ben poco. La staticità del sito non obbliga una
gestione molto impegnata. Non essendoci neanche un forum (o guestbook, …) non
bisogna neanche tenere sottocontrollo gli utenti.
Per quanto riguarda l’aggiornamento, risulta fondamentale per questo sito. Come
notiamo nelle varie categorie, l’aggiornamento avviene ogni mese (mediamente) con
vari aggiornamenti (viene aggiornata una categoria con vari articoli/oggetti). Il mese, per
un sito di questo genere, è molto buono, vista la difficoltà del mercato italiano di
entrare in questi settori (accessibilità, usabilità, …).

Un'altra cosa da sottolineare è la comunicazione utente-sito. Ho provato a mandare una


mail ai gestori del sito (cliccando in alto, su Autori), ma mi sono trovato davanti questa
pagina:

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

E adesso? A chi scrivo per avere informazioni? Cliccando su un nome a caso, esce la
descrizione ed il relativo recapito email. A mio avviso non funziona, bisogna dare
almeno una descrizione del ruolo di ognuno, a fianco del proprio nome nella pagina
visualizzata nell’immagine sopra riportata. Peccato.
La freccia indica un link admin, ho scritto a “lui”, ricevendo risposta in tempi ragionevoli.

Sintesi:

Punti di forza:

• Non necessita presidi del server.


• Aggiornamenti costanti e periodici.

Punti di debolezza:

• Comunicazione con l’utente (via email) confusionaria.

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

6. Usability e navigabilità

Valutazione: 3
(legenda: 0 pessimo; 1 insufficiente, 2 sufficiente, 3 buono, 4 ottimo)

Analisi:
Il sito presenta due livelli principali: la home e le categorie principali. È semplice, ogni
sezione è strutturata identica alle altre: una volta aperta una categoria, compare una
serie di articoli/oggetti in ordine decrescente. Con pochi click, possiamo trovare
immediatamente ciò che cerchiamo. Inoltre, in alto a sinistra, abbiamo uno strumento di
ricerca che ci consente di trovare facilmente ciò di cui abbiamo bisogno, in mezzo alla
miriade di informazioni offerte da questo sito. Ottimo.

Il menu verticale a sinistra facilita di molto la navigazione, anche se il numero eccessivo


di categorie può indurre l’utente all’errore. Magari raggruppare il tutto in un numero
minore di categorie principali? Magari …

063202, Simone Giansante, simo.giansa@gmail.com


The Web Designers’ Republic . Lb Comunicazione Visiva 2008-09

Sintesi:

Punti di forza:

• Pochi livelli facili da navigare.


• Strumento di ricerca ben fatto.

Punti di debolezza:

• Troppe categorie potrebbero mettere in confusione l’utente.

063202, Simone Giansante, simo.giansa@gmail.com

Potrebbero piacerti anche