progettazione ottimale di un sito web
-
Upload
chiara-falvo -
Category
Engineering
-
view
121 -
download
1
description
Transcript of progettazione ottimale di un sito web
![Page 1: progettazione ottimale di un sito web](https://reader034.fdocuments.net/reader034/viewer/2022051513/54698d90af7959e3018b69ff/html5/thumbnails/1.jpg)
![Page 2: progettazione ottimale di un sito web](https://reader034.fdocuments.net/reader034/viewer/2022051513/54698d90af7959e3018b69ff/html5/thumbnails/2.jpg)
“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](https://reader034.fdocuments.net/reader034/viewer/2022051513/54698d90af7959e3018b69ff/html5/thumbnails/3.jpg)
“ 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](https://reader034.fdocuments.net/reader034/viewer/2022051513/54698d90af7959e3018b69ff/html5/thumbnails/4.jpg)
TEST DI USABILITA’
Sperimentale
Semplificato
Osservazione ecologica
![Page 5: progettazione ottimale di un sito web](https://reader034.fdocuments.net/reader034/viewer/2022051513/54698d90af7959e3018b69ff/html5/thumbnails/5.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022051513/54698d90af7959e3018b69ff/html5/thumbnails/6.jpg)
Barra di ricerca
Link sponsorizzati
1 Ranking
2 Ranking
![Page 7: progettazione ottimale di un sito web](https://reader034.fdocuments.net/reader034/viewer/2022051513/54698d90af7959e3018b69ff/html5/thumbnails/7.jpg)
META TAG
Tag HTML che specificano meta informazioni di vario genere
![Page 8: progettazione ottimale di un sito web](https://reader034.fdocuments.net/reader034/viewer/2022051513/54698d90af7959e3018b69ff/html5/thumbnails/8.jpg)
META TAG DESCRIPTION
Fornisce allo spider una breve descrizione dei contenuti utili della pagina
![Page 9: progettazione ottimale di un sito web](https://reader034.fdocuments.net/reader034/viewer/2022051513/54698d90af7959e3018b69ff/html5/thumbnails/9.jpg)
Fornisce allo spider direttive circa l’uso della pagina web scelta
META TAG ROBOTS
![Page 10: progettazione ottimale di un sito web](https://reader034.fdocuments.net/reader034/viewer/2022051513/54698d90af7959e3018b69ff/html5/thumbnails/10.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022051513/54698d90af7959e3018b69ff/html5/thumbnails/11.jpg)
<META NAME=«GOOGLEBOT» CONTENT=«NOARCHIVE»>
<META NAME=«GOOGLEBOT» CONTENT=«NOSNIPPET»>
META TAG DEDICATI A GOOGLE
![Page 12: progettazione ottimale di un sito web](https://reader034.fdocuments.net/reader034/viewer/2022051513/54698d90af7959e3018b69ff/html5/thumbnails/12.jpg)
ESSERE PRESENTI ONLINE
Benefici Grandi spese
![Page 13: progettazione ottimale di un sito web](https://reader034.fdocuments.net/reader034/viewer/2022051513/54698d90af7959e3018b69ff/html5/thumbnails/13.jpg)
BENEFICI
Usabilità
ROIPay per click advertisment
semplicità SoddisfazioneAumento del profitto
= = =
![Page 14: progettazione ottimale di un sito web](https://reader034.fdocuments.net/reader034/viewer/2022051513/54698d90af7959e3018b69ff/html5/thumbnails/14.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022051513/54698d90af7959e3018b69ff/html5/thumbnails/15.jpg)
CASO DI STUDIO
Carta Regionale dei Servizi
Spindox (Paolo Costa)
![Page 16: progettazione ottimale di un sito web](https://reader034.fdocuments.net/reader034/viewer/2022051513/54698d90af7959e3018b69ff/html5/thumbnails/16.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022051513/54698d90af7959e3018b69ff/html5/thumbnails/17.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022051513/54698d90af7959e3018b69ff/html5/thumbnails/18.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022051513/54698d90af7959e3018b69ff/html5/thumbnails/19.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022051513/54698d90af7959e3018b69ff/html5/thumbnails/20.jpg)
QUESTIONARIO
![Page 21: progettazione ottimale di un sito web](https://reader034.fdocuments.net/reader034/viewer/2022051513/54698d90af7959e3018b69ff/html5/thumbnails/21.jpg)
![Page 22: progettazione ottimale di un sito web](https://reader034.fdocuments.net/reader034/viewer/2022051513/54698d90af7959e3018b69ff/html5/thumbnails/22.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022051513/54698d90af7959e3018b69ff/html5/thumbnails/23.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022051513/54698d90af7959e3018b69ff/html5/thumbnails/24.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022051513/54698d90af7959e3018b69ff/html5/thumbnails/25.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022051513/54698d90af7959e3018b69ff/html5/thumbnails/26.jpg)
PRIMA IPOTESI DI ARCHITETTURA E REWIREFRAMING
![Page 27: progettazione ottimale di un sito web](https://reader034.fdocuments.net/reader034/viewer/2022051513/54698d90af7959e3018b69ff/html5/thumbnails/27.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022051513/54698d90af7959e3018b69ff/html5/thumbnails/28.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022051513/54698d90af7959e3018b69ff/html5/thumbnails/29.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022051513/54698d90af7959e3018b69ff/html5/thumbnails/30.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022051513/54698d90af7959e3018b69ff/html5/thumbnails/31.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022051513/54698d90af7959e3018b69ff/html5/thumbnails/32.jpg)
GRAZIE PER L’ ATTENZIONE