TECNICA DELLA PIRAMIDE ROVESCIATA

Per accessibilità si intende la capacità dei sistemi informatici, ivi inclusi i siti web e le applicazioni mobili, nelle forme e nei limiti
consentiti dalle conoscenze tecnologiche, di erogare servizi e fornire informazioni fruibili, senza discriminazioni, anche da parte di coloro
che a causa di disabilità necessitano di tecnologie assistive o configurazioni particolari”

Tecnologie assistive:
gli strumenti e le soluzioni tecniche, hardware e software, che permettono alla persona disabile, superando o riducendo le condizioni di
svantaggio, di accedere alle informazioni e ai servizi erogati dai sistemi informatici
Software di lettura schermo, applicazione software che riconosce il testo mostrato sullo schermo, e lo interpreta attraverso la
sintesi vocale (riproduzione artificiale della voce umana)!
• Terminali Braille, consistono in un display braille riaggiornabile che rende i testi come caratteri braille (di solito per mezzo di
perni che si alzano attraverso fori su una superficie piana)!
Software di ingrandimento schermo, che allarga quello che viene mostrato sul monitor del computer, rendendo più facile la
lettura per utenti con problemi di vista!
• Software di riconoscimento vocale che accettano comandi vocali per il computer, per quegli utenti che hanno difficoltà a
usare il mouse o la tastiera!
• Tastiere speciali, che aiutano a digitare in modo più accurato per chi ha difficoltà motorie!
• Accesso ai sottotitoli o video con linguaggio dei segni per persone non udenti!

Valutare la corretta accessibilità di un sito si fa riferimento ai criteri di successo delle WCAG 2.0, raccomandazione rilasciata dal WAI,
progetto del W3C!

W3C!
World Wide Web Consortium
Organizzazione non governativa internazionale dedicata allo sviluppo del Web!
WAI!
Web Accessibility Initiative
Progetto del W3C per migliorare l’accessibilità del web per i disabili! Gruppi di lavoro che collaborano alla creazione di linee guida per
ottenere gli obiettivi proposti!

Esempio di linee guida sono le WCAG 2.0 (Web Content Accessibility Guidelines)

WCAG 2.0 (Web Content Accessibility Guidelines) linee guida per rendere i contenuti web accessibili sia per i utenti disabili, sia per
dispositivi limitati come smartphone e tablet!!Versione 1.0 (1999)!Versione 2.0 (2008)!

Sono sviluppate in modo tale da rispondere a 4 principi!

1. Percepibilità - Le informazioni e i componenti dell'interfaccia utente devono essere presentati agli utenti in modo che possano
essere percepiti!
i. Alternative testuali: Fornire alternative testuali per qualsiasi contenuto non di testo in modo che questo possa essere trasformato in
altre forme fruibili secondo le necessità degli utenti come stampa a caratteri ingranditi, Braille, sintesi vocale, simboli o un
linguaggio più semplice!
ii. Tipi di media temporizzati: Fornire alternative!
iii. Adattabile: Creare contenuti che possano essere rappresentati in modalità differenti (ad esempio, con layout più semplici), senza
perdere informazioni o la struttura!
iv. Distinguibile: Rendere più semplice agli utenti la visione e l'ascolto dei contenuti, separando i contenuti in primo piano dallo sfondo!

2. Utilizzabilità - I componenti e la navigazione dell'interfaccia utente devono essere utilizzabili!

i. Accessibile da tastiera: Rendere disponibili tutte le funzionalità tramite tastiera.!
ii. Adeguata disponibilità di tempo: Fornire agli utenti tempo sufficiente per leggere ed utilizzare i contenuti!
iii. Convulsioni: Non sviluppare contenuti che possano causare attacchi epilettici!
iv. Navigabile: Fornire delle funzionalità di supporto all'utente per navigare, trovare contenuti e determinare la propria posizione!

