Analisi del sito www.asai.it O S S E R VA Z I O N I E C R I T I C I TÀ E M E R S E TO R I N O, 1 1 D I C E M B R E 2 0 1 4
Argomenti Considerazioni generali Analisi sulle prestazioni del sito Aspetti di sicurezza Osservazioni sull organizzazione grafica dei contenuti Ulteriori spunti Prossimi passi
Considerazioni generali C O M E S O N O O R G A N I Z Z AT I C O N T E N U T I D E L S I TO?
Considerazioni generali Buona organizzazione logica dei contenuti Menu chiaro e ben organizzato E facile per il visitatore comprendere dove cercare i contenuti Grafica gradevole e moderna Colori Caratteri Buona scelta delle icone Continuare così
Menu Il MENU è ben organizzato, ma: Nella sezione NEWS c è confusione tra ULTIME NOTIZIE e INIZIATIVE Nella sezione COSA FACCIAMO la sola voce Teatro e musica ha sottolivelli, mentre in generale sarebbe bene mantenere coerenza tra i livelli di menu per non disorientare il visitatore
Prestazioni del sito P E R C H É Q U E S TO S I TO È C O S Ì L E N TO?
Prestazioni Il sito appare molto lento in fase di caricamento non solo dell Home Page, ma anche delle pagine interne. Questo è dovuto, secondo noi, alla concomitanza di diversi fattori. In particolare: Tipologia di hosting Peso di alcune componenti Joomla Dimensioni e peso delle immagini
Hosting Hosting su Aruba in spazio condiviso. I tempi di risposta sono incerti e variabili, perché le prestazioni dipendono da un ambiente condiviso con molti altri. La banda Internet viene fornita con logica best effort Considerare hosting più pregiato e supervisionato
Template Joomla Il template scelto è molto pesante e carica molti javascript per effetti che poi non si vedono. Javascript = Programma che esegue effetti dinamici interattivi, normalmente in risposta a certe azioni dell utente Probabilmente questo template è in grado di eseguire molte operazioni in più, che non sono state utilizzate. Alleggerire, comprimere o cambiare il template
Altri aspetti dietro le quinte Il sito non esegue la compressione dei javascript e della memoria cache Sono state installate componenti che appesantiscono la fruibilità del sito, ad esempio eseguendo caricamenti dall esterno: Volantino in Aperitivo di tesseramento 2015 Volantino Laboratorio Adolescenti Tra l altro, ricordare che le info su volantino non sono indicizzate da Google Intervenire sugli aspetti sistemistici del sito
Immagini del sito In generale, le immagini caricate sono sovradimensionate in termini di risoluzione e di dimensione. Le domande da porsi sono: A che servono tutti quei pixel sullo schermo del PC? Perché caricare immagini grandi e poi ridurle negli articoli del sito? Questa operazione non ne riduce i termini di caricamento
Qualche esempio sulle immagini Home Page Sei immagini per un totale di 1.38 MB ASAI_logo_20_anni 736 KB facebook_aqu_64 3.13 KB foto_homepage_asai 566 KB logo_we_world 68.3 KB sportello_lavoro 41.5 KB twitter_aqu_64 3.88 KB Si possono ridurre a 174 KB, eliminando anche le trasparenze ASAI_logo_20_anni 35.5 KB facebook_aqu_64 3.13 KB foto_homepage_asai 91.6 KB 493 KB con trasparenza logo_we_world 16.6 KB sportello_lavoro 25.3 KB twitter_aqu_64 3.88 KB Ridurre le foto con appositi strumenti e ricaricarle
Gallerie fotografiche Il componente utilizzato per lo slideshow non è ottimizzato e la pagina web continua a caricare i dati Esempio: Scaricati 27 MB Pagina lasciata aperta Dopo 10 min la pagina continua a scaricare Cercare e installare componenti Joomla più efficienti Valutare se utilizzare servizi esterni (es. Flicker)
Aspetti di sicurezza A LC U N I A S P E T T I P O S S O N O C O S T I T U I R E U N R I S C H I O P E R L A S I C U R E Z Z A D E L S I TO, C H E P O T R E B B E V E N I R E H A C K E R ATO (C A S O N O N I N F R E Q U E N T E )
Versione di Joomla Il sito è stato sviluppato sulla piattaforma Joomla versione 2.5, per la quale è previsto il termine del supporto a dicembre 2014. Dovrebbe essere prevista la migrazione alla versione 3.4. I rischi della non-migrazione sono: Vulnerabilità Limitazioni sugli sviluppi futuri Prevedere migrazione della piattaforma
Modulo Contatti Il modulo Contatti non contiene un codice CAPTCHA per determinare se l'utente sia una persona umana e non un computer. Questo è un rischio abbastanza elevato, in quanto molti programmi che generano spam si installano proprio nei moduli dei siti web: possono partire email di spam a nome del titolare del sito Inserire codice CAPTCHA nel modulo Contatti
Supervisione e backup Esiste una supervisione sistemistica del sito che verifichi l andamento del traffico, email inviate, ecc. ecc.? Qualcuno è in grado di mettere in atto le misure di protezione necessarie? Esiste un backup regolare del sito per eventuali necessità di ripristino? Prevedere gestione sistemistica
Pagina SPORTELLO LAVORO E elemento di rischio per la sicurezza perché comunque costituisce una porta di ingresso che gli hacker potrebbero voler scassinare. Trovare un altro sistema di accesso, magari con preferito
Organizzazione grafica I C O N T E N U T I H A N N O L A G I U S TA R I L E VA N Z A E S O N O F R U I B I L I D A I V I S I TATO R I?
Sito mobile La visibilità su smartphone e tablet è buona Il sito è responsive Continuare così MA: Le visite da smartphone consumano molto traffico dati
Home Page La Home Page è dispersiva Il banner con le due fotografie è troppo alto ed impedisce la lettura dei contenuti successivi Le due fotografie in Home Page sono sempre le stesse e danno l impressione che non ci siano notizie fresche Il meccanismo che blocca il Menu nella parte superiore della pagina è inutile e molto pesante Anche i richiami ai social network sono a fondo pagina Pensare a come colpire subito il visitatore e quali informazioni sono veramente utili da avere sottomano
Sostenere ASAI Gli inviti ad agire per diventare volontario e sostenere ASAI sono nascoste a fondo pagina Le azioni vere e proprie (es. Paypal, 5x1000) sono elencate solo all interno dell articolo e l articolo non è ben posizionato in prima pagina Esempio: IlMioDono non è evidente al visitatore Dare evidenza in Home Page alle forme di contribuzione
Pagine interne Le pagine interne sono molto spoglie e contengono poche info per cmq. Il titolo e il banner superiore sono troppo alti e spingono verso il basso i contenuti di valore. I testi sono allargati e tendono ad essere dispersivi. Senza barre laterali, c è poco spazio per i rimandi ad altre sezioni o per richiami (es. per sostenere ASAI)
Testi I testi hanno una leggibilità simile a quella della carta, mentre dovrebbero essere organizzati graficamente pensando a chi legge su uno schermo, quindi: Inserire box con le info utili ben in evidenza Eliminare spazi vuoti sullo schermo (molte pagine hanno lo spazio di destra completamente bianco) Evitare testi troppo lunghi Non tutti i testi fanno un uso corretto dei titoli e del grassetto per aumentare la leggibilità e essere trovati più facilmente da Google.
Pagina DOVE SIAMO La pagina con tutte le sedi è molto poco leggibile. Si carica molto lentamente. Di ogni sede fornisce subito la mappa, ma è molto piccola e di fatto non è fruibile. Per vedere tutte le sedi bisogna scorrere tutta la pagina. Progettare alternative (es. tabella e mappa che si apre solo per la sede cliccata, oppure unica mappa con tutte le sedi)
Pagina ULTIME NOTIZIE Vengono mostrate troppo poche notizie per pagina. Normalmente si cerca di colpire il visitatore con parecchie notizie sulla schermata, in modo che possa facilmente scegliere quelle che gli interessano.
SPUNTI DI RIFLESSIONE
Esistono altre chiavi di lettura? I contenuti sono ben organizzati intorno al MENU con il quale ASAI presenta la propria organizzazione e iniziative, ma come si potrebbe rispondere ad altre esigenze dei visitatori, come ad esempio: Quali attività per fascia di età? Che cosa può fare ASAI per aiutarmi a trovare un lavoro? Quali corsi posso frequentare in ASAI? Progettare altri modi di presentare i contenuti
Indicizzazione del sito Domande da porsi: Come dovrebbe essere ricercata ASAI? Come i visitatori trovano ASAI? Come vuole essere trovata ASAI? A valle di queste riflessioni, bisognerebbe intervenire sul sito in funzione di come ASAI vuole essere trovata. Successivamente, si possono impostare metodi di monitoraggio della visibilità del sito, anche attraverso Google Analytics
Prossimi passi
Messa a punto degli aspetti sistemistici e di performance Affiancamento per insegnare buone pratiche Interventi sul template? Assistenza di secondo livello