0
How!To!Write!
Effective!Web!Copy



        Kristina!Halvorson!!!|!!!FOWA!Miami!!!|!!!02.23.2009
Yes.!Hello.
   •   I’m!Kristina!Halvorson.

   •   I’m!the!President!of!Brain!Traffic!(Minneapolis,!MN).

   •   I’m!an!au...
And!you!are!… ?
   •   Name

   •   Employer/Role

   •   Why!you’re!here

   •   One!thing!that!someone!might!not!guess!a...
Here’s!the!deal!for!today.
   1:30quot;1:45pm   We’ll!talk!about!“effective!web!copy.”

   1:45quot;2:30pm   We’ll!talk!ab...
Suggestions.
   •   Use!paper,!not!your!laptop.

   •   Get!up!when!you!need!to.

   •   Stop!me!for!questions.

   •   Do...
What exactly
           is “effective
PART!ONE
           web copy”?
Effective!web!copy!…

   ! DELIGHTS

   ! SATISFIES

   ! HELPS!ME!DO!SOMETHING




                             FOWA!Miam...
Delight!me.
  • Be!personable.

  • Share!secrets.

  • Surprise!me.

  • Reward!me.

  • Entertain!me.

  • Make!my!life!...
FOWA!Miami!!|!!02.23.2009!!|!9
Satisfy!me.
  • Know!what!I!want,!and!show!me!you!do.

  • Make!it!easy.

  • Deliver!on!your!promises.

  • If!you!make!a...
Help!me!do!something.
  • Educate!me!… quickly.

  • Suggest!alternatives!or!addquot;ons!… but!don’t!shove!
    them!down!...
Effective!web!copy!…
   ! Communicates!SUBSTANCE!quickly!and!clearly.

   ! Is!communicated!in!a!STRUCTURE!that!provides!m...
How To Plan
           for Web Copy
PART!TWO
           (or, “Content
           Strategy”)
My!favorite!web!copy!myths.
  • “We!can!figure!it!out!later.”

  • “The!copy!shouldn’t!be!that!big!of!a!deal.”

  • “We!al...
To: Kristina Halvorson
Sent: Wednesday, May 14, 2008 3:21 PM
Subject: RE: hey there!

… This is a very large client who is...
SRSLY, PPL.




              FOWA!Miami!!|!!02.23.2009!!|!25
Writing!is!hard.
Writing!for!the!web!is!a!bitch.
  • Write!for!online!readers

  • Define!requirements

  • Plan!workflow
...
CONTEXT                                                                                                        USERS
     ...
Writers!don’t!have!the!tools!to!deal.
   • Articles

   • Menu!items

   • Buttons

   • Link!naming

   • Error!messages
...
Before!you!start!writing!…
   • Do!an!audit.

   • Create!a!content!inventory.

   • Do!a!gap!analysis.

   • Create!a!sty...
The!audit
   • What!copy!do!I!need?

   • What!other!copy!do!I!need?

   • Speaking!of!which,!where!do!I!need!copy?

   • ...
The!content!inventory




                        FOWA!Miami!!|!!02.23.2009!!|!31
The!gap!analysis
   • What’s!missing?

   • Where!can!I!get!it?

   • When!do!I!need!it?




                           FO...
The!style!guide
   • Brand!values

   • Voice!and!tone!guidelines

   • Usage!guidelines!(like,!“the!Web” not!“the!web”)

...
The!style!guide:!Example
  All!copy!should!sound:!

  •   Clear!and!easy!to!follow:!Keep!writing!brief,!clean,!and!toquot;...
The!style!guide:!Example




                           FOWA!Miami!!|!!02.23.2009!!|!35
Substance
PART!THREE
Getting!at!substance!(the!“what”)
   • What!do!you!NEED!to!say?

      ...!to!support!the!successful!attainment!of!user!go...
Structure
PART!FOUR
Your!mission
   • Get!out!of!your!user’s!way.

   • Two!books!that!talk!about!this!brilliantly:
       – Designing!the!Obv...
Being!smart!about!structure!(the!“where”)

   • Where!should!this!copy!appear!on!the!page?




                           ...
FOWA!Miami!!|!!02.23.2009!!|!49
Being!smart!about!structure!(the!“when”)
   • When!should!this!copy!appear!in!the!application!design?

       – To!support...