3. Comprensibilità - Le informazioni e le operazioni dell'interfaccia utente devono essere comprensibili!

i. Leggibile: Rendere il testo leggibile e comprensibile.!

ii. Prevedibile: Creare pagine Web che appaiano e che siano prevedibili (es navigazione coerente)!
iii. Assistenza nell'inserimento: Aiutare gli utenti ad evitare gli errori ed agevolarli nella loro correzione!

4. Robustezza-Il contenuto deve essere abbastanza robusto da essere interpretato in maniera affidabile mediante una vasta gamma di
programmi utente, comprese le tecnologie assistive!
Compatibile: Garantire la massima compatibilità con i programmi utente attuali e futuri, comprese le tecnologie assistive

SEO
Ottimizzazione per i motori di ricerca
Comprende una serie di azioni che migliorano la scansione, l'indicizzazione e la catalogazione di un contenuto presente in un sito web
da parte dei crawler dei motori di ricerca, allo scopo di migliorare (o mantenere) il posizionamento nelle SERP

Crawler: software che in maniera sistematica e automatica analizza e conserva copie testuali delle pagine web per poterle catalogare e
indicizzare sulla base del contenuto e delle parole chiave (keyword), in modo che siano successivamente ricercate e visualizzate
attraverso i motori di ricerca nelle

SERP: Search Engine Result Page, ovvero pagine di risultato alle interrogazioni (query) degli utenti

Indicizzazione dei contenuti, ovvero fare in modo che le pagine del sito e il loro contenuto sia correttamente inserito nell’archivio di
risorse a cui i motori di ricerca attingono per rispondere alle query degli utenti
Passi iniziali per l’indicizzazioneü Registrare il proprio sito alla Google Search Console [Link]
(serve un account gmail)
Creare una sitemap del sito, un file in formato .xml che contiene tutte le pagine presenti sul sito
Indicare nel file [Link] dove si trova la sitemap del sito

Posizionamento nelle SERP, ovvero ottimizzare contenuti e struttura affinché il sito sia giudicato positivamente e mostrato nelle prime
posizioni
Miglioramento CTR (Click-Through Rate) che è il rapporto tra quante volte un sito appare nei risultati di ricerca e quante volte gli utenti
vi cliccano per visualizzarlo

SEO on page
Codice valido secondo le linee guida WCAG (Web Content Accessibility Guidelines)
Ottimizzazione immagini: l’immagine deve avere url che descrive il contenuto dell'immagine (es: /images/maglia_blu.jpg) e un testo alt.
Altre informazioni si possono inserire nel titolo e didascalia
Tempi di caricamento abbastanza rapidi
Contenuti di qualità (testi scorrevoli, corretti, con parole chiave)
Ottimizzazione per dispositivi mobili
Implementazione dei file [Link] e [Link]
Backlink ricevuti da siti esterni e che puntano al nostro sito (naturali o frutto di campagne di link building) Attività sui social media
Attività di guest-blogging

E’ importante cercare di capire quali sono le parole che gli utenti impiegano per cercare il nostro sito o business
Nel tempo, è cambiato il modo il modo in cui gli utenti cercano informazioni:

Linguaggio più naturale e discorsivo Query più dettagliateFrasi composte da 2 o più keywords

I motori di ricerca classificano pagine e siti scansionandole parole chiave ricorrenti nel testo, nelle immagini e nei link
Non esagerare con la pura ripetizione di una keyword nel testo!I motori sono sempre più sensibili al significato, scorrevolezza e
leggibilità dei testi.
Si possono usare variazioni della stessa keyword o keyphrase
MODELLO DI POLILLO
Un esempio può essere il modello di Polillo basato su sette caratteristiche principali
1. Architettura!
 La struttura informativa del sito è adeguata?!
 Esiste una mappa del sito?!
 La navigazione è adeguata?!
2. Comunicazione!
 La home page comunica chiaramente gli obiettivi del sito?!
 Il sito è coerente con la brand image?!
 La grafica è adeguata?!
