SlideShare a Scribd company logo
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

More Related Content

PPTX
writing for the web
PDF
Juggling
PDF
IRL: How Geeks Undermine Their Presentations & Conversations With Body Language
PDF
How to make Google Books at home
PPS
lustige_kids
PPT
Professional Persona
PDF
πολλαπλασιασμός φύλλα εργασίας α' τάξη
PPTX
Personal Branding, more important than ever - Kongossa Web Series - 2013-09-21
writing for the web
Juggling
IRL: How Geeks Undermine Their Presentations & Conversations With Body Language
How to make Google Books at home
lustige_kids
Professional Persona
πολλαπλασιασμός φύλλα εργασίας α' τάξη
Personal Branding, more important than ever - Kongossa Web Series - 2013-09-21

Viewers also liked (20)

KEY
excise interface design
PPT
Why social media
PPTX
11 info architecture
PPTX
Ms in cgt very short
PPT
Procurement
PPT
Healthy Body Life
KEY
navigation
PDF
Social Business Advantage
KEY
mobile usability
KEY
Axiis Launch at 360 Flex
PPTX
Будь активным!
PDF
Yql Intercon 09
KEY
Twitter 101
PDF
Science Centre ‘Refurbishments’ Presentation
ODP
Vocabulary "Learning & Careers"
PPT
PPSX
Module 6
PPT
Reporting
PPT
03 research project-outline_621
PPTX
Lithium Get Real Tour - Chicago
excise interface design
Why social media
11 info architecture
Ms in cgt very short
Procurement
Healthy Body Life
navigation
Social Business Advantage
mobile usability
Axiis Launch at 360 Flex
Будь активным!
Yql Intercon 09
Twitter 101
Science Centre ‘Refurbishments’ Presentation
Vocabulary "Learning & Careers"
Module 6
Reporting
03 research project-outline_621
Lithium Get Real Tour - Chicago
Ad

More from Dr. V Vorvoreanu (20)

PDF
Dia2 tues persona
PPTX
Dia2 sketches
PDF
DIA2 Design requirements presentation personas
PPTX
gestalt principles cats
PPTX
07 principles 1 affordance
PDF
HCDD for ASEE 2015 presentation
PPTX
PDF
Responsive design UX intro
PPTX
Attention info scent recognition vs recall
PPTX
03 bad usability kills
PPT
03 usability def designprocess
PDF
Information architecture
PPTX
UX Conceptual design - sketches, wireframes, mockups, prototypes
PPTX
Cgt 256 course review
PPTX
Cross channel ux
PPTX
UX user-centered design process overview
PDF
26 social interaction design
PDF
Purdue MS degree CGT
PPTX
Sketches wireframes mockups prototypes
PPTX
11 info architecture-2014
Dia2 tues persona
Dia2 sketches
DIA2 Design requirements presentation personas
gestalt principles cats
07 principles 1 affordance
HCDD for ASEE 2015 presentation
Responsive design UX intro
Attention info scent recognition vs recall
03 bad usability kills
03 usability def designprocess
Information architecture
UX Conceptual design - sketches, wireframes, mockups, prototypes
Cgt 256 course review
Cross channel ux
UX user-centered design process overview
26 social interaction design
Purdue MS degree CGT
Sketches wireframes mockups prototypes
11 info architecture-2014
Ad

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