FOWA!Miami!!|!!02.23.2009!!|!52
FOWA!Miami!!|!!02.23.2009!!|!55
One millllllllllllllllllllion dollars
Style
PART!FIVE
All!great!web!writing!is!…
   • Personable

   • Clear

   • Concise

   • Respectful

   • Customerquot;facing




      ...
Often,!crappy!web!writing!is!…
   • Overwritten

   • Lazy!about!spelling!and!grammar

   • Lacking!focus

   • Hard!to!ac...
Rethink!your!approach.
   • NO
      – What!do!I!want!to!tell!you?
      – What!do!I!want!you!to!understand?
      – What!...
Let’s!do!the!Top!10!List!thing.
   • Because!everyone!loves!a!good!top!10!list.




                                      ...
1.!!Less!is!more

    • Don’t!get!in!the!way!of!your!reader!gathering!information!or!
      completing!a!task.

    • Cut!...
FOWA!Miami!!|!!02.23.2009!!|!72
FOWA!Miami!!|!!02.23.2009!!|!73
2.!Get!to!the!point!
   • Boredom!=!immediate!departure

   • Save!your!niceties!for!when!they!call.

   • Step!into!your!...
FOWA!Miami!!|!!02.23.2009!!|!75
FOWA!Miami!!|!!02.23.2009!!|!76
3.!Learn!to!love!the!inverted!pyramid.!
  •     Not!…
      –    Problem!statement!
      –    Related!work!
      –    Me...
4.!Lead!with!active!words.!
   You!know!you’re!getting!a!great!deal!every!time!you!log!on!to!
      Target.com.!We!have!ev...
5.!Use!simple!sentences.
   • Complex:
     Best!Buy!Co,!Inc.!is!North!America’s!leading!specialty!retailer!
     of!consu...
6.!Break!it!up.
   • Put!the!reader!in!control.

   • Paragraphs:!40quot;60!words.




                                  F...
7.!Design!for!scan!readers.
   • Bulleted!lists

   • Hierarchical!headings

   • Clean!up!your!columns

   • See!Luke!Wro...
FOWA!Miami!!|!!02.23.2009!!|!82
8.!!Write!killer!headings!
    •   I’m!not!reading.!!I’m!scanning.

    •   Just!tell!me!what!I’m!going!to!find!on!that!pa...
FOWA!Miami!!|!!02.23.2009!!|!85
FOWA!Miami!!|!!02.23.2009!!|!86
9.!Set!expectations.!
  •   Deliver!on!your!promises.

  •   Tell!people!how!much,!how!long,!how!often.

  •   Make!sure!l...
FOWA!Miami!!|!!02.23.2009!!|!88
FOWA!Miami!!|!!02.23.2009!!|!89
9½.!!“Click!here” is!out!
     Contact!usto!contact!us
     Click!here

     Learn!more
     Click!here to!find!out!more

...
10.!!Lighten!up.!
     • Readers!want!to!enjoy!their!visit.

     • Be!intimate,!friendly,!respectful.

     • Use!contrac...
Discuss
PART!SIX
Hey,!thanks!
 email     kristina@braintraffic.com

 blog      http://braintraffic.typepad.com

 twitter   @halvorson




 ...
