SlideShare a Scribd company logo
1 of 134
Download to read offline
A Practical Guide to Awesome

Web Writing

      Follow me @mandiwise
A lot of writing on
the web kind of sucks.
But why does it suck?
It lacks focus and clarity
 It’s grammatically awkward
    It’s poorly structured
It’s not written for the reader
It lacks focus and clarity
 It’s grammatically awkward
    It’s poorly structured
It’s not written for the reader
It lacks focus and clarity
 It’s grammatically awkward
    It’s poorly structured
It’s not written for the reader
It lacks focus and clarity
 It’s grammatically awkward
    It’s poorly structured
It’s not written for the reader
3 Elements of Awesome Web Writing:
3 Elements of Awesome Web Writing:

             Style
3 Elements of Awesome Web Writing:

             Style

         Structure
3 Elements of Awesome Web Writing:

             Style

         Structure

         Substance
3 Elements of Awesome Web Writing:

             Style

         Structure

         Substance
ONE: STYLE
STYLE is the assemblage of words,
punctuation, and sentences to convey
        meaning in writing.
If you only take one thing away
from this presentation, take this...
Omit needless words
       (Struck, White & Kalman - The Elements of Style)
Omit needless words
           (Steve Krug - Don’t Make Me Think)
A few other style tips...
Write complete sentences
Independent Clause
Independent Clause
Contains a noun and a verb, and
 expresses a complete thought.
Independent Clause
Contains a noun and a verb, and
 expresses a complete thought.


      Dependent Clause
Independent Clause
  Contains a noun and a verb, and
   expresses a complete thought.


         Dependent Clause
Only modifies an independent clause,
    and cannot stand on its own.
This is NOT a complete sentence:
This is NOT a complete sentence:
Because grammar is interesting.
This is NOT a complete sentence:
Because grammar is interesting.


  This IS a complete sentence:
This is NOT a complete sentence:
Because grammar is interesting.


  This IS a complete sentence:
    We enjoyed the training
because grammar is interesting.
This is NOT a complete sentence:
     Because grammar is interesting.
                  “Because” makes this a dependent clause


       This IS a complete sentence:
         We enjoyed the training Independent
                                     clause

     because grammar is interesting.
 Dependent
clause again
Use commas and
semi-colons correctly
Use commas to:
Use commas to:
Join a dependent and an independent clause
Use commas to:
 Join a dependent and an independent clause
Join 2 independent clauses with a conjunction
Use commas to:
 Join a dependent and an independent clause
Join 2 independent clauses with a conjunction
        Separate items listed in a series
Use commas to:
 Join a dependent and an independent clause
Join 2 independent clauses with a conjunction
        Separate items listed in a series


            Use semi-colons to:
Use commas to:
 Join a dependent and an independent clause
Join 2 independent clauses with a conjunction
        Separate items listed in a series


             Use semi-colons to:
         Join 2 independent clauses
Use commas to:
 Join a dependent and an independent clause
Join 2 independent clauses with a conjunction
        Separate items listed in a series


            Use semi-colons to:
        Join 2 independent clauses
    Separate items listed in a long series
Ensure subjects and verbs
  agree with each other
Bad:
Bad:
Chocolate or vanilla taste best.
Bad:
Chocolate or vanilla taste best.


            Good:
Bad:
Chocolate or vanilla taste best.


            Good:
Chocolate or vanilla tastes best.
Bad:
Chocolate or vanilla taste best.


            Good:
Chocolate or vanilla tastes best.


          Also Good:
Bad:
Chocolate or vanilla taste best.


            Good:
Chocolate or vanilla tastes best.


          Also Good:
Chocolate and vanilla taste best.
Write statements in the
     positive form
Positive:
Positive:
She forgot
Positive:
She forgot


Negative:
Positive:
    She forgot


     Negative:
She didn’t remember
Use active voice
Passive:
Passive:
The event is being held in May.
Passive:
The event is being held in May.


            Active:
Passive:
The event is being held in May.


           Active:
The event takes place in May.
TIP:
 Watch for any tense of the
verb “to be” in your writing to
find passively voiced phrases.
Use exclamation points,
capitalization, and quotation
      marks sparingly
Use exclamation points to convey
        true excitement.
Use exclamation points to convey
        true excitement.


  Use capital letters for proper
   nouns, not common nouns.
Use exclamation points to convey
        true excitement.


  Use capital letters for proper
   nouns, not common nouns.


Use quotation marks for quotes.
Don’t try to be a professor
Your audience
needs to be able
to understand
what you write.
Avoid $10 words
and jargon.
Reread, revise, rewrite
(then rinse and repeat)
“The first draft of anything is shit.”


                            (Ernest Hemingway)
If possible, take
a break between
drafts so you
can revise with
fresh eyes.
A final word on style...
Tirelessly strive for clarity,
because a confused mind
always says no.
TWO: STRUCTURE
STRUCTURE is the organization of words
  and sentences into paragraphs, lists,
     headings, and sub-headings.
A major goal of structure is to
enhance readability, so live by
 this mantra when you write:
Your website
isn’t a report
(even if it is)
Yikes!
Painful truth time:
Painful truth time:
Most people aren’t going to
 read what you’ve written
How people read online:
How people read online:

     1) They scan
How people read online:

      1) They scan

2) They follow an F-shape
Photo credit: useit.com
How do we
 leverage these habits
through well-structured
     web writing?
Write effective headlines
Get to the point quickly
Create a visual hierarchy
page ID (1st level heading)
               2nd level
               heading

        3rd level heading

           bulleted list
BONUS!
HTML heading tags and
lists can help with site
 accessibility and SEO
A final word on structure...
Have a plan for organizing
 what you need to write
 before you start typing.
THREE: SUBSTANCE
SUBSTANCE is the subject matter,
message, and meaning of writing.
Substance boils down to 2 questions:
Substance boils down to 2 questions:

What am I writing (about)?
Substance boils down to 2 questions:

What am I writing (about)?

    Who am I writing for?
First, clarify the following:
First, clarify the following:

Are you creating content
    or writing copy?
Content vs. Copy
Content is “the formal
expression of information.”

              (Gerry McGovern - Killer Web Content)
Copy persuades people to
take some kind of action.
Content may be
educational, entertaining,
    or informative.
Copy is promotional.
Examples of web content:


Newsletter article
   Blog post
  About page
Examples of web copy:


 Advertisement
  Sales letter
 Landing page
Important caveat alert!
Important caveat alert!
Content and copy overlap
Important caveat alert!
Content and copy overlap


      Content   Copy
Important caveat alert!
Content and copy overlap


          Content             Copy



    strategic copy + valuable content = results!
Whether content or copy, the substance
 of web writing must accomplish one or
(better yet) both of the following things:
Support a key business objective

Support a user in completing a task


      (Adapted from Kristina Halvorson - Content Strategy for the Web)
What am I writing (about)?


 Support a key business objective

Support a user in completing a task
                                      Who am I writing for?




      (Adapted from Kristina Halvorson - Content Strategy for the Web)
People are on your site to
   complete a task...
People are on your site to
      complete a task...
Help them complete that task.
To do this, you
must write for
your audience,
not for yourself.
Now let’s bring it
   full circle!
Needless words muddy the
substance of web writing.
Two culprits of needless words:
Two culprits of needless words:

        1) Happy talk
Two culprits of needless words:

        1) Happy talk

       2) Instructions
Happy talk “conveys no useful
information, and focuses on saying how
great we are, as opposed to delineating
        what makes us great”
                      (Steve Krug - Don’t Make Me Think)
“The main thing you need to know about
instructions is that no one is going to read
  them—at least not until after repeated
attempts at ‘mudding through’ have failed”

                         (Steve Krug - Don’t Make Me Think)
How to get your point across to your audience:
How to get your point across to your audience:

       Words must be meaningful
             (not clever)
How to get your point across to your audience:

       Words must be meaningful
             (not clever)

      Links should be descriptive
          (avoid “click here”)
How to get your point across to your audience:
How to get your point across to your audience:

              Tell a story
  (our brains are wired for narrative)
How to get your point across to your audience:

              Tell a story
  (our brains are wired for narrative)

         Include a call to action
(tell people what they need to do next)
One last time now!
One last time now!

    Style
One last time now!

    Style

 Structure
One last time now!

    Style

 Structure

Substance
One last time now!

    Style

 Structure

Substance
That’s all folks!
  Questions?

More Related Content

What's hot

Content Writing Is Sexy And How To Get Some Sugar
Content Writing Is Sexy And How To Get Some SugarContent Writing Is Sexy And How To Get Some Sugar
Content Writing Is Sexy And How To Get Some SugarLawrence Tam
 
Basics of effective content writing
Basics of effective content writingBasics of effective content writing
Basics of effective content writingINDIAN SEO COMPANY
 
Writing for the web
Writing for the webWriting for the web
Writing for the webresyst
 
5 tips on how to write your academic project like a pro
5 tips on how to write your academic project like a pro5 tips on how to write your academic project like a pro
5 tips on how to write your academic project like a proTreat Assignment Help UK
 
How to Write a Blog
How to Write a BlogHow to Write a Blog
How to Write a BlogTodd Paton
 
Best to write Content! Basic rules to content writing
Best to write Content! Basic rules to content writingBest to write Content! Basic rules to content writing
Best to write Content! Basic rules to content writingPriyankka Deoo
 
Anyone Can Write: Writing for Content
Anyone Can Write: Writing for ContentAnyone Can Write: Writing for Content
Anyone Can Write: Writing for ContentCandace Loya
 
Customer Service Excellence Programme (Email)
Customer Service Excellence Programme (Email)Customer Service Excellence Programme (Email)
Customer Service Excellence Programme (Email)DavidGMontague
 
Basics of content writing
Basics of content writingBasics of content writing
Basics of content writingitalics
 
How to Write Articles that Grab and Keep Your Readers Attention
How to Write Articles that Grab and Keep Your Readers AttentionHow to Write Articles that Grab and Keep Your Readers Attention
How to Write Articles that Grab and Keep Your Readers AttentionPremlal Dewli
 
Effective Content Writing
Effective Content WritingEffective Content Writing
Effective Content WritingArun J Martin
 
Writing Content for eLearning
Writing Content for eLearningWriting Content for eLearning
Writing Content for eLearningYum Studio
 
Writing For The Web
Writing For The WebWriting For The Web
Writing For The WebMIP
 

What's hot (19)

Content Writing Is Sexy And How To Get Some Sugar
Content Writing Is Sexy And How To Get Some SugarContent Writing Is Sexy And How To Get Some Sugar
Content Writing Is Sexy And How To Get Some Sugar
 
Basics of effective content writing
Basics of effective content writingBasics of effective content writing
Basics of effective content writing
 
Writing for the web
Writing for the webWriting for the web
Writing for the web
 
5 tips on how to write your academic project like a pro
5 tips on how to write your academic project like a pro5 tips on how to write your academic project like a pro
5 tips on how to write your academic project like a pro
 
How to Write a Blog
How to Write a BlogHow to Write a Blog
How to Write a Blog
 
SEO Copywriting
SEO CopywritingSEO Copywriting
SEO Copywriting
 
Writing for the web
Writing for the webWriting for the web
Writing for the web
 
Writing for the Web
Writing for the WebWriting for the Web
Writing for the Web
 
Best to write Content! Basic rules to content writing
Best to write Content! Basic rules to content writingBest to write Content! Basic rules to content writing
Best to write Content! Basic rules to content writing
 
