Strategy, Scope, Structure, Skeleton and Visual of "il Fatto Quotidiano" (italian newspaper). Focus on user experience and user needs

1. REDESIGN
DE
IL FATTO
QUOTIDIANO
Anna Bollella
Davide Lochis
Danny Martucci
Irene Ranieri
Laboratorio di Progettazione II
CdLTTC

2. There was an awareness of Usability
before the Web, but business
executives and engineers thought
anyone could do it.
The Web made people realize that
Usability was desirable but not easy.
“ David Gilmore
Senior UX Scientist
- -

3. Fact-Checking
Lettore de “il Fatto Quotidiano”
UTENTI
In mobilità
Critico
Informato
“Anti-Sistema”
(mediatico)

4. PROBLEMA
Il problema riguarda la
possibilità di consultare
le notizie del giornale
in mobilità
permettendo all’utente di
raggiungere i proprio bisogni
ma mixandoli alle
specificità del mobile

5. SOLUZIONE
Un sito full responsive “mobile first”

6. DESKTOP

7. DESKTOP

8. TABLET

9. PHONE

10. Irene Ranieri
IA Specialist
Anna Bollella
Interaction Designer
Danny Martucci
UX Specialist
Davide Lochis
User Researcher
TEAM

11. YOU
TEAM
In an agile world
the client is part of the team

12. METODO
Obiettivi Sito
Requisiti Utente
Requisiti di Contenuto
Specifiche Funzionali
Progettazione Interazioni
Architettura Informazione
Progettazione UI
Progettazione
Navigazione
Progettazione
Informazione
Progettazione Visuale
Concreto
Astratto
Completamento
Concezione
Tempo
Strategia
Scopi
Struttura
Skeleton
Visual

13. STRATEGIA
Definizione:
• Output: mockup homepage
e pagina dettaglio prodotto
e architettura
dell’informazione
• Brainstorming e briefing
• Strategia, schedulazione
attività e compiti

14. BENCHMARK

15. SCOPI
Requisiti
Funzionali
Requisiti
di Contenuto
Classificazione
Articoli
attraverso tag
Gestione
Rotazione
Editoriale
Soluzioni
CMS:
WordPress

16. ITERAZIONE 1
• Fase grezza:implementazione
e sviluppo mockup lo-fi.
• Fast paper prototyping
• Output: mockup homepage,
pagina dettaglio prodotto
e architettura informazione

17. IA
Card Sorting per testare l’attuale architettura dell’informazione
e raccolta evidenze per sistemazione dell'alberatura

18. ITERAZIONE II
!
• Definizione modalità di
interazione, quindi della
modalità di presentazione
informazioni, navigazione e
interfaccia
• Implementazione
architettura dell’informazione

19. IA

20. HOMEPAGE

21. NEXT STEP

22. THANKS
Follow us:
@RaineriIrene
@BollellAnna
@danny_martucci
@davidelochis
* Se le immagini violassero qualsiasi copyright, contattare la mail lochis.davide@gmail.com per segnalare il problema