Writing for the Web - nynjtc.org · Writing for the Web Farra Trompeter Dan Gunderman Nonprofit...

37
Writing for the Web www.bigducknyc.com Farra Trompeter Dan Gunderman Nonprofit 911 Teleconference June 16, 209

Transcript of Writing for the Web - nynjtc.org · Writing for the Web Farra Trompeter Dan Gunderman Nonprofit...

Page 1: Writing for the Web - nynjtc.org · Writing for the Web  Farra Trompeter Dan Gunderman Nonprofit 911 Teleconference June 16, 209

Writing for the Webwww.bigducknyc.com

Farra TrompeterDan Gunderman

Nonprofit 911 TeleconferenceJune 16, 209

Page 2: Writing for the Web - nynjtc.org · Writing for the Web  Farra Trompeter Dan Gunderman Nonprofit 911 Teleconference June 16, 209

Overview

• What’s different• Principles of Web text• Guidelines• Resources• Appendix

Page 3: Writing for the Web - nynjtc.org · Writing for the Web  Farra Trompeter Dan Gunderman Nonprofit 911 Teleconference June 16, 209

What’s different?

• Short attention spans• Reading• Word count• Visual presentation

Page 4: Writing for the Web - nynjtc.org · Writing for the Web  Farra Trompeter Dan Gunderman Nonprofit 911 Teleconference June 16, 209
Page 5: Writing for the Web - nynjtc.org · Writing for the Web  Farra Trompeter Dan Gunderman Nonprofit 911 Teleconference June 16, 209

What readers want

• Immediate information• Your POV• Up-to-date, relevant content• Feedback and interaction• Privacy

Page 6: Writing for the Web - nynjtc.org · Writing for the Web  Farra Trompeter Dan Gunderman Nonprofit 911 Teleconference June 16, 209
Page 7: Writing for the Web - nynjtc.org · Writing for the Web  Farra Trompeter Dan Gunderman Nonprofit 911 Teleconference June 16, 209

Principles ofWeb Text

Page 8: Writing for the Web - nynjtc.org · Writing for the Web  Farra Trompeter Dan Gunderman Nonprofit 911 Teleconference June 16, 209

Principles of Web Text

• Orientation– Background info, navigation

• Information– Help readers understand

• Action– What readers can/should do

Page 9: Writing for the Web - nynjtc.org · Writing for the Web  Farra Trompeter Dan Gunderman Nonprofit 911 Teleconference June 16, 209

Principles of Web Text:Orientation

• Job of the homepage• Minimalist• Coherent and consistent

Page 10: Writing for the Web - nynjtc.org · Writing for the Web  Farra Trompeter Dan Gunderman Nonprofit 911 Teleconference June 16, 209

Principles of Web Text:Orientation

• Print habits inform layout– Key points at top– Read LEFT to RIGHT– Eye goes first to upper right

• Headlines help guide reader– Put keywords in title and text– Use hooks and blurbs

Page 11: Writing for the Web - nynjtc.org · Writing for the Web  Farra Trompeter Dan Gunderman Nonprofit 911 Teleconference June 16, 209
Page 12: Writing for the Web - nynjtc.org · Writing for the Web  Farra Trompeter Dan Gunderman Nonprofit 911 Teleconference June 16, 209

Slide 13

Page 13: Writing for the Web - nynjtc.org · Writing for the Web  Farra Trompeter Dan Gunderman Nonprofit 911 Teleconference June 16, 209

Principles of Web Text:Information

• Be clear and correct• Audience-centric• Something for everyone• Organize

Page 14: Writing for the Web - nynjtc.org · Writing for the Web  Farra Trompeter Dan Gunderman Nonprofit 911 Teleconference June 16, 209

Principles of Web Text:Information

• Analyze Audience– Develop User Scenarios– Web makes your org avail 24/7 to all

• Add Order– Narrative: Describe in stages– Logical: Use sources as back-up at end– Categorical: Cluster material and connect related

topics

Page 15: Writing for the Web - nynjtc.org · Writing for the Web  Farra Trompeter Dan Gunderman Nonprofit 911 Teleconference June 16, 209

Three types of visitors:

Readers Users Viewers

Page 16: Writing for the Web - nynjtc.org · Writing for the Web  Farra Trompeter Dan Gunderman Nonprofit 911 Teleconference June 16, 209

•• Name:Name: Brenda Brenda

•• Occupation:Occupation: College Student College Student

•• Age:Age: 20 20

•• Gender:Gender: Female Female

•• Education:Education: Junior education major at big university Junior education major at big university

•• Location:Location: Los Angeles, CA USA Los Angeles, CA USA

•• Computing and Web experience: Computing and Web experience: very comfortable very comfortable

•• Personal Web behavior patterns:Personal Web behavior patterns: Total Facebook user, avid social networker, verycomputer-savvy, she has a personal blog, online shopping, has an iPhone

