SlideShare una empresa de Scribd logo
1 de 17
Writing for the Web
How people read online



  How do you read
      online?
How people read online




      They don’t.
How people read online




      They scan.

                     Why?
Screens & eye sight



 Computer
   vision
 syndrome

http://www.aoa.org/x5253.xml
Retina display; no glare displays




Will we read more in the future?
For now…
  How people read online

   Seek sth. specific
   They are impatient
   Headlines
   First sentences
Writing for the screen

Concise!
Chunked
Headlines
Meaningful links
Writing for the screen
Blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah,
      Concise!                               Informal
blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah,
blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah,
blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah,

      Clear                                  Organized
blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah,
blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah,
blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah,
blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah,

      Specific                               Captions
blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah,
blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah,
blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah,
blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah,

      Logical                                Simple
blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah,
blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah,
blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah
Inverted Pyramid Style

          Very important


          Less important


              Least
            important
Inverted pyramid style




          http://www.cybercollege.com/frtv/newsp2.htm
http://blog.vovici.com/blog/bid/25960/Structuring-Your-Survey-Report
Example


Same type of product


4 ways of explaining it
1
2
3
4

Más contenido relacionado

Destacado

Healthy Body Life
Healthy Body LifeHealthy Body Life
Healthy Body Lifecli0005
 
Social Business Advantage
Social Business AdvantageSocial Business Advantage
Social Business AdvantageLithium
 
Axiis Launch at 360 Flex
Axiis Launch at 360 FlexAxiis Launch at 360 Flex
Axiis Launch at 360 Flextwgonzalez
 
Будь активным!
Будь активным!Будь активным!
Будь активным!antirek
 
Yql Intercon 09
Yql Intercon 09Yql Intercon 09
Yql Intercon 09bzanchet
 
Science Centre ‘Refurbishments’ Presentation
Science Centre ‘Refurbishments’ PresentationScience Centre ‘Refurbishments’ Presentation
Science Centre ‘Refurbishments’ PresentationNSW BER IPO
 
Vocabulary "Learning & Careers"
Vocabulary "Learning & Careers"Vocabulary "Learning & Careers"
Vocabulary "Learning & Careers"andrea_ena
 
03 research project-outline_621
03 research project-outline_62103 research project-outline_621
03 research project-outline_621Dr. V Vorvoreanu
 
Lithium Get Real Tour - Chicago
Lithium Get Real Tour - ChicagoLithium Get Real Tour - Chicago
Lithium Get Real Tour - ChicagoLithium
 

Destacado (20)

excise interface design
excise interface designexcise interface design
excise interface design
 
Why social media
Why social mediaWhy social media
Why social media
 
11 info architecture
11 info architecture11 info architecture
11 info architecture
 
Ms in cgt very short
Ms in cgt very shortMs in cgt very short
Ms in cgt very short
 
Procurement
ProcurementProcurement
Procurement
 
Healthy Body Life
Healthy Body LifeHealthy Body Life
Healthy Body Life
 
navigation
navigationnavigation
navigation
 
Social Business Advantage
Social Business AdvantageSocial Business Advantage
Social Business Advantage
 
mobile usability
mobile usabilitymobile usability
mobile usability
 
Axiis Launch at 360 Flex
Axiis Launch at 360 FlexAxiis Launch at 360 Flex
Axiis Launch at 360 Flex
 
Будь активным!
Будь активным!Будь активным!
Будь активным!
 
Yql Intercon 09
Yql Intercon 09Yql Intercon 09
Yql Intercon 09
 
Twitter 101
Twitter 101Twitter 101
Twitter 101
 
Science Centre ‘Refurbishments’ Presentation
Science Centre ‘Refurbishments’ PresentationScience Centre ‘Refurbishments’ Presentation
Science Centre ‘Refurbishments’ Presentation
 
Vocabulary "Learning & Careers"
Vocabulary "Learning & Careers"Vocabulary "Learning & Careers"
Vocabulary "Learning & Careers"
 
Audit
AuditAudit
Audit
 
Module 6
Module 6Module 6
Module 6
 
Reporting
ReportingReporting
Reporting
 
