SlideShare a Scribd company logo
1 of 12
Download to read offline
Laboratorio
Web Journalism
Domande?
Scrivere
per il web
DESIGN REDAZIONALE



Si usa il web, con poche eccezioni, perché è
utile, non perché è bello. Naturalmente, un sito
visivamente gradevole è un bene; ma la qualità
del contenuto è meglio. Se ci pensate, in un
motore di ricerca, non si cercano attributi estetici,
ma informazioni. [...] La regola dell’usabilità vale
per la redazione quanto per il design: gli utenti
preferiscono la chiarezza alla confusione.

Jakob Nielsen
Web Usability 2.0
PROGETTAZIONE DEL CONTENUTO TESTUALE



La progettazione
del testo scritto è fondamentale:
•	assegna valore e struttura semantica al contenuto
•	facilita accessibilità e fruibilità delle informazioni
PROGETTAZIONE DEL CONTENUTO TESTUALE | STRUTTURA



Il principale strumento per definire la struttura
gerarchica (e semantica) di un testo web è html
(hypertext markup language).
PROGETTAZIONE DEL CONTENUTO TESTUALE | STRUTTURA



<h1>Primo titolo</h1>
<h2>Secondo titolo</h2>
<h3>Terzo titolo</h3>
<p>paragrafo</p>
<strong>Testo in evidenza</strong>
<ul>Lista non ordinata
   <li>punto della lista</li>
</ul>
<ol>Lista ordinata
   <li>punto della lista</li>
</ol>
<a href=”http://www.prova.it”>link</a>
PROGETTAZIONE DEL CONTENUTO TESTUALE | TECNICHE DI SCRITTURA



Capire come leggono gli utenti
•	 non cercano le informazioni in modo lineare
•	 cercano un punto che possa fornire una risposta al loro bisogno formativo,
   concentrano li la loro attenzione e ignorano il resto
•	 non entrano subito nel dettaglio, prima danno una scorsa per farsi un’idea


I contenuti devono
•	 svelare rapidamente l’argomento trattato
•	 comunicare il massimo, in modo comprensibile, già alla prima scorsa
•	 parlare un linguaggio semplice, non tecnicistico e/o gergale
•	 fornire delle informazioni, non vendere qualcosa (piano con l’enfasi)
PROGETTAZIONE DEL CONTENUTO TESTUALE | TECNICHE DI SCRITTURA



Per strutturare correttamente un testo web è importante
•	 partire dalla conclusione, poi elencare i fatti che la sostengono
   (modello “piramide inversa”)
•	 inserire collegamenti ipertestuali che facciano capire all’utente a quale
   contenuto accederà quando ci cliccherà sopra
•	 formattare il testo perchè sia sempre leggibile
•	 evidenziare le parole chiave
•	 inserire titoli e intestazioni intermedi, se possibile supportati
   da brevi descrizioni
•	 usare liste puntate e/o numerate
•	 scrivere paragrafi e periodi brevi
COMPITI A CASA



•	strutturare correttamente i contenuti testuali
  dei post scritti e inseriti sul blog provvisorio
AI
   Architettura
delle informazioni
ESERCITAZIONE E CONTATTI




http://reteattiva.org/webjournalism/

macsis@reteattiva.org

More Related Content

Viewers also liked

Collaboration PowerPoint slides
Collaboration PowerPoint slidesCollaboration PowerPoint slides
Collaboration PowerPoint slideseisolomon
 
Visual and Creative Thinking:What We Learned From Peter Pan and Willy Wonka
Visual and Creative Thinking:What We Learned From Peter Pan and Willy WonkaVisual and Creative Thinking:What We Learned From Peter Pan and Willy Wonka
Visual and Creative Thinking:What We Learned From Peter Pan and Willy WonkaKelsey Ruger
 
31 Quotes To Celebrate Teamwork and Collaboration
31 Quotes To Celebrate Teamwork and Collaboration31 Quotes To Celebrate Teamwork and Collaboration
31 Quotes To Celebrate Teamwork and CollaborationHubSpot
 
Team Building PowerPoint PPT Content Modern Sample
Team Building PowerPoint PPT Content Modern SampleTeam Building PowerPoint PPT Content Modern Sample
Team Building PowerPoint PPT Content Modern SampleAndrew Schwartz
 
Social Media
Social MediaSocial Media
Social MediaAlex Wong
 
What Would Steve Do? 10 Lessons from the World's Most Captivating Presenters
What Would Steve Do? 10 Lessons from the World's Most Captivating PresentersWhat Would Steve Do? 10 Lessons from the World's Most Captivating Presenters
What Would Steve Do? 10 Lessons from the World's Most Captivating PresentersHubSpot
 
Designing Teams for Emerging Challenges
Designing Teams for Emerging ChallengesDesigning Teams for Emerging Challenges
Designing Teams for Emerging ChallengesAaron Irizarry
 