Anyone Can Write: Writing for Content
Anyone Can Write: Writing for ContentAnyone Can Write: Writing for Content
Anyone Can Write: Writing for Content
 
Customer Service Excellence Programme (Email)
Customer Service Excellence Programme (Email)Customer Service Excellence Programme (Email)
Customer Service Excellence Programme (Email)
 
Basics of content writing
Basics of content writingBasics of content writing
Basics of content writing
 
How to Write Articles that Grab and Keep Your Readers Attention
How to Write Articles that Grab and Keep Your Readers AttentionHow to Write Articles that Grab and Keep Your Readers Attention
How to Write Articles that Grab and Keep Your Readers Attention
 
Step 3: How To Write Your Content
Step 3: How To Write Your ContentStep 3: How To Write Your Content
Step 3: How To Write Your Content
 
Effective Content Writing
Effective Content WritingEffective Content Writing
Effective Content Writing
 
Writing Content for eLearning
Writing Content for eLearningWriting Content for eLearning
Writing Content for eLearning
 
Writing For The Web
Writing For The WebWriting For The Web
Writing For The Web
 
Writing for the Web
Writing for the WebWriting for the Web
Writing for the Web
 
content writing
content writingcontent writing
content writing
 

Viewers also liked

Writing for the Web, It's Not the Same!
Writing for the Web, It's Not the Same!Writing for the Web, It's Not the Same!
Writing for the Web, It's Not the Same!Charles Crouch
 
Multimedia Reporting
Multimedia ReportingMultimedia Reporting
Multimedia ReportingBrett Atwood
 
Journalism Curriculum Update
Journalism Curriculum UpdateJournalism Curriculum Update
Journalism Curriculum UpdateMindy McAdams
 
Multimedia Journalism Innovations in the Classroom
Multimedia Journalism Innovations in the ClassroomMultimedia Journalism Innovations in the Classroom
Multimedia Journalism Innovations in the ClassroomMindy McAdams
 
Writing for the Web: The Right Strategy
Writing for the Web: The Right StrategyWriting for the Web: The Right Strategy
Writing for the Web: The Right StrategyShay Howe
 
Trends in Multimedia Journalism - Indiana University Presentation
Trends in Multimedia Journalism - Indiana University PresentationTrends in Multimedia Journalism - Indiana University Presentation
Trends in Multimedia Journalism - Indiana University PresentationCindy Royal
 
One city, many gates: multimedia journalism in 2014
One city, many gates: multimedia journalism in 2014One city, many gates: multimedia journalism in 2014
One city, many gates: multimedia journalism in 2014Paul Bradshaw
 
Multimedia journalism may 2011
Multimedia journalism may 2011Multimedia journalism may 2011
Multimedia journalism may 2011Martin Hirst
 
TYPOGRAPHY 1 OVERVIEW (Intro to GD, Wk 4)
TYPOGRAPHY 1 OVERVIEW (Intro to GD, Wk 4)TYPOGRAPHY 1 OVERVIEW (Intro to GD, Wk 4)
TYPOGRAPHY 1 OVERVIEW (Intro to GD, Wk 4)Shawn Calvert
 
BASIC principles: multimedia journalism and narrative
BASIC principles: multimedia journalism and narrativeBASIC principles: multimedia journalism and narrative
BASIC principles: multimedia journalism and narrativePaul Bradshaw
 
Web Content Development Process - Best Practices
Web Content Development Process - Best PracticesWeb Content Development Process - Best Practices
Web Content Development Process - Best PracticesArnaud Dasprez
 
Principles of Design (part I) Gestalt Laws-Unity and Harmony
Principles of Design (part I) Gestalt Laws-Unity and Harmony Principles of Design (part I) Gestalt Laws-Unity and Harmony
Principles of Design (part I) Gestalt Laws-Unity and Harmony SAAD ALZAROONI, CM
 
Introduction to Typography
Introduction to TypographyIntroduction to Typography
Introduction to TypographyCasey Robertson
 
Yahya assignment 4
Yahya   assignment 4Yahya   assignment 4
Yahya assignment 4ygong
 
HyperText Transfer Protocol
HyperText Transfer ProtocolHyperText Transfer Protocol
HyperText Transfer Protocolponduse
 

Viewers also liked (20)

Writing for the Web, It's Not the Same!
Writing for the Web, It's Not the Same!Writing for the Web, It's Not the Same!
Writing for the Web, It's Not the Same!
 
Writing for the Web : Mark Shaw
Writing for the Web :  Mark ShawWriting for the Web :  Mark Shaw
Writing for the Web : Mark Shaw
 
Multimedia Reporting
Multimedia ReportingMultimedia Reporting
Multimedia Reporting
 
The Future of Print Journalism
The Future of Print JournalismThe Future of Print Journalism
The Future of Print Journalism
 
Journalism Curriculum Update
Journalism Curriculum UpdateJournalism Curriculum Update
Journalism Curriculum Update
 
Multimedia Journalism Innovations in the Classroom
Multimedia Journalism Innovations in the ClassroomMultimedia Journalism Innovations in the Classroom
Multimedia Journalism Innovations in the Classroom
 
Basics of typography - 1
Basics of typography - 1Basics of typography - 1
Basics of typography - 1
 
Multimedia journalism
Multimedia journalismMultimedia journalism
Multimedia journalism
 
Writing for the Web: The Right Strategy
Writing for the Web: The Right StrategyWriting for the Web: The Right Strategy
Writing for the Web: The Right Strategy
 
Trends in Multimedia Journalism - Indiana University Presentation
Trends in Multimedia Journalism - Indiana University PresentationTrends in Multimedia Journalism - Indiana University Presentation
Trends in Multimedia Journalism - Indiana University Presentation
 