• Goals: Academic credit, looking for practical experience, interested in traveling,perhaps semester abroad but not sure if she can do (she doesn't speak a secondlanguage); wants to go in the summer

• Activities: Googled “international volunteer programs,” reads-up on Intern Abroadprogram, spends a lot of time browsing through all the possibilities of where she can go,visits the “Teaching English” page, “Assisting Teachers” page, wants to know aboutProgram Fee, is not sure about what the difference is between Intern Abroad andVolunteer Abroad, thinking about fundraising and applying for scholarships becauseshe's surprised about the costs, spends 3.5 minutes on the site browsing, but will returnin the future.

Page 17: Writing for the Web - nynjtc.org · Writing for the Web  Farra Trompeter Dan Gunderman Nonprofit 911 Teleconference June 16, 209
Page 18: Writing for the Web - nynjtc.org · Writing for the Web  Farra Trompeter Dan Gunderman Nonprofit 911 Teleconference June 16, 209
Page 19: Writing for the Web - nynjtc.org · Writing for the Web  Farra Trompeter Dan Gunderman Nonprofit 911 Teleconference June 16, 209

Principles of Web Text:Action

• Positive attitude• Discuss -- and listen• Two way conversation• Make action effortless

Page 20: Writing for the Web - nynjtc.org · Writing for the Web  Farra Trompeter Dan Gunderman Nonprofit 911 Teleconference June 16, 209

Principles of Web Text:Action

• Give readers reasons to act– What do they get for filling out a form?– Why should they join your email list?– Why take that quiz or survey?– How will you use their donation?

Page 21: Writing for the Web - nynjtc.org · Writing for the Web  Farra Trompeter Dan Gunderman Nonprofit 911 Teleconference June 16, 209
Page 22: Writing for the Web - nynjtc.org · Writing for the Web  Farra Trompeter Dan Gunderman Nonprofit 911 Teleconference June 16, 209
Page 23: Writing for the Web - nynjtc.org · Writing for the Web  Farra Trompeter Dan Gunderman Nonprofit 911 Teleconference June 16, 209

Guidelines

Page 24: Writing for the Web - nynjtc.org · Writing for the Web  Farra Trompeter Dan Gunderman Nonprofit 911 Teleconference June 16, 209

Guidelines: Style

• Do not use clever or cute headings• Limit the use of metaphors• Use simple sentence structures• Avoid complex words• Develop a Style Guide

Page 25: Writing for the Web - nynjtc.org · Writing for the Web  Farra Trompeter Dan Gunderman Nonprofit 911 Teleconference June 16, 209

Guidelines: Tone

• Professional• Conversational• Use humor with caution• Connect to other ‘brand’ expressions / org

personality

Page 26: Writing for the Web - nynjtc.org · Writing for the Web  Farra Trompeter Dan Gunderman Nonprofit 911 Teleconference June 16, 209
Page 27: Writing for the Web - nynjtc.org · Writing for the Web  Farra Trompeter Dan Gunderman Nonprofit 911 Teleconference June 16, 209

Personality

Page 28: Writing for the Web - nynjtc.org · Writing for the Web  Farra Trompeter Dan Gunderman Nonprofit 911 Teleconference June 16, 209

Parent Project Muscular DystrophyPersonality

• Leading• Passionate• Expert• Comprehensive

• Successful• Highly-regarded• United• Influential

Page 29: Writing for the Web - nynjtc.org · Writing for the Web  Farra Trompeter Dan Gunderman Nonprofit 911 Teleconference June 16, 209
Page 30: Writing for the Web - nynjtc.org · Writing for the Web  Farra Trompeter Dan Gunderman Nonprofit 911 Teleconference June 16, 209

Guidelines: Readability

• Summaries• Short and simple• Chunking• Headings• Active voice• Strong verbs• Grammar

Page 31: Writing for the Web - nynjtc.org · Writing for the Web  Farra Trompeter Dan Gunderman Nonprofit 911 Teleconference June 16, 209
Page 32: Writing for the Web - nynjtc.org · Writing for the Web  Farra Trompeter Dan Gunderman Nonprofit 911 Teleconference June 16, 209
Page 33: Writing for the Web - nynjtc.org · Writing for the Web  Farra Trompeter Dan Gunderman Nonprofit 911 Teleconference June 16, 209

Guidelines: Print Documents

• Web is archive. Provide options for readers.• Scrolling tires eyes

– Provide links, clickable keywords at top– Search within PDF helps

• Format– Single space with line break between paragraph

Page 34: Writing for the Web - nynjtc.org · Writing for the Web  Farra Trompeter Dan Gunderman Nonprofit 911 Teleconference June 16, 209
Page 35: Writing for the Web - nynjtc.org · Writing for the Web  Farra Trompeter Dan Gunderman Nonprofit 911 Teleconference June 16, 209
Page 36: Writing for the Web - nynjtc.org · Writing for the Web  Farra Trompeter Dan Gunderman Nonprofit 911 Teleconference June 16, 209

Resources• Big Duck-http://www.bigducknyc.com/resources

– Podcast- Writing for the Web - Less is More– Article- Write Visually.

• Online Guides– http://www.useit.com/papers/webwriting/– http://www.sun.com/980713/webwriting/– http://www.webstyleguide.com/

• Books– Writing for the Web, by Crawford Kilian– Content Critical, by Gerry McGovern and Rob Norton– The Web Content Style Guide, by Gerry McGovern, Rob Norton,

Catherine O'Dowd

Page 37: Writing for the Web - nynjtc.org · Writing for the Web  Farra Trompeter Dan Gunderman Nonprofit 911 Teleconference June 16, 209

© Jeremy Crow

Discussion