03 research project-outline_621
03 research project-outline_62103 research project-outline_621
03 research project-outline_621
 
Lithium Get Real Tour - Chicago
Lithium Get Real Tour - ChicagoLithium Get Real Tour - Chicago
Lithium Get Real Tour - Chicago
 

Similar a 18 b writing for the web

Offshore outsourcing and Agile for AgileTour Vilnius
Offshore outsourcing and Agile for AgileTour VilniusOffshore outsourcing and Agile for AgileTour Vilnius
Offshore outsourcing and Agile for AgileTour VilniusAlexey Krivitsky
 
Super Duper Presentation Powers!
Super Duper Presentation Powers!Super Duper Presentation Powers!
Super Duper Presentation Powers!Andeel Ali
 
IWB Clarification
IWB ClarificationIWB Clarification
IWB Clarificationmrs-lee
 
Webpage Design Basics for Non-Designers
Webpage Design Basics for Non-DesignersWebpage Design Basics for Non-Designers
Webpage Design Basics for Non-DesignersMike Wilcox
 
Close Your Browser: Finding Inspiration In The Offline World
Close Your Browser: Finding Inspiration In The Offline WorldClose Your Browser: Finding Inspiration In The Offline World
Close Your Browser: Finding Inspiration In The Offline Worldelliotjaystocks
 
work/life: UX stream of consciousness
work/life: UX stream of consciousnesswork/life: UX stream of consciousness
work/life: UX stream of consciousnessjinmedia
 
Write or Die: A Masterclass In Writing Well
Write or Die: A Masterclass In Writing WellWrite or Die: A Masterclass In Writing Well
Write or Die: A Masterclass In Writing Wellberkun
 
Lessons From the Israeli Case-Study: It's All About Clusters! by Assaf Luxemb...
Lessons From the Israeli Case-Study: It's All About Clusters! by Assaf Luxemb...Lessons From the Israeli Case-Study: It's All About Clusters! by Assaf Luxemb...
Lessons From the Israeli Case-Study: It's All About Clusters! by Assaf Luxemb...Leadel
 
Back To Basics - Web standards and accessibility
Back To Basics - Web standards and accessibilityBack To Basics - Web standards and accessibility
Back To Basics - Web standards and accessibilityazcazandco
 
Thinking Reactively
Thinking ReactivelyThinking Reactively
Thinking ReactivelySabin Marcu
 
Mindhood presentation 2012
Mindhood presentation 2012Mindhood presentation 2012
Mindhood presentation 2012Mindhood
 
SEO, 社群與行銷 - SEO,VC,&EC
SEO, 社群與行銷 - SEO,VC,&ECSEO, 社群與行銷 - SEO,VC,&EC
SEO, 社群與行銷 - SEO,VC,&ECLawrenzo H.C. Huang
 
Presentation skills demo 1
Presentation skills demo 1Presentation skills demo 1
Presentation skills demo 1Rahul Guru
 
Player Dynamics: Insights into a Player's Lifecycle | Amit Bivas
Player Dynamics: Insights into a Player's Lifecycle | Amit BivasPlayer Dynamics: Insights into a Player's Lifecycle | Amit Bivas
Player Dynamics: Insights into a Player's Lifecycle | Amit BivasJessica Tams
 
Wireless communication dec 2009
Wireless communication dec 2009Wireless communication dec 2009
Wireless communication dec 2009Star Techno Hub
 
blue orange template ,,,,,,,,,,,,,,,,,,,
blue orange template ,,,,,,,,,,,,,,,,,,,blue orange template ,,,,,,,,,,,,,,,,,,,
blue orange template ,,,,,,,,,,,,,,,,,,,ssuser9604cb1
 
Pengobatan BAB Berdarah Yang Aman
Pengobatan BAB Berdarah Yang AmanPengobatan BAB Berdarah Yang Aman
Pengobatan BAB Berdarah Yang Amanfebyawalramdhani
 

Similar a 18 b writing for the web (20)

Offshore outsourcing and Agile for AgileTour Vilnius
Offshore outsourcing and Agile for AgileTour VilniusOffshore outsourcing and Agile for AgileTour Vilnius
Offshore outsourcing and Agile for AgileTour Vilnius
 