One city, many gates: multimedia journalism in 2014
One city, many gates: multimedia journalism in 2014One city, many gates: multimedia journalism in 2014
One city, many gates: multimedia journalism in 2014
 
Multimedia journalism may 2011
Multimedia journalism may 2011Multimedia journalism may 2011
Multimedia journalism may 2011
 
TYPOGRAPHY 1 OVERVIEW (Intro to GD, Wk 4)
TYPOGRAPHY 1 OVERVIEW (Intro to GD, Wk 4)TYPOGRAPHY 1 OVERVIEW (Intro to GD, Wk 4)
TYPOGRAPHY 1 OVERVIEW (Intro to GD, Wk 4)
 
Typography on the Web
Typography on the WebTypography on the Web
Typography on the Web
 
BASIC principles: multimedia journalism and narrative
BASIC principles: multimedia journalism and narrativeBASIC principles: multimedia journalism and narrative
BASIC principles: multimedia journalism and narrative
 
Web Content Development Process - Best Practices
Web Content Development Process - Best PracticesWeb Content Development Process - Best Practices
Web Content Development Process - Best Practices
 
Principles of Design (part I) Gestalt Laws-Unity and Harmony
Principles of Design (part I) Gestalt Laws-Unity and Harmony Principles of Design (part I) Gestalt Laws-Unity and Harmony
Principles of Design (part I) Gestalt Laws-Unity and Harmony
 
Introduction to Typography
Introduction to TypographyIntroduction to Typography
Introduction to Typography
 
Yahya assignment 4
Yahya   assignment 4Yahya   assignment 4
Yahya assignment 4
 
HyperText Transfer Protocol
HyperText Transfer ProtocolHyperText Transfer Protocol
HyperText Transfer Protocol
 

Similar to A Practical Guide to Awesome Web Writing

Class 9 n writing workshop essay 2
Class 9 n writing workshop essay 2Class 9 n writing workshop essay 2
Class 9 n writing workshop essay 2jordanlachance
 
Class 9 n writing workshop essay 2
Class 9 n writing workshop essay 2Class 9 n writing workshop essay 2
Class 9 n writing workshop essay 2jordanlachance
 
How to Create Ebooks that Rock Your Business
How to Create Ebooks that Rock Your BusinessHow to Create Ebooks that Rock Your Business
How to Create Ebooks that Rock Your BusinessGay Merrill
 
Revision strategy-presentation
Revision strategy-presentationRevision strategy-presentation
Revision strategy-presentationjordanlachance
 
Class 9 n writing workshop essay 2
Class 9 n writing workshop essay 2Class 9 n writing workshop essay 2
Class 9 n writing workshop essay 2jordanlachance
 
Class 7 1 a add mla formatting videos and integrating video
Class 7 1 a add mla formatting videos and integrating videoClass 7 1 a add mla formatting videos and integrating video
Class 7 1 a add mla formatting videos and integrating videojordanlachance
 
Ewrt1 a f15 class 7
Ewrt1 a f15 class 7Ewrt1 a f15 class 7
Ewrt1 a f15 class 7grendel8729
 
Global accessibility awareness day 2021
Global accessibility awareness day 2021  Global accessibility awareness day 2021
Global accessibility awareness day 2021 Amy Czuba
 
Ewrt1 a w15 class 7
Ewrt1 a w15 class 7Ewrt1 a w15 class 7
Ewrt1 a w15 class 7grendel8729
 
Class 7 1 a writing workshop essay 2
Class 7 1 a writing workshop essay 2Class 7 1 a writing workshop essay 2
Class 7 1 a writing workshop essay 2jordanlachance
 
Class 9 n writing workshop essay 2
Class 9 n writing workshop essay 2Class 9 n writing workshop essay 2
Class 9 n writing workshop essay 2jordanlachance
 
Writing for the Web
Writing for the WebWriting for the Web
Writing for the WebPhil Buckley
 
Pietro Polsinelli - A developers' guide to writing blog posts
Pietro Polsinelli - A developers' guide to writing blog postsPietro Polsinelli - A developers' guide to writing blog posts
Pietro Polsinelli - A developers' guide to writing blog postsPietro Polsinelli
 
Class 9 n writing workshop essay 2
Class 9 n writing workshop essay 2Class 9 n writing workshop essay 2
Class 9 n writing workshop essay 2jordanlachance
 
Class 9 n writing workshop essay 2
Class 9 n writing workshop essay 2Class 9 n writing workshop essay 2
Class 9 n writing workshop essay 2jordanlachance
 
Class 7 1 a writing workshop essay 2
Class 7 1 a writing workshop essay 2Class 7 1 a writing workshop essay 2
Class 7 1 a writing workshop essay 2jordanlachance
 
Class 7 1 a add mla formatting videos and integrating video
Class 7 1 a add mla formatting videos and integrating videoClass 7 1 a add mla formatting videos and integrating video
Class 7 1 a add mla formatting videos and integrating videojordanlachance
 

Similar to A Practical Guide to Awesome Web Writing (20)

Class 9 n writing workshop essay 2
Class 9 n writing workshop essay 2Class 9 n writing workshop essay 2
Class 9 n writing workshop essay 2
 
Class 9 n writing workshop essay 2
Class 9 n writing workshop essay 2Class 9 n writing workshop essay 2
Class 9 n writing workshop essay 2
 
How to Create Ebooks that Rock Your Business
How to Create Ebooks that Rock Your BusinessHow to Create Ebooks that Rock Your Business
How to Create Ebooks that Rock Your Business
 
Revision strategy-presentation
Revision strategy-presentationRevision strategy-presentation
Revision strategy-presentation
 
Class 9 n writing workshop essay 2
Class 9 n writing workshop essay 2Class 9 n writing workshop essay 2
Class 9 n writing workshop essay 2
 
