progettazione ottimale di un sito web

32

description

 

Transcript of progettazione ottimale di un sito web

Page 1: progettazione ottimale di un sito web
Page 2: progettazione ottimale di un sito web

“L’usabilità di un prodotto è il grado con cui esso può essere usato da specificati utenti per raggiungere specificati obiettivi con efficacia, efficienza e soddisfazione in uno specificato contesto d’uso “.

ISO,1998

Page 3: progettazione ottimale di un sito web

“ la capacità dei sistemi informatici, 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 “

Legge n.4 del 9 gennaio 2004

Page 4: progettazione ottimale di un sito web

TEST DI USABILITA’

Sperimentale

Semplificato

Osservazione ecologica

Page 5: progettazione ottimale di un sito web

SPIDER

Home page

link

link

link

link

1 Lo spider accede alla home page del sito

2 Quando trova un link lo apre e esamina la pagina

3 Quando ha finito di visitare tutti i link memorizza le informazioni nell’indice

Page 6: progettazione ottimale di un sito web

Barra di ricerca

Link sponsorizzati

1 Ranking

2 Ranking

Page 7: progettazione ottimale di un sito web

META TAG

Tag HTML che specificano meta informazioni di vario genere

Page 8: progettazione ottimale di un sito web

META TAG DESCRIPTION

Fornisce allo spider una breve descrizione dei contenuti utili della pagina

Page 9: progettazione ottimale di un sito web

Fornisce allo spider direttive circa l’uso della pagina web scelta

META TAG ROBOTS

Page 10: progettazione ottimale di un sito web

META TAG KEYWORD

Indica al motore di ricerca una lista di parole chiavi inerenti ai contenuti della pagina web

in cui appare il tag

Page 11: progettazione ottimale di un sito web

<META NAME=«GOOGLEBOT» CONTENT=«NOARCHIVE»>

<META NAME=«GOOGLEBOT» CONTENT=«NOSNIPPET»>

META TAG DEDICATI A GOOGLE

Page 12: progettazione ottimale di un sito web

ESSERE PRESENTI ONLINE

Benefici Grandi spese

Page 13: progettazione ottimale di un sito web

BENEFICI

Usabilità

ROIPay per click advertisment

semplicità SoddisfazioneAumento del profitto

= = =

Page 14: progettazione ottimale di un sito web

GRANDI SPESE

Costi di sviluppo

Costi di manutenzione del software

Apportare modifiche sin dall’inizio

Ad esempio American Airlines riducendo i problemi di usabilità nella fase iniziale di progettazione ha ridotto il costo di correzioni

future del 60-90% (Bias e Maythew,1994).

Page 15: progettazione ottimale di un sito web

CASO DI STUDIO

Carta Regionale dei Servizi

Spindox (Paolo Costa)

Page 16: progettazione ottimale di un sito web

CARTA REGIONALE DEI SERVIZI

Servizio online

1 velocità nelle ricerche e negli aggiornamenti dei propri dati;2 trasmissione a distanza in tempo reale della documentazione;3 semplificazione delle procedure burocratiche;4 riduzione dei tempi di attesa nello svolgimento delle attività.

Page 17: progettazione ottimale di un sito web

KICK-OFF DEL PROGETTO

1. Analisi e definizione della strategia

2. Ridisegno dell’esperienza utente

3. Sviluppo

Page 18: progettazione ottimale di un sito web

TEST UTENTE

1. Tre task

2. Questionario

3. Feedback libero

Trattamento dati personali

Prenotazione visita

Consultazione referto

Page 19: progettazione ottimale di un sito web

RISULTATI TEST UTENTE (1/3)

1. Struttura dell’informazione

2. Elementi della navigazione e layout

3. Linguaggio

Rewirframing

Interventi di editing sui testi attuali

Page 20: progettazione ottimale di un sito web

QUESTIONARIO

Page 21: progettazione ottimale di un sito web
Page 22: progettazione ottimale di un sito web

RISULTATI INTERVISTAArchitettura

dell’informazione ed elementi di navigazione

Layout della pagina Linguaggio

Menù: L’utente fatica a trovare il percorso più breve

Posizione icone: Non sempre chiaramente visibili

Contenuti: Significato ambiguo e non chiaro dei termini