Super Duper Presentation Powers!
Super Duper Presentation Powers!Super Duper Presentation Powers!
Super Duper Presentation Powers!
 
IWB Clarification
IWB ClarificationIWB Clarification
IWB Clarification
 
Webpage Design Basics for Non-Designers
Webpage Design Basics for Non-DesignersWebpage Design Basics for Non-Designers
Webpage Design Basics for Non-Designers
 
Close Your Browser: Finding Inspiration In The Offline World
Close Your Browser: Finding Inspiration In The Offline WorldClose Your Browser: Finding Inspiration In The Offline World
Close Your Browser: Finding Inspiration In The Offline World
 
Bil conference jan 2009
Bil conference jan 2009Bil conference jan 2009
Bil conference jan 2009
 
work/life: UX stream of consciousness
work/life: UX stream of consciousnesswork/life: UX stream of consciousness
work/life: UX stream of consciousness
 
Write or Die: A Masterclass In Writing Well
Write or Die: A Masterclass In Writing WellWrite or Die: A Masterclass In Writing Well
Write or Die: A Masterclass In Writing Well
 
Lessons From the Israeli Case-Study: It's All About Clusters! by Assaf Luxemb...
Lessons From the Israeli Case-Study: It's All About Clusters! by Assaf Luxemb...Lessons From the Israeli Case-Study: It's All About Clusters! by Assaf Luxemb...
Lessons From the Israeli Case-Study: It's All About Clusters! by Assaf Luxemb...
 
Back To Basics - Web standards and accessibility
Back To Basics - Web standards and accessibilityBack To Basics - Web standards and accessibility
Back To Basics - Web standards and accessibility
 
Thinking Reactively
Thinking ReactivelyThinking Reactively
Thinking Reactively
 
εκπαιδευση 2.0
εκπαιδευση 2.0εκπαιδευση 2.0
εκπαιδευση 2.0
 
Mindhood presentation 2012
Mindhood presentation 2012Mindhood presentation 2012
Mindhood presentation 2012
 
SEO, 社群與行銷 - SEO,VC,&EC
SEO, 社群與行銷 - SEO,VC,&ECSEO, 社群與行銷 - SEO,VC,&EC
SEO, 社群與行銷 - SEO,VC,&EC
 
Presentation skills demo 1
Presentation skills demo 1Presentation skills demo 1
Presentation skills demo 1
 
Player Dynamics: Insights into a Player's Lifecycle | Amit Bivas
Player Dynamics: Insights into a Player's Lifecycle | Amit BivasPlayer Dynamics: Insights into a Player's Lifecycle | Amit Bivas
Player Dynamics: Insights into a Player's Lifecycle | Amit Bivas
 
Wireless communication dec 2009
Wireless communication dec 2009Wireless communication dec 2009
Wireless communication dec 2009
 
blue orange template ,,,,,,,,,,,,,,,,,,,
blue orange template ,,,,,,,,,,,,,,,,,,,blue orange template ,,,,,,,,,,,,,,,,,,,
blue orange template ,,,,,,,,,,,,,,,,,,,
 
Pengobatan BAB Berdarah Yang Aman
Pengobatan BAB Berdarah Yang AmanPengobatan BAB Berdarah Yang Aman
Pengobatan BAB Berdarah Yang Aman
 
MY LI TEST UPLOAD
MY LI TEST UPLOADMY LI TEST UPLOAD
MY LI TEST UPLOAD
 

Más de Dr. V Vorvoreanu

DIA2 Design requirements presentation personas
DIA2 Design requirements presentation personasDIA2 Design requirements presentation personas
DIA2 Design requirements presentation personasDr. V Vorvoreanu
 
07 principles 1 affordance
07 principles 1 affordance07 principles 1 affordance
07 principles 1 affordanceDr. V Vorvoreanu
 
HCDD for ASEE 2015 presentation
HCDD for ASEE 2015 presentationHCDD for ASEE 2015 presentation
HCDD for ASEE 2015 presentationDr. V Vorvoreanu
 
Responsive design UX intro
Responsive design UX introResponsive design UX intro
Responsive design UX introDr. V Vorvoreanu
 
Attention info scent recognition vs recall
Attention info scent recognition vs recallAttention info scent recognition vs recall
Attention info scent recognition vs recallDr. V Vorvoreanu
 