Class 7 1 a add mla formatting videos and integrating video
Class 7 1 a add mla formatting videos and integrating videoClass 7 1 a add mla formatting videos and integrating video
Class 7 1 a add mla formatting videos and integrating video
 
Ewrt1 a f15 class 7
Ewrt1 a f15 class 7Ewrt1 a f15 class 7
Ewrt1 a f15 class 7
 
Global accessibility awareness day 2021
Global accessibility awareness day 2021  Global accessibility awareness day 2021
Global accessibility awareness day 2021
 
Ewrt1 a w15 class 7
Ewrt1 a w15 class 7Ewrt1 a w15 class 7
Ewrt1 a w15 class 7
 
Class 7 1 a writing workshop essay 2
Class 7 1 a writing workshop essay 2Class 7 1 a writing workshop essay 2
Class 7 1 a writing workshop essay 2
 
Class 9 n writing workshop essay 2
Class 9 n writing workshop essay 2Class 9 n writing workshop essay 2
Class 9 n writing workshop essay 2
 
Class 18 1 a
Class 18 1 aClass 18 1 a
Class 18 1 a
 
Writing for the Web
Writing for the WebWriting for the Web
Writing for the Web
 
Effective writing
Effective writingEffective writing
Effective writing
 
Academic Writing (I Bimestre)
Academic Writing (I Bimestre)Academic Writing (I Bimestre)
Academic Writing (I Bimestre)
 
Pietro Polsinelli - A developers' guide to writing blog posts
Pietro Polsinelli - A developers' guide to writing blog postsPietro Polsinelli - A developers' guide to writing blog posts
Pietro Polsinelli - A developers' guide to writing blog posts
 
Class 9 n writing workshop essay 2
Class 9 n writing workshop essay 2Class 9 n writing workshop essay 2
Class 9 n writing workshop essay 2
 
Class 9 n writing workshop essay 2
Class 9 n writing workshop essay 2Class 9 n writing workshop essay 2
Class 9 n writing workshop essay 2
 
Class 7 1 a writing workshop essay 2
Class 7 1 a writing workshop essay 2Class 7 1 a writing workshop essay 2
Class 7 1 a writing workshop essay 2
 
Class 7 1 a add mla formatting videos and integrating video
Class 7 1 a add mla formatting videos and integrating videoClass 7 1 a add mla formatting videos and integrating video
Class 7 1 a add mla formatting videos and integrating video
 

Recently uploaded

Scientific Writing :Research Discourse
Scientific  Writing :Research  DiscourseScientific  Writing :Research  Discourse
Scientific Writing :Research DiscourseAnita GoswamiGiri
 
Daily Lesson Plan in Mathematics Quarter 4
Daily Lesson Plan in Mathematics Quarter 4Daily Lesson Plan in Mathematics Quarter 4
Daily Lesson Plan in Mathematics Quarter 4JOYLYNSAMANIEGO
 
4.16.24 21st Century Movements for Black Lives.pptx
4.16.24 21st Century Movements for Black Lives.pptx4.16.24 21st Century Movements for Black Lives.pptx
4.16.24 21st Century Movements for Black Lives.pptxmary850239
 
Reading and Writing Skills 11 quarter 4 melc 1
Reading and Writing Skills 11 quarter 4 melc 1Reading and Writing Skills 11 quarter 4 melc 1
Reading and Writing Skills 11 quarter 4 melc 1GloryAnnCastre1
 
Mythology Quiz-4th April 2024, Quiz Club NITW
Mythology Quiz-4th April 2024, Quiz Club NITWMythology Quiz-4th April 2024, Quiz Club NITW
Mythology Quiz-4th April 2024, Quiz Club NITWQuiz Club NITW
 
Decoding the Tweet _ Practical Criticism in the Age of Hashtag.pptx
Decoding the Tweet _ Practical Criticism in the Age of Hashtag.pptxDecoding the Tweet _ Practical Criticism in the Age of Hashtag.pptx
Decoding the Tweet _ Practical Criticism in the Age of Hashtag.pptxDhatriParmar
 
DIFFERENT BASKETRY IN THE PHILIPPINES PPT.pptx
DIFFERENT BASKETRY IN THE PHILIPPINES PPT.pptxDIFFERENT BASKETRY IN THE PHILIPPINES PPT.pptx
DIFFERENT BASKETRY IN THE PHILIPPINES PPT.pptxMichelleTuguinay1
 
Grade Three -ELLNA-REVIEWER-ENGLISH.pptx
Grade Three -ELLNA-REVIEWER-ENGLISH.pptxGrade Three -ELLNA-REVIEWER-ENGLISH.pptx
Grade Three -ELLNA-REVIEWER-ENGLISH.pptxkarenfajardo43
 
ARTERIAL BLOOD GAS ANALYSIS........pptx
ARTERIAL BLOOD  GAS ANALYSIS........pptxARTERIAL BLOOD  GAS ANALYSIS........pptx
ARTERIAL BLOOD GAS ANALYSIS........pptxAneriPatwari
 
Transaction Management in Database Management System
Transaction Management in Database Management SystemTransaction Management in Database Management System
Transaction Management in Database Management SystemChristalin Nelson
 
4.9.24 School Desegregation in Boston.pptx
4.9.24 School Desegregation in Boston.pptx4.9.24 School Desegregation in Boston.pptx
4.9.24 School Desegregation in Boston.pptxmary850239
 
Q-Factor General Quiz-7th April 2024, Quiz Club NITW
Q-Factor General Quiz-7th April 2024, Quiz Club NITWQ-Factor General Quiz-7th April 2024, Quiz Club NITW
Q-Factor General Quiz-7th April 2024, Quiz Club NITWQuiz Club NITW
 
Congestive Cardiac Failure..presentation
Congestive Cardiac Failure..presentationCongestive Cardiac Failure..presentation
Congestive Cardiac Failure..presentationdeepaannamalai16
 