Visual Design with Data
Visual Design with DataVisual Design with Data
Visual Design with DataSeth Familian
 

Viewers also liked (13)

Collaboration PowerPoint slides
Collaboration PowerPoint slidesCollaboration PowerPoint slides
Collaboration PowerPoint slides
 
Visual and Creative Thinking:What We Learned From Peter Pan and Willy Wonka
Visual and Creative Thinking:What We Learned From Peter Pan and Willy WonkaVisual and Creative Thinking:What We Learned From Peter Pan and Willy Wonka
Visual and Creative Thinking:What We Learned From Peter Pan and Willy Wonka
 
What is strategy?
What is strategy?What is strategy?
What is strategy?
 
Team management
Team managementTeam management
Team management
 
31 Quotes To Celebrate Teamwork and Collaboration
31 Quotes To Celebrate Teamwork and Collaboration31 Quotes To Celebrate Teamwork and Collaboration
31 Quotes To Celebrate Teamwork and Collaboration
 
Team Building PowerPoint PPT Content Modern Sample
Team Building PowerPoint PPT Content Modern SampleTeam Building PowerPoint PPT Content Modern Sample
Team Building PowerPoint PPT Content Modern Sample
 
Social Media
Social MediaSocial Media
Social Media
 
Business Model Innovation Matters
Business Model Innovation MattersBusiness Model Innovation Matters
Business Model Innovation Matters
 
You Suck At PowerPoint! by @jessedee
You Suck At PowerPoint! by @jessedeeYou Suck At PowerPoint! by @jessedee
You Suck At PowerPoint! by @jessedee
 
What Would Steve Do? 10 Lessons from the World's Most Captivating Presenters
What Would Steve Do? 10 Lessons from the World's Most Captivating PresentersWhat Would Steve Do? 10 Lessons from the World's Most Captivating Presenters
What Would Steve Do? 10 Lessons from the World's Most Captivating Presenters
 
How Google Works
How Google WorksHow Google Works
How Google Works
 
Designing Teams for Emerging Challenges
Designing Teams for Emerging ChallengesDesigning Teams for Emerging Challenges
Designing Teams for Emerging Challenges
 
Visual Design with Data
Visual Design with DataVisual Design with Data
Visual Design with Data
 

Similar to Laboratorio Web Journalism | 01 aprile 2011

Come Creare un Contenuto Seo Oriented - Live per Emanuele Tolomei
Come Creare un Contenuto Seo Oriented - Live per Emanuele TolomeiCome Creare un Contenuto Seo Oriented - Live per Emanuele Tolomei
Come Creare un Contenuto Seo Oriented - Live per Emanuele TolomeiVerdiana Amorosi - SEO Consultant
 
Wireframe e struttura del sito internet
Wireframe e struttura del sito internetWireframe e struttura del sito internet
Wireframe e struttura del sito internetDaniele Moraschi
 
Progettazione e realizzazione di siti web, a.a. 2014-2015, slide 34-90
Progettazione e realizzazione di siti web, a.a. 2014-2015, slide 34-90Progettazione e realizzazione di siti web, a.a. 2014-2015, slide 34-90
Progettazione e realizzazione di siti web, a.a. 2014-2015, slide 34-90Paolo Sordi
 
Scrittura seo e scrittura accessibile
Scrittura seo e scrittura accessibileScrittura seo e scrittura accessibile
Scrittura seo e scrittura accessibileNicola Rabbi
 
Corso seo 2 - Free
Corso seo 2 - FreeCorso seo 2 - Free
Corso seo 2 - Freewebenjoy
 
Laboratorio Web Oriented
Laboratorio Web Oriented Laboratorio Web Oriented
Laboratorio Web Oriented Matteo Ziviani
 
Web writing per traduttori
Web writing per traduttoriWeb writing per traduttori
Web writing per traduttoriAndrea Spila
 
Seo e Web Marketing - 2 | WebMaster & WebDesigner
Seo e Web Marketing - 2 | WebMaster & WebDesignerSeo e Web Marketing - 2 | WebMaster & WebDesigner
Seo e Web Marketing - 2 | WebMaster & WebDesignerMatteo Magni
 
6 - Wordpress e vostro blog
6 - Wordpress e vostro blog6 - Wordpress e vostro blog
6 - Wordpress e vostro blogGiuseppe Vizzari
 
Introduzione al web writing
Introduzione al web writingIntroduzione al web writing
Introduzione al web writingAndrea Spila
 
WEBINAR - STRATEGIE SEO PER L'ECOMMERCE
WEBINAR - STRATEGIE SEO PER L'ECOMMERCEWEBINAR - STRATEGIE SEO PER L'ECOMMERCE
WEBINAR - STRATEGIE SEO PER L'ECOMMERCERoberto Di Stefano
 