03 usability def designprocess
03 usability def designprocess03 usability def designprocess
03 usability def designprocessDr. V Vorvoreanu
 
UX Conceptual design - sketches, wireframes, mockups, prototypes
UX Conceptual design - sketches, wireframes, mockups, prototypesUX Conceptual design - sketches, wireframes, mockups, prototypes
UX Conceptual design - sketches, wireframes, mockups, prototypesDr. V Vorvoreanu
 
UX user-centered design process overview
UX user-centered design process overviewUX user-centered design process overview
UX user-centered design process overviewDr. V Vorvoreanu
 
26 social interaction design
26 social interaction design26 social interaction design
26 social interaction designDr. V Vorvoreanu
 
Sketches wireframes mockups prototypes
Sketches wireframes mockups prototypesSketches wireframes mockups prototypes
Sketches wireframes mockups prototypesDr. V Vorvoreanu
 

Más de Dr. V Vorvoreanu (20)

Dia2 tues persona
Dia2 tues persona Dia2 tues persona
Dia2 tues persona
 
Dia2 sketches
Dia2 sketchesDia2 sketches
Dia2 sketches
 
DIA2 Design requirements presentation personas
DIA2 Design requirements presentation personasDIA2 Design requirements presentation personas
DIA2 Design requirements presentation personas
 
gestalt principles cats
gestalt principles catsgestalt principles cats
gestalt principles cats
 
07 principles 1 affordance
07 principles 1 affordance07 principles 1 affordance
07 principles 1 affordance
 
HCDD for ASEE 2015 presentation
HCDD for ASEE 2015 presentationHCDD for ASEE 2015 presentation
HCDD for ASEE 2015 presentation
 
Controls
ControlsControls
Controls
 
Responsive design UX intro
Responsive design UX introResponsive design UX intro
Responsive design UX intro
 
Attention info scent recognition vs recall
Attention info scent recognition vs recallAttention info scent recognition vs recall
Attention info scent recognition vs recall
 
03 bad usability kills
03 bad usability kills03 bad usability kills
03 bad usability kills
 
03 usability def designprocess
03 usability def designprocess03 usability def designprocess
03 usability def designprocess
 
Information architecture
Information architectureInformation architecture
Information architecture
 
UX Conceptual design - sketches, wireframes, mockups, prototypes
UX Conceptual design - sketches, wireframes, mockups, prototypesUX Conceptual design - sketches, wireframes, mockups, prototypes
UX Conceptual design - sketches, wireframes, mockups, prototypes
 
Cgt 256 course review
Cgt 256 course reviewCgt 256 course review
Cgt 256 course review
 
Cross channel ux
Cross channel uxCross channel ux
Cross channel ux
 
UX user-centered design process overview
UX user-centered design process overviewUX user-centered design process overview
UX user-centered design process overview
 
26 social interaction design
26 social interaction design26 social interaction design
26 social interaction design
 
Purdue MS degree CGT
Purdue MS degree CGTPurdue MS degree CGT
Purdue MS degree CGT
 
Sketches wireframes mockups prototypes
Sketches wireframes mockups prototypesSketches wireframes mockups prototypes
Sketches wireframes mockups prototypes
 
11 info architecture-2014
11 info architecture-201411 info architecture-2014
11 info architecture-2014
 

18 b writing for the web

  • 2. How people read online How do you read online?
  • 3. How people read online They don’t.
  • 4. How people read online They scan. Why?
  • 5. Screens & eye sight Computer vision syndrome http://www.aoa.org/x5253.xml
  • 6. Retina display; no glare displays Will we read more in the future?
  • 7. For now… How people read online Seek sth. specific They are impatient Headlines First sentences
  • 8. Writing for the screen Concise! Chunked Headlines Meaningful links
  • 9. Writing for the screen Blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, Concise! Informal blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, Clear Organized blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, Specific Captions blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, Logical Simple blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah
  • 10. Inverted Pyramid Style Very important Less important Least important
  • 11. Inverted pyramid style http://www.cybercollege.com/frtv/newsp2.htm
  • 13. Example Same type of product 4 ways of explaining it
  • 14. 1
  • 15. 2
  • 16. 3
  • 17. 4