CHEST Proprioceptive neuromuscular facilitation.pptx
CHEST Proprioceptive neuromuscular facilitation.pptxCHEST Proprioceptive neuromuscular facilitation.pptx
CHEST Proprioceptive neuromuscular facilitation.pptxAneriPatwari
 
How to Make a Duplicate of Your Odoo 17 Database
How to Make a Duplicate of Your Odoo 17 DatabaseHow to Make a Duplicate of Your Odoo 17 Database
How to Make a Duplicate of Your Odoo 17 DatabaseCeline George
 
31 ĐỀ THI THỬ VÀO LỚP 10 - TIẾNG ANH - FORM MỚI 2025 - 40 CÂU HỎI - BÙI VĂN V...
31 ĐỀ THI THỬ VÀO LỚP 10 - TIẾNG ANH - FORM MỚI 2025 - 40 CÂU HỎI - BÙI VĂN V...31 ĐỀ THI THỬ VÀO LỚP 10 - TIẾNG ANH - FORM MỚI 2025 - 40 CÂU HỎI - BÙI VĂN V...
31 ĐỀ THI THỬ VÀO LỚP 10 - TIẾNG ANH - FORM MỚI 2025 - 40 CÂU HỎI - BÙI VĂN V...Nguyen Thanh Tu Collection
 
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdf
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdfGrade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdf
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdfJemuel Francisco
 
Tree View Decoration Attribute in the Odoo 17
Tree View Decoration Attribute in the Odoo 17Tree View Decoration Attribute in the Odoo 17
Tree View Decoration Attribute in the Odoo 17Celine George
 

Recently uploaded (20)

Scientific Writing :Research Discourse
Scientific  Writing :Research  DiscourseScientific  Writing :Research  Discourse
Scientific Writing :Research Discourse
 
Daily Lesson Plan in Mathematics Quarter 4
Daily Lesson Plan in Mathematics Quarter 4Daily Lesson Plan in Mathematics Quarter 4
Daily Lesson Plan in Mathematics Quarter 4
 
4.16.24 21st Century Movements for Black Lives.pptx
4.16.24 21st Century Movements for Black Lives.pptx4.16.24 21st Century Movements for Black Lives.pptx
4.16.24 21st Century Movements for Black Lives.pptx
 
Reading and Writing Skills 11 quarter 4 melc 1
Reading and Writing Skills 11 quarter 4 melc 1Reading and Writing Skills 11 quarter 4 melc 1
Reading and Writing Skills 11 quarter 4 melc 1
 
Mythology Quiz-4th April 2024, Quiz Club NITW
Mythology Quiz-4th April 2024, Quiz Club NITWMythology Quiz-4th April 2024, Quiz Club NITW
Mythology Quiz-4th April 2024, Quiz Club NITW
 
Decoding the Tweet _ Practical Criticism in the Age of Hashtag.pptx
Decoding the Tweet _ Practical Criticism in the Age of Hashtag.pptxDecoding the Tweet _ Practical Criticism in the Age of Hashtag.pptx
Decoding the Tweet _ Practical Criticism in the Age of Hashtag.pptx
 
prashanth updated resume 2024 for Teaching Profession
prashanth updated resume 2024 for Teaching Professionprashanth updated resume 2024 for Teaching Profession
prashanth updated resume 2024 for Teaching Profession
 
DIFFERENT BASKETRY IN THE PHILIPPINES PPT.pptx
DIFFERENT BASKETRY IN THE PHILIPPINES PPT.pptxDIFFERENT BASKETRY IN THE PHILIPPINES PPT.pptx
DIFFERENT BASKETRY IN THE PHILIPPINES PPT.pptx
 
Grade Three -ELLNA-REVIEWER-ENGLISH.pptx
Grade Three -ELLNA-REVIEWER-ENGLISH.pptxGrade Three -ELLNA-REVIEWER-ENGLISH.pptx
Grade Three -ELLNA-REVIEWER-ENGLISH.pptx
 
ARTERIAL BLOOD GAS ANALYSIS........pptx
ARTERIAL BLOOD  GAS ANALYSIS........pptxARTERIAL BLOOD  GAS ANALYSIS........pptx
ARTERIAL BLOOD GAS ANALYSIS........pptx
 
Faculty Profile prashantha K EEE dept Sri Sairam college of Engineering
Faculty Profile prashantha K EEE dept Sri Sairam college of EngineeringFaculty Profile prashantha K EEE dept Sri Sairam college of Engineering
Faculty Profile prashantha K EEE dept Sri Sairam college of Engineering
 
Transaction Management in Database Management System
Transaction Management in Database Management SystemTransaction Management in Database Management System
Transaction Management in Database Management System
 
4.9.24 School Desegregation in Boston.pptx
4.9.24 School Desegregation in Boston.pptx4.9.24 School Desegregation in Boston.pptx
4.9.24 School Desegregation in Boston.pptx
 
Q-Factor General Quiz-7th April 2024, Quiz Club NITW
Q-Factor General Quiz-7th April 2024, Quiz Club NITWQ-Factor General Quiz-7th April 2024, Quiz Club NITW
Q-Factor General Quiz-7th April 2024, Quiz Club NITW
 
Congestive Cardiac Failure..presentation
Congestive Cardiac Failure..presentationCongestive Cardiac Failure..presentation
Congestive Cardiac Failure..presentation
 
CHEST Proprioceptive neuromuscular facilitation.pptx
CHEST Proprioceptive neuromuscular facilitation.pptxCHEST Proprioceptive neuromuscular facilitation.pptx
CHEST Proprioceptive neuromuscular facilitation.pptx
 
