Valutazione Siti

The Web Designers’ Republic Documentazione d’esame

Simone Giansante 063202, [email protected]

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, [email protected]

The Web Designers’ Republic . Lb Comunicazione Visiva

a.1 - http://www.w3schools.com/css/css_intro.asp Immagine della home page

063202, Simone Giansante, [email protected]

2008-09

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, [email protected]

The Web Designers’ Republic . Lb Comunicazione Visiva

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, [email protected]

2008-09

The Web Designers’ Republic . Lb Comunicazione Visiva

a.2 - http://www.cssplay.co.uk/ Immagine della home page

063202, Simone Giansante, [email protected]

2008-09

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, [email protected]

The Web Designers’ Republic . Lb Comunicazione Visiva

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, [email protected]

2008-09

The Web Designers’ Republic . Lb Comunicazione Visiva

a.3 - http://www.csstutorial.net/ Immagine della home page

063202, Simone Giansante, [email protected]

2008-09

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, [email protected]

The Web Designers’ Republic . Lb Comunicazione Visiva

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, [email protected]

2008-09

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, [email protected]

The Web Designers’ Republic . Lb Comunicazione Visiva

2008-09

1

3

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, [email protected]

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, [email protected]

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, [email protected]

The Web Designers’ Republic . Lb Comunicazione Visiva

Sintesi: Punti di forza: • •

Sito puramente statico, lineare, adeguato e corretto. La parte interattiva sviluppata egregiamente.

Punti di debolezza: •

Non riscontrati.

063202, Simone Giansante, [email protected]

2008-09

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, [email protected]

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, [email protected]

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 strumentoguida a cui gli sviluppatori volevano arrivare (riuscendoci pienamente).

063202, Simone Giansante, [email protected]

The Web Designers’ Republic . Lb Comunicazione Visiva

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, [email protected]

2008-09

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, [email protected]

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, [email protected]

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, [email protected]

The Web Designers’ Republic . Lb Comunicazione Visiva

b.1 - http://www.ilariapaolucci.it/index.htm Immagine della home page

Immagine della pagina tipo

063202, Simone Giansante, [email protected]

2008-09

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, [email protected]

The Web Designers’ Republic . Lb Comunicazione Visiva

Mappa del sito Home page Servizi Portfolio Curriculum Partnership Info e Contatti

063202, Simone Giansante, [email protected]

2008-09

The Web Designers’ Republic . Lb Comunicazione Visiva

b.2 - http://www.antoniofullone.it Immagine della home page

063202, Simone Giansante, [email protected]

2008-09

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, [email protected]

The Web Designers’ Republic . Lb Comunicazione Visiva

Mappa del sito Articoli • Apple • Guadagnare • Web News Download Featured Articles Guide Tutorials

063202, Simone Giansante, [email protected]

2008-09

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, [email protected]

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, [email protected]

The Web Designers’ Republic . Lb Comunicazione Visiva

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, [email protected]

2008-09

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, [email protected]

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, [email protected]

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, [email protected]

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, [email protected]

The Web Designers’ Republic . Lb Comunicazione Visiva

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, [email protected]

2008-09

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, [email protected]

The Web Designers’ Republic . Lb Comunicazione Visiva

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, [email protected]

2008-09

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, [email protected]

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, [email protected]

The Web Designers’ Republic . Lb Comunicazione Visiva

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, [email protected]

2008-09

The Web Designers’ Republic . Lb Comunicazione Visiva

c.1 - http://www.usabilityfirst.com/index.txl Immagine della home page

063202, Simone Giansante, [email protected]

2008-09

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, [email protected]

The Web Designers’ Republic . Lb Comunicazione Visiva

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, [email protected]

2008-09

The Web Designers’ Republic . Lb Comunicazione Visiva

c.2 - http://www.eelab.usyd.edu.au/usability/main.htm Immagine della home page

063202, Simone Giansante, [email protected]

2008-09

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, [email protected]

The Web Designers’ Republic . Lb Comunicazione Visiva

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

063202, Simone Giansante, [email protected]

2008-09

The Web Designers’ Republic . Lb Comunicazione Visiva

c.3 - http://www.otal.umd.edu/guse/ Immagine della home page

063202, Simone Giansante, [email protected]

2008-09

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, [email protected]

The Web Designers’ Republic . Lb Comunicazione Visiva

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, [email protected]

2008-09

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.

1

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, [email protected]

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, [email protected]

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, [email protected]

The Web Designers’ Republic . Lb Comunicazione Visiva

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, [email protected]

2008-09

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, [email protected]

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, [email protected]

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 strumentoguida a cui gli sviluppatori volevano arrivare (riuscendoci pienamente). Sintesi: Punti di forza: 063202, Simone Giansante, [email protected]

The Web Designers’ Republic . Lb Comunicazione Visiva • •

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, [email protected]

2008-09

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, [email protected]

The Web Designers’ Republic . Lb Comunicazione Visiva

Punti di debolezza: •

Comunicazione con l’utente (via form) assente.

063202, Simone Giansante, [email protected]

2008-09

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, [email protected]

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, [email protected]

The Web Designers’ Republic . Lb Comunicazione Visiva •

comunicazione via mail). Sottocategorie non immediatamente visibili.

063202, Simone Giansante, [email protected]

2008-09

The Web Designers’ Republic . Lb Comunicazione Visiva

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, [email protected]

2008-09

The Web Designers’ Republic . Lb Comunicazione Visiva

d.1 - http://webaccessibile.org/ Immagine della home page

063202, Simone Giansante, [email protected]

2008-09

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, [email protected]

The Web Designers’ Republic . Lb Comunicazione Visiva

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, [email protected]

2008-09

The Web Designers’ Republic . Lb Comunicazione Visiva

d.2 - http://www.ifac.cnr.it/smid/accesso/accesso.htm Immagine della home page

063202, Simone Giansante, [email protected]

2008-09

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, [email protected]

The Web Designers’ Republic . Lb Comunicazione Visiva

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, [email protected]

2008-09

The Web Designers’ Republic . Lb Comunicazione Visiva

c.3 - http://www.accessibilita-web.it/pag/corsi.htm Immagine della home page

063202, Simone Giansante, [email protected]

2008-09

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, [email protected]

The Web Designers’ Republic . Lb Comunicazione Visiva

Mappa del sito Chi siamo Cosa facciamo Corsi Standard e riferimenti normativi Riferimenti tecnici Forum Home Mappa del sito Guida Contatti

063202, Simone Giansante, [email protected]

2008-09

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, …)

1

3 2 4

063202, Simone Giansante, [email protected]

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, [email protected]

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, [email protected]

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, [email protected]

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, [email protected]

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, [email protected]

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 strumentoguida 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, [email protected]

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, [email protected]

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, [email protected]

The Web Designers’ Republic . Lb Comunicazione Visiva

063202, Simone Giansante, [email protected]

2008-09

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, [email protected]

The Web Designers’ Republic . Lb Comunicazione Visiva

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, [email protected]

2008-09