Funzionalità!
 Le funzioni del sito sono adeguate?!
 Funzionano correttamente?!
4. Contenuto!
 La categorizzazione/labeling è adeguata?!
 Lo stile del testo è adeguato al web?!
 L’informazione è adeguata, pertinente, affidabile, aggiornata?!
 Il sito è correttamente localizzato?!
5. Gestione!
 Il sito è sempre attivo e disponibile?!
 È monitorato?!
 È aggiornato regolarmente?!
 Le relazioni con gli utenti sono gestite?!
6. Accessibilità!
 Tempi di accesso sono adeguati?!
 2. È facile da trovare?!
 3. È accessibile con ogni browser?!
 4. È utilizzabile da utenti disabili?!
.
7. Usabilità!
 L’utente raggiunge il risultato voluto in modo accurato e completo?!
 2. Lo sforzo richiesto all’utente è accettabile?!
 3. Il sito è confortevole e gradevole per l’utente?!
USABILITA’
Definizione ISO (International Organization for Standardization)
Usabilità: grado in cui un prodotto può essere utilizzato dagli utenti per raggiungere certi obiettivi con efficacia, efficienza e
soddisfazione in un certo contesto d’uso!

Nel contesto web, è una nozione dipendente da obiettivi del sito, target (user centered design) e obiettivi del target, e contesto!

valutazione euristica di Nielsen:

1. Visibilità dello stato del sistema
2. Corrispondenza tra sistema e mondo reale
3. Controllo e libertà dell’utente
4. Consistenza e standard
5. Prevenzione degli errori
6. Riconoscimento, diagnosi e rimedio agli errori
7. Riconoscimento piuttosto che ricordo
8. Flessibilità ed efficienza
9. Estetica e design minimalisti
10. Aiuto e documentazione

Approccio di Krug!
“Don’t make me think!” - Steve Krug
non creare domande inutile nell’utente che utilizza un sito. Diminuire il più possibile lo sforzo cognitivo fargli trovare ciò che dovrebbe
essere invece evidente  Eliminare lo sforzo cognitivo
Laddove non è possibile, almeno ridurre al minimo lo sforzo rendendo il sito auto esplicativo con l’uso del colore, della formattazione
ecc.!
Tutto dovrebbe essere chiaro a colpo d’occhio

Valutare l’usabilità:
 • Apprendimento: tempo necessario per raggiungere lo scopo al primo utilizzo!
• Memorizzazione: tempo necessario per raggiungere lo ! scopo dopo un periodo di non utilizzo! !
• Efficienza: rapidità con cui l’utente raggiunge lo scopo!
• Errori: quanti errori commette l’utente nel raggiungere lo scopo e quanto è facile rimediarvi!
• Soddisfazione: piacevolezza d’uso!
Metodo Task: individuare compiti che gli utenti devono portare a termine e preparare un questionario di domande a cui
devono rispondere dopo l’uso del sito! ! commentare ad alta voce mentr! e esegue le azioni necessarie a portare a termine i
compiti!
• Altri metodi: analisi dei log, uso di servizi che forniscono analitiche, eyetracking...
L’Home Page è fondamentale, ma è anche difficile da progettare.! Principalmente svolge almeno 4 compiti:!
• Mostrare agli utenti come ottenere ciò che vogliono dal sito!
• Tentarli con funzioni e contenuti di cui non sapevano di poter
aver bisogno!
• Mostrare loro come iniziare la navigazione
• Dare una buona impressione
Home Page
!Dovrebbe contenere
• Identità e missione del sito/business
• Gerarchia e contenuto del sito
• Barra di ricerca
• Teasers (anteprima) dei contenuti
• Contenuti attuali
• Eventuali offerte e promozioni!
• Scorciatoie per le funzioni o pagine più consultate!
• Eventuale registrazione e login