How to Make a Duplicate of Your Odoo 17 Database
How to Make a Duplicate of Your Odoo 17 DatabaseHow to Make a Duplicate of Your Odoo 17 Database
How to Make a Duplicate of Your Odoo 17 Database
 
31 ĐỀ THI THỬ VÀO LỚP 10 - TIẾNG ANH - FORM MỚI 2025 - 40 CÂU HỎI - BÙI VĂN V...
31 ĐỀ THI THỬ VÀO LỚP 10 - TIẾNG ANH - FORM MỚI 2025 - 40 CÂU HỎI - BÙI VĂN V...31 ĐỀ THI THỬ VÀO LỚP 10 - TIẾNG ANH - FORM MỚI 2025 - 40 CÂU HỎI - BÙI VĂN V...
31 ĐỀ THI THỬ VÀO LỚP 10 - TIẾNG ANH - FORM MỚI 2025 - 40 CÂU HỎI - BÙI VĂN V...
 
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdf
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdfGrade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdf
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdf
 
Tree View Decoration Attribute in the Odoo 17
Tree View Decoration Attribute in the Odoo 17Tree View Decoration Attribute in the Odoo 17
Tree View Decoration Attribute in the Odoo 17
 

A Practical Guide to Awesome Web Writing

Editor's Notes

  1. Web writing...\nIt’s important to tackle web writing as its own subject because writing for online media is in many ways completely different from how most people are taught how to write in school.\nAnd with so staff people at ARPA creating content for our online channels (websites, REConnect), it’s becoming more and more important for us all to be on the same page and writing using the same set of guiding principles.\nSo let’s get to it.\n
  2. Plain and simple....\n
  3. Well there’s actually some fairly consistent reasons for this:\n
  4. \n
  5. \n
  6. \n
  7. \n
  8. \n
  9. \n
  10. \n
  11. \n
  12. Not a step-by-step process.\nEach element feeds into and influences the other two (those should actually be double-ended arrows).\n
  13. \n
  14. \n
  15. \n
  16. \n
  17. \n
  18. The first handful of tips are related to grammar, but just bear with me, I promise to keep it short and sweet and not give a 30 minute lecture on grammar.\n
  19. \n
  20. \n
  21. Subject = noun\n
  22. \n
  23. I’ll illustrate this with an example...\n
  24. \n
  25. \n
  26. \n
  27. Here we have a dependent clause and an independent clause joined by a comma, which leads to my next style pointer...\n
  28. The word “because is known as a subordinating conjunction. Other subordinating conjunction include: since, as, although, though, while, and whereas.\n\nAlternatively you could but the dependent clause first, but you need to join it to the independent clause using a comma, which leads to my next style pointer...\n
  29. \n
  30. \n
  31. As noted in the previous example\n
  32. Coordinating conjunctions: for, and, nor, but, or, yet, so (FANBOYS!)\n
  33. As is typical of all non-journalistic writing in Canada and the US, we use the serial or oxford comma at ARPA! This is just a fancy way of saying you put a comma before the coordinating conjunction (usually and, or, or nor) and the last item in the series.\nHow this plays out: item 1 comma item 2 comma item 3 comma AND item 4. Always put that last comma in there.\n
  34. \n
  35. Join 2 independent clauses WITHOUT a coordinating conjunction. Basically this is how would join two complete sentences (but related) sentences together without adding any extra words.\n
  36. Where using commas would be confusing. For example, if you had list out the names and titles of a number people in a series, you could use commas to separate each name and its respective title, but then use a semi-colon for each name and title block.\nTo clarify with an example: Rick Curtis comma CEO semi-colon Terry Welsh comma ARPA President semi-colon AND Tim Burton comma ARPA Past-President.\n
  37. We’re lucky not to have a lot of verb conjugating to do in English EXCEPT in third-person singular where we add “s” (he readS, she readS). Normally this is fairly straight forward, there’s a common mistake people make with this...\n
  38. \n
  39. Writing “taste” without the S on the end implies that chocolate and vanilla are in a group together BUT the “or” in this sentence actually makes each item singular in relation to the verb, so you would actually use the singular form of the verb with the S on it, as so:\n
  40. \n
  41. \n
  42. \n
  43. Alternatively, if you switch out “or” for “and” you’re grouping chocolate and vanilla together, so the verb must take it’s plural form, and you drop the S from taste.\n
  44. *Wherever possible*\nThis is easiest to explain with an example:\n
  45. \n
  46. \n
  47. \n
  48. You can see this goes back to the needless words things, because your adding extra words to this phrase by writing it in the negative.\nMy next tip is a BIG one, because I see it abused every day:\n
  49. Active voice: The subject does the action designated by the verb\nPassive voice: The subject has action done on it\n
  50. \n
  51. “is being” makes it passive\n
  52. \n
  53. \n
  54. The exceptions... when it’s OK to use passive voice:\n- When you don’t know the doer\n- When we want the doer not to be the subject \n(e.g. Standard Time was invented in 1884)\n
  55. Inappropriate use of any of these is a major bugaboo of mine.\nThere’s a time and a place for all of these things in writing, but they lose impact when overused.\n
  56. Use these sparingly - they are very emotive! Don’t try to thrust emotion on the reader.\n
  57. Proper noun: names, location, date, title, etc.\nCommon noun: an object (i.e. everything else!)\n
  58. Double quotes are used when quoting a person or a text (and sometimes for denoting titles of works).\nIn Canada, single quotes are used for quotes within quotes (they’re not a sneaky substitute that you can use to add emphasis on text)\n*Important note about all of these grammatical rules... you don’t need to be a slave to them!*\n
  59. So that’s it for grammar, now on to a couple general style tips before we wrap up this section\n
  60. \n
  61. And last but not least you want to reread, revise, and rewrite your first draft. And Ernest Hemingway does a really nice job in summing up why:\n
  62. It’s all to tempting to finish the first draft of anything and so “ok I’m done”, send it off, and move on. Resist this urge, and if you can...\n
  63. \n
  64. Before we move onto structure, a final word on style...\n
  65. If people can’t understand what you’re telling them or asking them to do, they’re going to move on.\n
  66. \n
  67. \n
  68. In all writing, but especially web writing...\n
  69. I mean two things by this...\n
  70. 1. In almost all cases, you don’t want to format text on the web like you would for long-form print (who want to stare at their computer screen and read that?)\n2. People usually go to websites for different reasons than they would reach for a printed document to read\n... which leads to the painful truth about web writing\n
  71. \n
  72. And it’s not necessarily because what you’ve written isn’t good or clear. It’s because they’re task-oriented and in a hurry (and probably doing 3 other things at the same time).\n
  73. But when people read online they do have some fairly consistent behaviours.\n
  74. \n
  75. \n
  76. These are examples of heat maps that track eye movements, and they show quite clearly how F-shaped scan patterns play out on real websites.\n
  77. Now despite these tendencies, all is not lost! You can actually leverage these habits to your advantages by intentionally structuring your web writing. So here’s a few tips:\n
  78. \n
  79. \n
  80. What makes this headline effective is characteristic of many effective headlines:\nSpecific\nProvoke curiosity or fascination (e.g. ask a question)\nIndicate how-tos or lists will follow\n
  81. Second structure tip...\n
  82. \n
  83. Within the first 50 word of this article, you know exactly what it’s going to be about.\nThis is the opposite of how you learned how to write papers in high school and post-sec.\nYou want to be very specific right at the beginning (so people know they’re in the right place)\nCover the 5 Ws (write them out as practice if you need to)\n
  84. Final tip related to structure: Create a visual hierarchy\nThe idea with this is to break text into scannable, digestible chunks, and keep formatting consistent across your website or newsletter.\n
  85. So I’ll illustrate with an example right from ARPA’s website\n
  86. Here you can see exactly how the page has been hierarchically formatted.\nYou have the page title “post-secondary programs” which is also the first level heading.\nThen you have the second level headings denoting the school names.\nThen you have an additional heading below that breaking up blocks of information about a particular school (with a bulleted list further enhancing readability).\nNow, this information could have just as easily be formatted as a paragraph with complete sentences communicating this information about the U of A, but because it’s broken up it’s much easier for the visitor to this page to quickly scan this information and find what they’re looking for.\n
  87. Site accessibility helps people with visual or other impairments who use screen readers that read website content out to them, and using the formatting tools (headings, lists, etc.) in our CMS’s WYSIWYG editor actually help ensure that page content is read out in the most sensical way possible.\nAnd as for SEO, search engines play a lot of attention to the headings that appear on the page, so it’s important to be as descriptive and strategic as possible when creating page titles and sub-headings.\n
  88. \n
  89. Even if it’s just a little scribble on post-it note, having something to serve as a rough roadmap for whatever you plan on writing is really going to help.\n
  90. \n
  91. This is the juciy, meaty part of your writing!\n
  92. To clearly communicate meaning, you need to have a clear idea of the purpose of your writing. And to clarify your purpose, you need to answer two questions:\n
  93. First, know what kind of writing your doing, and specifically what it needs to be about.\n
  94. \n
  95. So first let’s start by tackling the question of what kind of writing you’re doing.\n
  96. When writing for the web, you need to know if you’re creating content or writing copy.\n
  97. So let’s clarify this matter of what is content and what is copy.\n
  98. That may sound abstract, but it’s going to get more and more clear over the next couple slides.\n
  99. \n
  100. \n
  101. \n
  102. \n
  103. \n
  104. \n
  105. Content and copy are not mutually exclusive.\n
  106. \n
  107. It helps to have a good mix of both on most websites.\n
  108. \n
  109. Fundamentally, these are usually one in the same because what’s good for the user (or customer) is good for the business (or organization)\n
  110. And these two requirements tie right into the two questions posed at the beginning of this section. We’ve covered the issue of “what am I writing”, so let’s get to the matter of who you’re writing for.\n
  111. Once you’ve identified your primary audience, the number one thing to remember is that people are on a website to complete a task.\n
  112. So help them complete that task!\n(This goes back to structuring your writing so it’s easy for task-oriented people to navigate)\n
  113. Can’t emphasize how important this is (back to the professor thing!)\n
  114. OK, so now let’s really bring this full circle.\nRemember how I said the most important thing to take away from this presentation is to “omit needless words”? The reason that is so important is because...\n
  115. \n
  116. Specifically, there are two culprits of needless words...\n
  117. \n
  118. \n
  119. It’s the text that welcomes you to a site (or sub-section) to tell you how great the thing you just entered is.\n“Brochure-speak”\nSometimes, where there’s too much focus on features, not benefits to the user\n
  120. \n
  121. The second source of needless words is...\n
  122. Anyone who has build IKEA furniture know what I’m talking about\n
  123. Alright, so let’s say you now know what kind of writing you’re doing, and who you’re writing for... let’s wrap up this section with a few quick pointers on how to get your point across to that audience.\n
  124. Use words that are as direct as possible... they don’t need to cutesy or fancy. Just clear.\n
  125. \n
  126. \n
  127. This isn’t always appropriate for all kinds of writing, but if you can incorporate some kind of narrative element (maybe a success story from your program), do it!\n
  128. This is especially important when writing copy, but it’s also useful with content.\n(e.g. sign up for this newsletter, contact this person for more information, register for the event here, etc.)\n
  129. The three elements of awesome web writing are...\n
  130. The building blocks\n
  131. How you put it all together\n
  132. What you’re trying to say\n
  133. And remember, even though it seems like there’s some kind of natural hierarchy to these things, they’re completely interdependent on and influenced by one another.\n
  134. \n