How to Write Effective Web Copy - Fowa Miami 2009
How to Write Effective Web Copy - Fowa Miami 2009
How to Write Effective Web Copy - Fowa Miami 2009
How to Write Effective Web Copy - Fowa Miami 2009
How to Write Effective Web Copy - Fowa Miami 2009
How to Write Effective Web Copy - Fowa Miami 2009
How to Write Effective Web Copy - Fowa Miami 2009
How to Write Effective Web Copy - Fowa Miami 2009
How to Write Effective Web Copy - Fowa Miami 2009
How to Write Effective Web Copy - Fowa Miami 2009
How to Write Effective Web Copy - Fowa Miami 2009
How to Write Effective Web Copy - Fowa Miami 2009
How to Write Effective Web Copy - Fowa Miami 2009
How to Write Effective Web Copy - Fowa Miami 2009
How to Write Effective Web Copy - Fowa Miami 2009
How to Write Effective Web Copy - Fowa Miami 2009
How to Write Effective Web Copy - Fowa Miami 2009
How to Write Effective Web Copy - Fowa Miami 2009
How to Write Effective Web Copy - Fowa Miami 2009
How to Write Effective Web Copy - Fowa Miami 2009
How to Write Effective Web Copy - Fowa Miami 2009
How to Write Effective Web Copy - Fowa Miami 2009
How to Write Effective Web Copy - Fowa Miami 2009
How to Write Effective Web Copy - Fowa Miami 2009
How to Write Effective Web Copy - Fowa Miami 2009
How to Write Effective Web Copy - Fowa Miami 2009
How to Write Effective Web Copy - Fowa Miami 2009
How to Write Effective Web Copy - Fowa Miami 2009
How to Write Effective Web Copy - Fowa Miami 2009
How to Write Effective Web Copy - Fowa Miami 2009
How to Write Effective Web Copy - Fowa Miami 2009
How to Write Effective Web Copy - Fowa Miami 2009
How to Write Effective Web Copy - Fowa Miami 2009
How to Write Effective Web Copy - Fowa Miami 2009
How to Write Effective Web Copy - Fowa Miami 2009
Upcoming SlideShare
Loading in...5
×

How to Write Effective Web Copy - Fowa Miami 2009

5,692

Published on

Published in: Technology
2 Comments
55 Likes
Statistics
Notes
No Downloads
Views
Total Views
5,692
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
590
Comments
2
Likes
55
Embeds 0
No embeds

No notes for slide