Saltando tra le SERP: Un trampolino SEO
Saltando tra le SERP: Un trampolino SEOSaltando tra le SERP: Un trampolino SEO
Saltando tra le SERP: Un trampolino SEOSemrush
 

Similar to Laboratorio Web Journalism | 01 aprile 2011 (20)

Come Creare un Contenuto Seo Oriented - Live per Emanuele Tolomei
Come Creare un Contenuto Seo Oriented - Live per Emanuele TolomeiCome Creare un Contenuto Seo Oriented - Live per Emanuele Tolomei
Come Creare un Contenuto Seo Oriented - Live per Emanuele Tolomei
 
Lezione 03/2006
Lezione 03/2006Lezione 03/2006
Lezione 03/2006
 
Wireframe e struttura del sito internet
Wireframe e struttura del sito internetWireframe e struttura del sito internet
Wireframe e struttura del sito internet
 
Progettazione e realizzazione di siti web, a.a. 2014-2015, slide 34-90
Progettazione e realizzazione di siti web, a.a. 2014-2015, slide 34-90Progettazione e realizzazione di siti web, a.a. 2014-2015, slide 34-90
Progettazione e realizzazione di siti web, a.a. 2014-2015, slide 34-90
 
Scrittura seo e scrittura accessibile
Scrittura seo e scrittura accessibileScrittura seo e scrittura accessibile
Scrittura seo e scrittura accessibile
 
Web writing
Web writingWeb writing
Web writing
 
Corso seo 2 - Free
Corso seo 2 - FreeCorso seo 2 - Free
Corso seo 2 - Free
 
Web Quest
Web QuestWeb Quest
Web Quest
 
La scuola pubblic@ – La cassetta degli attrezzi per l’editoria web nella scuola
La scuola pubblic@ – La cassetta degli attrezzi per l’editoria web nella scuolaLa scuola pubblic@ – La cassetta degli attrezzi per l’editoria web nella scuola
La scuola pubblic@ – La cassetta degli attrezzi per l’editoria web nella scuola
 
Laboratorio Web Oriented
Laboratorio Web Oriented Laboratorio Web Oriented
Laboratorio Web Oriented
 
Web writing per traduttori
Web writing per traduttoriWeb writing per traduttori
Web writing per traduttori
 
Corso di HTML5 e CSS
Corso di HTML5 e CSSCorso di HTML5 e CSS
Corso di HTML5 e CSS
 
Seo e Web Marketing - 2 | WebMaster & WebDesigner
Seo e Web Marketing - 2 | WebMaster & WebDesignerSeo e Web Marketing - 2 | WebMaster & WebDesigner
Seo e Web Marketing - 2 | WebMaster & WebDesigner
 
6 - Wordpress e vostro blog
6 - Wordpress e vostro blog6 - Wordpress e vostro blog
6 - Wordpress e vostro blog
 
Introduzione al web writing
Introduzione al web writingIntroduzione al web writing
Introduzione al web writing
 
WEBINAR - STRATEGIE SEO PER L'ECOMMERCE
WEBINAR - STRATEGIE SEO PER L'ECOMMERCEWEBINAR - STRATEGIE SEO PER L'ECOMMERCE
WEBINAR - STRATEGIE SEO PER L'ECOMMERCE
 
Intranet blog
Intranet blogIntranet blog
Intranet blog
 
Ho deciso, apro blog
Ho deciso, apro blogHo deciso, apro blog
Ho deciso, apro blog
 
Pillole seo
Pillole seoPillole seo
Pillole seo
 
Saltando tra le SERP: Un trampolino SEO
Saltando tra le SERP: Un trampolino SEOSaltando tra le SERP: Un trampolino SEO
Saltando tra le SERP: Un trampolino SEO
 

More from Macsis

Laboratorio web journalism | 18 marzo 2011
Laboratorio web journalism | 18 marzo 2011Laboratorio web journalism | 18 marzo 2011
Laboratorio web journalism | 18 marzo 2011Macsis
 
Laboratorio Web journalism | 12 marzo 2011
Laboratorio Web journalism | 12 marzo 2011Laboratorio Web journalism | 12 marzo 2011
Laboratorio Web journalism | 12 marzo 2011Macsis
 
Laboratorio Web Journalism | 25 febbraio 2011
Laboratorio Web Journalism | 25 febbraio 2011Laboratorio Web Journalism | 25 febbraio 2011
Laboratorio Web Journalism | 25 febbraio 2011Macsis
 
Laboratorio Web Journalism | 28 gennaio 2011
Laboratorio Web Journalism | 28 gennaio 2011Laboratorio Web Journalism | 28 gennaio 2011
Laboratorio Web Journalism | 28 gennaio 2011Macsis
 
