Redesign "il Fatto Quotidiano"
-
Upload
davide-lochis -
Category
Design
-
view
244 -
download
4
description
Transcript of Redesign "il Fatto Quotidiano"
![Page 1: Redesign "il Fatto Quotidiano"](https://reader033.fdocuments.in/reader033/viewer/2022042614/559cf1cf1a28ab545a8b4831/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 "il Fatto Quotidiano"](https://reader033.fdocuments.in/reader033/viewer/2022042614/559cf1cf1a28ab545a8b4831/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 "il Fatto Quotidiano"](https://reader033.fdocuments.in/reader033/viewer/2022042614/559cf1cf1a28ab545a8b4831/html5/thumbnails/3.jpg)
Fact-Checking
Lettore de “il Fatto Quotidiano”UTENTI
In mobilità
Critico Informato
“Anti-Sistema” (mediatico)
![Page 4: Redesign "il Fatto Quotidiano"](https://reader033.fdocuments.in/reader033/viewer/2022042614/559cf1cf1a28ab545a8b4831/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 "il Fatto Quotidiano"](https://reader033.fdocuments.in/reader033/viewer/2022042614/559cf1cf1a28ab545a8b4831/html5/thumbnails/5.jpg)
SOLUZIONE Un sito full responsive “mobile first”
![Page 6: Redesign "il Fatto Quotidiano"](https://reader033.fdocuments.in/reader033/viewer/2022042614/559cf1cf1a28ab545a8b4831/html5/thumbnails/6.jpg)
DESKTOP
![Page 7: Redesign "il Fatto Quotidiano"](https://reader033.fdocuments.in/reader033/viewer/2022042614/559cf1cf1a28ab545a8b4831/html5/thumbnails/7.jpg)
DESKTOP
![Page 8: Redesign "il Fatto Quotidiano"](https://reader033.fdocuments.in/reader033/viewer/2022042614/559cf1cf1a28ab545a8b4831/html5/thumbnails/8.jpg)
TABLET
![Page 9: Redesign "il Fatto Quotidiano"](https://reader033.fdocuments.in/reader033/viewer/2022042614/559cf1cf1a28ab545a8b4831/html5/thumbnails/9.jpg)
PHONE
![Page 10: Redesign "il Fatto Quotidiano"](https://reader033.fdocuments.in/reader033/viewer/2022042614/559cf1cf1a28ab545a8b4831/html5/thumbnails/10.jpg)
Irene Ranieri IA Specialist
Anna BollellaInteraction Designer
Danny MartucciUX Specialist
Davide Lochis User Researcher
TEAM
![Page 11: Redesign "il Fatto Quotidiano"](https://reader033.fdocuments.in/reader033/viewer/2022042614/559cf1cf1a28ab545a8b4831/html5/thumbnails/11.jpg)
YOUTEAM
In an agile worldthe client is part of the team
![Page 12: Redesign "il Fatto Quotidiano"](https://reader033.fdocuments.in/reader033/viewer/2022042614/559cf1cf1a28ab545a8b4831/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 "il Fatto Quotidiano"](https://reader033.fdocuments.in/reader033/viewer/2022042614/559cf1cf1a28ab545a8b4831/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 "il Fatto Quotidiano"](https://reader033.fdocuments.in/reader033/viewer/2022042614/559cf1cf1a28ab545a8b4831/html5/thumbnails/14.jpg)
BENCHMARK
![Page 15: Redesign "il Fatto Quotidiano"](https://reader033.fdocuments.in/reader033/viewer/2022042614/559cf1cf1a28ab545a8b4831/html5/thumbnails/15.jpg)
SCOPIRequisiti
FunzionaliRequisiti
di Contenuto
Classificazione Articoli
attraverso tag
Gestione Rotazione Editoriale
Soluzioni
CMS: WordPress
![Page 16: Redesign "il Fatto Quotidiano"](https://reader033.fdocuments.in/reader033/viewer/2022042614/559cf1cf1a28ab545a8b4831/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 "il Fatto Quotidiano"](https://reader033.fdocuments.in/reader033/viewer/2022042614/559cf1cf1a28ab545a8b4831/html5/thumbnails/17.jpg)
IA
Card Sorting per testare l’attuale architettura dell’informazionee raccolta evidenze per sistemazione dell'alberatura
![Page 18: Redesign "il Fatto Quotidiano"](https://reader033.fdocuments.in/reader033/viewer/2022042614/559cf1cf1a28ab545a8b4831/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 "il Fatto Quotidiano"](https://reader033.fdocuments.in/reader033/viewer/2022042614/559cf1cf1a28ab545a8b4831/html5/thumbnails/19.jpg)
IA
![Page 20: Redesign "il Fatto Quotidiano"](https://reader033.fdocuments.in/reader033/viewer/2022042614/559cf1cf1a28ab545a8b4831/html5/thumbnails/20.jpg)
HOMEPAGE
![Page 21: Redesign "il Fatto Quotidiano"](https://reader033.fdocuments.in/reader033/viewer/2022042614/559cf1cf1a28ab545a8b4831/html5/thumbnails/21.jpg)
NEXT STEP
![Page 22: Redesign "il Fatto Quotidiano"](https://reader033.fdocuments.in/reader033/viewer/2022042614/559cf1cf1a28ab545a8b4831/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