Transcript of "How to Write Effective Web Copy - Fowa Miami 2009"

  1. 1. How!To!Write! Effective!Web!Copy Kristina!Halvorson!!!|!!!FOWA!Miami!!!|!!!02.23.2009
  2. 2. Yes.!Hello. • I’m!Kristina!Halvorson. • I’m!the!President!of!Brain!Traffic!(Minneapolis,!MN). • I’m!an!author.!In!theory.! – Content!Strategy!for!the!Web! (New!Riders!Voices!That!Matter,!Summer!2009) • Thanks!for!having!me!in!Miami.!In!February. FOWA!Miami!!|!!02.23.2009!!|!2
  3. 3. And!you!are!… ? • Name • Employer/Role • Why!you’re!here • One!thing!that!someone!might!not!guess!about!you FOWA!Miami!!|!!02.23.2009!!|!3
  4. 4. Here’s!the!deal!for!today. 1:30quot;1:45pm We’ll!talk!about!“effective!web!copy.” 1:45quot;2:30pm We’ll!talk!about!how!to!plan!for!copy. 2:30quot;4:30pm We’ll!discuss: ! Substance ! Structure ! Style 4:30quot;5:00pm We’ll!wrap!with!collaborative,!freequot;forquot;all!Q&A. FOWA!Miami!!|!!02.23.2009!!|!4
  5. 5. Suggestions. • Use!paper,!not!your!laptop. • Get!up!when!you!need!to. • Stop!me!for!questions. • Don’t!make!fun!if!you!hear!my!Minnesotan!accent. FOWA!Miami!!|!!02.23.2009!!|!5
  6. 6. What exactly is “effective PART!ONE web copy”?
  7. 7. Effective!web!copy!… ! DELIGHTS ! SATISFIES ! HELPS!ME!DO!SOMETHING FOWA!Miami!!|!!02.23.2009!!|!7
  8. 8. Delight!me. • Be!personable. • Share!secrets. • Surprise!me. • Reward!me. • Entertain!me. • Make!my!life!easier,!right!now. FOWA!Miami!!|!!02.23.2009!!|!8
  9. 9. FOWA!Miami!!|!!02.23.2009!!|!9
  10. 10. Satisfy!me. • Know!what!I!want,!and!show!me!you!do. • Make!it!easy. • Deliver!on!your!promises. • If!you!make!a!mistake,!admit!it. • Be!consistent. • Get!out!of!my!way. FOWA!Miami!!|!!02.23.2009!!|!12
  11. 11. Help!me!do!something. • Educate!me!… quickly. • Suggest!alternatives!or!addquot;ons!… but!don’t!shove! them!down!my!throat. • Prompt!me!… in!context. • Warn!me!… but!don’t!freak!me!out. FOWA!Miami!!|!!02.23.2009!!|!16
  12. 12. Effective!web!copy!… ! Communicates!SUBSTANCE!quickly!and!clearly. ! Is!communicated!in!a!STRUCTURE!that!provides!me!with!the! necessary!context!to!act!with!confidence.! ! Is!written!in!a!STYLE that’s!personable,!respectful,!and!the! embodiment!of!your!brand!values. FOWA!Miami!!|!!02.23.2009!!|!21
  13. 13. How To Plan for Web Copy PART!TWO (or, “Content Strategy”)
  14. 14. My!favorite!web!copy!myths. • “We!can!figure!it!out!later.” • “The!copy!shouldn’t!be!that!big!of!a!deal.” • “We!already!pretty!much!know!what!we!want!to!say.” • “We!already!have!most!of!the!content.” • “I!should!be!able!to!take!care!of!most!of!this!myself.” FOWA!Miami!!|!!02.23.2009!!|!23
  15. 15. To: Kristina Halvorson Sent: Wednesday, May 14, 2008 3:21 PM Subject: RE: hey there! … This is a very large client who is building a site using a number of different agencies. When it came to the content discussion the room just threw their hands up in the air (literally and figuratively) because no one had said they’d be responsible. The site is going to be very content heavy and they want to launch July 15. Interested? FOWA!Miami!!|!!02.23.2009!!|!24
  16. 16. SRSLY, PPL. FOWA!Miami!!|!!02.23.2009!!|!25
  17. 17. Writing!is!hard. Writing!for!the!web!is!a!bitch. • Write!for!online!readers • Define!requirements • Plan!workflow • Agree!on!editorial!standards:!voice,!tone,!usage,!format • Schedule!updates • Find!all!the!“other” content FOWA!Miami!!|!!02.23.2009!!|!26
  18. 18. CONTEXT USERS Userquot;centered!design!!!!!!!!!!!!!User!experience!!!!!!!!!!!!!User!testing ORGANIZING!INFORMATION PUBLISHING!CHANNELS Business!strategy PUSH Content!model Static/dynamic Information!architecture Multichannel!delivery COLLABORATIONS Vocabulary!control Print Blogs Categorization/classification Web ASSEMBLING! Wikis Interface/interaction!design PDA/cell VERSIONS Forums PDF Versioning Mailing!lists Email Version!control WORKFLOW!RULES Personalization CRM Content!types Localization Business!rules Templates Contact!info Rights!management Policies/procedures Navigation Access!control PULL Roles/responsibilities Multilingual LDAP Syndication Content!owners! Compliance User!databases Web!services Editors/publishers Reuse Search!enging DATABASES!+! Rollback Ecommerce REPOSITORIES Content!databases CREATE!AND!EDIT File!system ARCHIVE!+!DESTROY Authoring Native!XML Retention!policy Capture/collect Documents Knowledge!base Acquisition Records Conversion Images/multimedia Aggregation Data!warehouses Ingestion/DRM Legacy!systems Editing!Tools Metadata!Tagging Library!Services cmsreview.com/stages FOWA!Miami!!|!!02.23.2009!!|!27
  19. 19. Writers!don’t!have!the!tools!to!deal. • Articles • Menu!items • Buttons • Link!naming • Error!messages • Task!instructions • Search!returns • Metadata FOWA!Miami!!|!!02.23.2009!!|!28
  20. 20. Before!you!start!writing!… • Do!an!audit. • Create!a!content!inventory. • Do!a!gap!analysis. • Create!a!style!guide. FOWA!Miami!!|!!02.23.2009!!|!29
  21. 21. The!audit • What!copy!do!I!need? • What!other!copy!do!I!need? • Speaking!of!which,!where!do!I!need!copy? • Also,!is!there!more!copy!I!need? FOWA!Miami!!|!!02.23.2009!!|!30
  22. 22. The!content!inventory FOWA!Miami!!|!!02.23.2009!!|!31
  23. 23. The!gap!analysis • What’s!missing? • Where!can!I!get!it? • When!do!I!need!it? FOWA!Miami!!|!!02.23.2009!!|!32
  24. 24. The!style!guide • Brand!values • Voice!and!tone!guidelines • Usage!guidelines!(like,!“the!Web” not!“the!web”) • Recurring!textual!elements • Legal!requirements FOWA!Miami!!|!!02.23.2009!!|!33
  25. 25. The!style!guide:!Example All!copy!should!sound:! • Clear!and!easy!to!follow:!Keep!writing!brief,!clean,!and!toquot;thequot;point.! Use!crisp!language.!Introduce!your!point!early!without!complicated! language!or!lengthy!clauses.! • Engaging!and!casual: Write!the!way!our!customers!converse!with!family! and!friends.!Use!warm!language!and!a!strong,!descriptive!style.! • Upbeat!and!encouraging:!Speak!in!terms!of!users’ interests,!goals,!and! challenges.!Use!active,!forwardquot;looking!statements.!Present!solutions! and!ideas!in!a!positive,!informative!manner.! FOWA!Miami!!|!!02.23.2009!!|!34
  26. 26. The!style!guide:!Example FOWA!Miami!!|!!02.23.2009!!|!35
  27. 27. Substance PART!THREE
  28. 28. Getting!at!substance!(the!“what”) • What!do!you!NEED!to!say? ...!to!support!the!successful!attainment!of!user!goals • What!do!you!WANT!to!say? … to!meet!your!own!business!objectives FOWA!Miami!!|!!02.23.2009!!|!37
  29. 29. Structure PART!FOUR
  30. 30. Your!mission • Get!out!of!your!user’s!way. • Two!books!that!talk!about!this!brilliantly: – Designing!the!Obvious by!Robert!Hoekman,!Jr. – Don’t!Make!Me!Think by!Steve!Krug FOWA!Miami!!|!!02.23.2009!!|!45
  31. 31. Being!smart!about!structure!(the!“where”) • Where!should!this!copy!appear!on!the!page? FOWA!Miami!!|!!02.23.2009!!|!46
  32. 32. FOWA!Miami!!|!!02.23.2009!!|!49
  33. 33. Being!smart!about!structure!(the!“when”) • When!should!this!copy!appear!in!the!application!design? – To!support!successful!task!completion – To!influence!behavior • How!will!this!copy!impact!the!user’s!attitude? – I!want!to!get!in,!get!this!done,!get!out – I!need!help!making!a!choice FOWA!Miami!!|!!02.23.2009!!|!51
  34. 34. FOWA!Miami!!|!!02.23.2009!!|!52
  35. 35. FOWA!Miami!!|!!02.23.2009!!|!55
  36. 36. One millllllllllllllllllllion dollars
  37. 37. Style PART!FIVE
  38. 38. All!great!web!writing!is!… • Personable • Clear • Concise • Respectful • Customerquot;facing FOWA!Miami!!|!!02.23.2009!!|!64
  39. 39. Often,!crappy!web!writing!is!… • Overwritten • Lazy!about!spelling!and!grammar • Lacking!focus • Hard!to!act!upon • All!about!you FOWA!Miami!!|!!02.23.2009!!|!65
  40. 40. Rethink!your!approach. • NO – What!do!I!want!to!tell!you? – What!do!I!want!you!to!understand? – What!do!I!wish!you!would!do? – How!can!I!make!you!care? • YES – What!do!you!want!to!know? – What!do!you!need!to!do? – What!do!you!need!to!feel!comfortable!and!smart? – What!do!you!care!about!… really? FOWA!Miami!!|!!02.23.2009!!|!66
  41. 41. Let’s!do!the!Top!10!List!thing. • Because!everyone!loves!a!good!top!10!list. FOWA!Miami!!|!!02.23.2009!!|!70
  42. 42. 1.!!Less!is!more • Don’t!get!in!the!way!of!your!reader!gathering!information!or! completing!a!task. • Cut!all!unnecessary!words.!Then!cut!some!more. • GET!OUT!OF!YOUR!READER’S!WAY. FOWA!Miami!!|!!02.23.2009!!|!71
  43. 43. FOWA!Miami!!|!!02.23.2009!!|!72
  44. 44. FOWA!Miami!!|!!02.23.2009!!|!73
  45. 45. 2.!Get!to!the!point! • Boredom!=!immediate!departure • Save!your!niceties!for!when!they!call. • Step!into!your!reader’s!shoes.!! – What!information!do!I!want? – What!do!I!want!to!do? FOWA!Miami!!|!!02.23.2009!!|!74
  46. 46. FOWA!Miami!!|!!02.23.2009!!|!75
  47. 47. FOWA!Miami!!|!!02.23.2009!!|!76
  48. 48. 3.!Learn!to!love!the!inverted!pyramid.! • Not!… – Problem!statement! – Related!work! – Methodology! – Results! – Conclusions! • But!… – Conclusion – Supporting!information – Background,!technical!details FOWA!Miami!!|!!02.23.2009!!|!77
  49. 49. 4.!Lead!with!active!words.! You!know!you’re!getting!a!great!deal!every!time!you!log!on!to! Target.com.!We!have!everyday!low!prices,!fabulous!moneyquot; saving!offers!and!all!your!favorite!products,!right!here!online, 24!hours!a!day. For!fabulous!savings!and!everyday!low!prices,!shop!online!24! hours!a!day!at!Target.com. Save!more!money.!!Shop!Target.com. FOWA!Miami!!|!!02.23.2009!!|!78
  50. 50. 5.!Use!simple!sentences. • Complex: Best!Buy!Co,!Inc.!is!North!America’s!leading!specialty!retailer! of!consumer!electronics!and!appliances,!operating!nearly! 700!retail!stores!in!the!United!States!and!Canada!under!the! names!Best!Buy,!Future!Shop,!Geek!Squad!and!Magnolia! Audio!Video. • Simple: Best!Buy!Co.,!Inc.!is!North!America’s!leading!specialty!retailer! of!consumer!electronics!and!appliances.!!We!operate!nearly! 700!retail!stores!in!the!United!States!and!Canada.!!Our! subsidiaries!include!Best!Buy,!Future!Shop,!Geek!Squad!and! Magnolia!Audio!Video. FOWA!Miami!!|!!02.23.2009!!|!79
  51. 51. 6.!Break!it!up. • Put!the!reader!in!control. • Paragraphs:!40quot;60!words. FOWA!Miami!!|!!02.23.2009!!|!80
  52. 52. 7.!Design!for!scan!readers. • Bulleted!lists • Hierarchical!headings • Clean!up!your!columns • See!Luke!Wroblewski’s presentation,!Content!Page!Design! Best!Practices:!http://tr.im/gHgP FOWA!Miami!!|!!02.23.2009!!|!81
  53. 53. FOWA!Miami!!|!!02.23.2009!!|!82
  54. 54. 8.!!Write!killer!headings! • I’m!not!reading.!!I’m!scanning. • Just!tell!me!what!I’m!going!to!find!on!that!page!or!in!that! paragraph. • Use!keywords. • Don’t!be!clever. FOWA!Miami!!|!!02.23.2009!!|!84
  55. 55. FOWA!Miami!!|!!02.23.2009!!|!85
  56. 56. FOWA!Miami!!|!!02.23.2009!!|!86
  57. 57. 9.!Set!expectations.! • Deliver!on!your!promises. • Tell!people!how!much,!how!long,!how!often. • Make!sure!links!match!section!(or!page)!titles.! FOWA!Miami!!|!!02.23.2009!!|!87
  58. 58. FOWA!Miami!!|!!02.23.2009!!|!88
  59. 59. FOWA!Miami!!|!!02.23.2009!!|!89
  60. 60. 9½.!!“Click!here” is!out! Contact!usto!contact!us Click!here Learn!more Click!here to!find!out!more Order!nowto!order!now Click!here Sign!up!for!our!equot;newsletter Click!here to!sign!up!for!our!equot;newsletter FOWA!Miami!!|!!02.23.2009!!|!90
  61. 61. 10.!!Lighten!up.! • Readers!want!to!enjoy!their!visit. • Be!intimate,!friendly,!respectful. • Use!contractions,!common!language. • Make!your!reader!feel!smart,!not!stupid. FOWA!Miami!!|!!02.23.2009!!|!91
  62. 62. Discuss PART!SIX
  63. 63. Hey,!thanks! email kristina@braintraffic.com blog http://braintraffic.typepad.com twitter @halvorson Kristina!Halvorson!!!|!!!FOWA!Miami!!!|!!!02.23.2009
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×