Laboratorio Web Journalism | 14 gennaio 2011
Laboratorio Web Journalism | 14 gennaio 2011Laboratorio Web Journalism | 14 gennaio 2011
Laboratorio Web Journalism | 14 gennaio 2011Macsis
 
Laboratorio Web Journalism | 17 dicembre 2010
Laboratorio Web Journalism | 17 dicembre 2010Laboratorio Web Journalism | 17 dicembre 2010
Laboratorio Web Journalism | 17 dicembre 2010Macsis
 

More from Macsis (6)

Laboratorio web journalism | 18 marzo 2011
Laboratorio web journalism | 18 marzo 2011Laboratorio web journalism | 18 marzo 2011
Laboratorio web journalism | 18 marzo 2011
 
Laboratorio Web journalism | 12 marzo 2011
Laboratorio Web journalism | 12 marzo 2011Laboratorio Web journalism | 12 marzo 2011
Laboratorio Web journalism | 12 marzo 2011
 
Laboratorio Web Journalism | 25 febbraio 2011
Laboratorio Web Journalism | 25 febbraio 2011Laboratorio Web Journalism | 25 febbraio 2011
Laboratorio Web Journalism | 25 febbraio 2011
 
Laboratorio Web Journalism | 28 gennaio 2011
Laboratorio Web Journalism | 28 gennaio 2011Laboratorio Web Journalism | 28 gennaio 2011
Laboratorio Web Journalism | 28 gennaio 2011
 
Laboratorio Web Journalism | 14 gennaio 2011
Laboratorio Web Journalism | 14 gennaio 2011Laboratorio Web Journalism | 14 gennaio 2011
Laboratorio Web Journalism | 14 gennaio 2011
 
Laboratorio Web Journalism | 17 dicembre 2010
Laboratorio Web Journalism | 17 dicembre 2010Laboratorio Web Journalism | 17 dicembre 2010
Laboratorio Web Journalism | 17 dicembre 2010
 

Laboratorio Web Journalism | 01 aprile 2011

  • 4. DESIGN REDAZIONALE Si usa il web, con poche eccezioni, perché è utile, non perché è bello. Naturalmente, un sito visivamente gradevole è un bene; ma la qualità del contenuto è meglio. Se ci pensate, in un motore di ricerca, non si cercano attributi estetici, ma informazioni. [...] La regola dell’usabilità vale per la redazione quanto per il design: gli utenti preferiscono la chiarezza alla confusione. Jakob Nielsen Web Usability 2.0
  • 5. PROGETTAZIONE DEL CONTENUTO TESTUALE La progettazione del testo scritto è fondamentale: • assegna valore e struttura semantica al contenuto • facilita accessibilità e fruibilità delle informazioni
  • 6. PROGETTAZIONE DEL CONTENUTO TESTUALE | STRUTTURA Il principale strumento per definire la struttura gerarchica (e semantica) di un testo web è html (hypertext markup language).
  • 7. PROGETTAZIONE DEL CONTENUTO TESTUALE | STRUTTURA <h1>Primo titolo</h1> <h2>Secondo titolo</h2> <h3>Terzo titolo</h3> <p>paragrafo</p> <strong>Testo in evidenza</strong> <ul>Lista non ordinata <li>punto della lista</li> </ul> <ol>Lista ordinata <li>punto della lista</li> </ol> <a href=”http://www.prova.it”>link</a>
  • 8. PROGETTAZIONE DEL CONTENUTO TESTUALE | TECNICHE DI SCRITTURA Capire come leggono gli utenti • non cercano le informazioni in modo lineare • cercano un punto che possa fornire una risposta al loro bisogno formativo, concentrano li la loro attenzione e ignorano il resto • non entrano subito nel dettaglio, prima danno una scorsa per farsi un’idea I contenuti devono • svelare rapidamente l’argomento trattato • comunicare il massimo, in modo comprensibile, già alla prima scorsa • parlare un linguaggio semplice, non tecnicistico e/o gergale • fornire delle informazioni, non vendere qualcosa (piano con l’enfasi)
  • 9. PROGETTAZIONE DEL CONTENUTO TESTUALE | TECNICHE DI SCRITTURA Per strutturare correttamente un testo web è importante • partire dalla conclusione, poi elencare i fatti che la sostengono (modello “piramide inversa”) • inserire collegamenti ipertestuali che facciano capire all’utente a quale contenuto accederà quando ci cliccherà sopra • formattare il testo perchè sia sempre leggibile • evidenziare le parole chiave • inserire titoli e intestazioni intermedi, se possibile supportati da brevi descrizioni • usare liste puntate e/o numerate • scrivere paragrafi e periodi brevi
  • 10. COMPITI A CASA • strutturare correttamente i contenuti testuali dei post scritti e inseriti sul blog provvisorio
  • 11. AI Architettura delle informazioni