Redesign de "Il Fatto Quotidiano"
-
Upload
danny-martucci -
Category
Education
-
view
220 -
download
0
description
Transcript of Redesign de "Il Fatto Quotidiano"
![Page 1: Redesign de "Il Fatto Quotidiano"](https://reader035.fdocuments.in/reader035/viewer/2022062405/5578e2f7d8b42a5c5c8b47b2/html5/thumbnails/1.jpg)
REDESIGN DE
IL FATTO QUOTIDIANO
Anna Bollella Davide Lochis
Danny Martucci Irene Ranieri
Laboratorio di Progettazione IICdL TTC
![Page 2: Redesign de "Il Fatto Quotidiano"](https://reader035.fdocuments.in/reader035/viewer/2022062405/5578e2f7d8b42a5c5c8b47b2/html5/thumbnails/2.jpg)
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- -
![Page 3: Redesign de "Il Fatto Quotidiano"](https://reader035.fdocuments.in/reader035/viewer/2022062405/5578e2f7d8b42a5c5c8b47b2/html5/thumbnails/3.jpg)
Fact-Checking
Lettore de “il Fatto Quotidiano”UTENTI
In mobilità
Critico Informato
“Anti-Sistema” (mediatico)
![Page 4: Redesign de "Il Fatto Quotidiano"](https://reader035.fdocuments.in/reader035/viewer/2022062405/5578e2f7d8b42a5c5c8b47b2/html5/thumbnails/4.jpg)
PROBLEMA
Il problema riguarda la possibilità di consultarele notizie del giornale
in mobilità permettendo all’utente di
raggiungere i proprio bisogni ma mixandoli alle
specificità del mobile
![Page 5: Redesign de "Il Fatto Quotidiano"](https://reader035.fdocuments.in/reader035/viewer/2022062405/5578e2f7d8b42a5c5c8b47b2/html5/thumbnails/5.jpg)
SOLUZIONE Un sito full responsive “mobile first”
![Page 6: Redesign de "Il Fatto Quotidiano"](https://reader035.fdocuments.in/reader035/viewer/2022062405/5578e2f7d8b42a5c5c8b47b2/html5/thumbnails/6.jpg)
DESKTOP
![Page 7: Redesign de "Il Fatto Quotidiano"](https://reader035.fdocuments.in/reader035/viewer/2022062405/5578e2f7d8b42a5c5c8b47b2/html5/thumbnails/7.jpg)
DESKTOP
![Page 8: Redesign de "Il Fatto Quotidiano"](https://reader035.fdocuments.in/reader035/viewer/2022062405/5578e2f7d8b42a5c5c8b47b2/html5/thumbnails/8.jpg)
TABLET
![Page 9: Redesign de "Il Fatto Quotidiano"](https://reader035.fdocuments.in/reader035/viewer/2022062405/5578e2f7d8b42a5c5c8b47b2/html5/thumbnails/9.jpg)
PHONE
![Page 10: Redesign de "Il Fatto Quotidiano"](https://reader035.fdocuments.in/reader035/viewer/2022062405/5578e2f7d8b42a5c5c8b47b2/html5/thumbnails/10.jpg)
Irene Ranieri IA Specialist
Anna BollellaInteraction Designer
Danny MartucciUX Specialist
Davide Lochis User Researcher
TEAM
![Page 11: Redesign de "Il Fatto Quotidiano"](https://reader035.fdocuments.in/reader035/viewer/2022062405/5578e2f7d8b42a5c5c8b47b2/html5/thumbnails/11.jpg)
YOUTEAM
In an agile worldthe client is part of the team
![Page 12: Redesign de "Il Fatto Quotidiano"](https://reader035.fdocuments.in/reader035/viewer/2022062405/5578e2f7d8b42a5c5c8b47b2/html5/thumbnails/12.jpg)
METODO
Obiettivi Sito
Requisiti Utente
Requisiti di Contenuto
Specifiche Funzionali
Progettazione InterazioniArchitettura Informazione
Progettazione UIProgettazione Navigazione
Progettazione Informazione
Progettazione Visuale
Concreto
Astratto
Completamento
Concezione
Tempo
Strategia
Scopi
Struttura
Skeleton
Visual
![Page 13: Redesign de "Il Fatto Quotidiano"](https://reader035.fdocuments.in/reader035/viewer/2022062405/5578e2f7d8b42a5c5c8b47b2/html5/thumbnails/13.jpg)
STRATEGIADefinizione:
• Output: mockup homepage e pagina dettaglio prodotto e architettura dell’informazione
• Brainstorming e briefing
• Strategia, schedulazione attività e compiti
![Page 14: Redesign de "Il Fatto Quotidiano"](https://reader035.fdocuments.in/reader035/viewer/2022062405/5578e2f7d8b42a5c5c8b47b2/html5/thumbnails/14.jpg)
BENCHMARK
![Page 15: Redesign de "Il Fatto Quotidiano"](https://reader035.fdocuments.in/reader035/viewer/2022062405/5578e2f7d8b42a5c5c8b47b2/html5/thumbnails/15.jpg)
SCOPIRequisiti
FunzionaliRequisiti
di Contenuto
Classificazione Articoli
attraverso tag
Gestione Rotazione Editoriale
Soluzioni
CMS: WordPress
![Page 16: Redesign de "Il Fatto Quotidiano"](https://reader035.fdocuments.in/reader035/viewer/2022062405/5578e2f7d8b42a5c5c8b47b2/html5/thumbnails/16.jpg)
ITERAZIONE 1 • Fase grezza:implementazione
e sviluppo mockup lo-fi.
• Fast paper prototyping
• Output: mockup homepage, pagina dettaglio prodotto e architettura informazione
![Page 17: Redesign de "Il Fatto Quotidiano"](https://reader035.fdocuments.in/reader035/viewer/2022062405/5578e2f7d8b42a5c5c8b47b2/html5/thumbnails/17.jpg)
IA
Card Sorting per testare l’attuale architettura dell’informazionee raccolta evidenze per sistemazione dell'alberatura
![Page 18: Redesign de "Il Fatto Quotidiano"](https://reader035.fdocuments.in/reader035/viewer/2022062405/5578e2f7d8b42a5c5c8b47b2/html5/thumbnails/18.jpg)
ITERAZIONE II !• Definizione modalità di
interazione, quindi della modalità di presentazione informazioni, navigazione e interfaccia
• Implementazione architettura dell’informazione
![Page 19: Redesign de "Il Fatto Quotidiano"](https://reader035.fdocuments.in/reader035/viewer/2022062405/5578e2f7d8b42a5c5c8b47b2/html5/thumbnails/19.jpg)
IA
![Page 20: Redesign de "Il Fatto Quotidiano"](https://reader035.fdocuments.in/reader035/viewer/2022062405/5578e2f7d8b42a5c5c8b47b2/html5/thumbnails/20.jpg)
HOMEPAGE
![Page 21: Redesign de "Il Fatto Quotidiano"](https://reader035.fdocuments.in/reader035/viewer/2022062405/5578e2f7d8b42a5c5c8b47b2/html5/thumbnails/21.jpg)
NEXT STEP
![Page 22: Redesign de "Il Fatto Quotidiano"](https://reader035.fdocuments.in/reader035/viewer/2022062405/5578e2f7d8b42a5c5c8b47b2/html5/thumbnails/22.jpg)
THANKSFollow us: @RaineriIrene @BollellAnna @danny_martucci @davidelochis
* Se le immagini violassero qualsiasi copyright, contattare la mail [email protected] per segnalare il problema