Help: Istruzioni poco chiare Posizione delle icone: Manca un ordine fisso.

Etichette: Le etichette del menù non risultano intuitive.

Link: Il grassetto genera confusione e talvolta viene percepito come link

Posizione del menù: Non è collocato nella posizione attesa dall’utente

Login/Logout: Manca il logout nella pagina principale dei servizi sociosanitari

Posizione dei contenuti: Troppe informazioni non ben disposte in una pagina

Page 23: progettazione ottimale di un sito web

Architettura dell’informazione ed

elementi di navigazione

Layout della pagina Linguaggio

Organizzazione dei contenuti: consenso accordato

Posizione icone: Non sempre chiaramente visibili

Contenuti: Significato non chiaro di estesione

Organizzazione dei contenuti: non chiaro se il modulo debba essere salvato

Posizione delle voci sul menù: Il tasto< salva >è preceduto da <apri>

Etichette: <presta consenso> l’utente scopre solo dopo che è l’inizio di un lungo iter

Organizzazione dei contenuti: L’utente non capisce gli step per terminare il processo

Posizione del menù: Non è collocato nella posizione attesa dall’utente

RISULTATI INTERVISTA 1 TASK

Page 24: progettazione ottimale di un sito web

RISULTATI INTERVISTA 2 TASKArchitettura

dell’informazione ed elementi di navigazione

Layout della pagina Linguaggio

Menù: Qualcuno passa da <agenda> per la prenotazione non rendendosi conto che non è la strada giusta

Tipologia delle icone: Non tutti hanno capito che bisognava apporre il flag di fianco alla scelta

Contenuti: Non è chiara la voce <periodo di ricerca>

Organizzazione dei contenuti: Il link <richiedi prenotazione> non è chiaro che sia solo informativo

Posizione delle voci sul menù: TMA SSN, l’utente non vede la spiegazione della sigla

Etichette: Il nome <agenda> confonde l’utente

Page 25: progettazione ottimale di un sito web

RISULTATI INTERVISTA 3 TASKArchitettura

dell’informazione ed elementi di navigazione

Layout della pagina Linguaggio

Voci del menù: confondono l’utente e risultano poco chiare

Page 26: progettazione ottimale di un sito web

PRIMA IPOTESI DI ARCHITETTURA E REWIREFRAMING

Page 27: progettazione ottimale di un sito web

HOMEPAGE1. Area Utente2. Scadenze/

appuntamenti3. Testo di benvenuto4. Box fascicolo

sanitario5. Box il tuo medico6. Menù principale di

navigazione7. Box vaccinazioni8. Box prenotazioni9. Footer

1 2

3 4 56

7 8

9

Page 28: progettazione ottimale di un sito web

1

2 3

4 5

1. Area Welcome

2. Box prescrizioni specialistiche

3. Box contatti con la sanità

4. Box referti

5. Box vaccinazioni

FASCICOLO SANITARIO

Page 29: progettazione ottimale di un sito web

PERCORSI DI SVILUPPOFASE 1

Stimolare un utilizzo di FSE sistematico e

coinvolgere un bacino di utenza più ampio

FASE 2Spingere verso una

consultazione di FSE non necessariamente correlata a una

condizione patologica dell’utente

FASE 3Abilitare servizi orientati

alla comunicazione bidirezionale

Attivare servizi di notifica Introdurre nuovi contenuti

Permettere l’upload di dati biologici rilevati dall’assistito

Coinvolgere l’azienda ospedaliera, territorio e cittadino

Page 30: progettazione ottimale di un sito web

DATI DISPONIBILI Fascicolo sanitario elettronicoOgni anno vengono caricati 14 milioni di refertiAl 2011 i referti disponibili erano 50 milioni

Accessi di operatori1,2 milioni di consultazioni all’ anno

Accessi di cittadini30.000 consultazioni all’anno su oltre 5 milioni di carte

distribuite

Page 31: progettazione ottimale di un sito web

CONCLUSIONI

L’utente deve essere al centro del processo di progettazione

Svolgere su di esso test di usabilità in modo da identificare eventuali problemi prima del lancio del prodotto o servizio sul mercato, riducendo modifiche future risparmiando sia tempo per lo sviluppo di nuovi software che soldi

Page 32: progettazione ottimale di un sito web

GRAZIE PER L’ ATTENZIONE