writing for the web: 10 tips goodbye paper, hello screen. karen lindell [email protected]

22
Writing for the Web: 10 Tips Goodbye paper, hello screen. Karen Lindell [email protected]

Upload: mae-nichols

Post on 20-Jan-2016

212 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Writing for the Web: 10 Tips Goodbye paper, hello screen. Karen Lindell klindell@library.ucsb.edu

Writing for the Web: 10 TipsGoodbye paper, hello screen.

Karen [email protected]

Page 2: Writing for the Web: 10 Tips Goodbye paper, hello screen. Karen Lindell klindell@library.ucsb.edu

“The words on a website are the most important single element on the site because the content is the reason users are visiting the site in the first place.”

Jakob NielsenWeb Usability Guru

Page 3: Writing for the Web: 10 Tips Goodbye paper, hello screen. Karen Lindell klindell@library.ucsb.edu

Online vs. Print

Page 4: Writing for the Web: 10 Tips Goodbye paper, hello screen. Karen Lindell klindell@library.ucsb.edu

Source: Nielsen Norman Group: www.nngroup.com

• People read 25% slower online• Users skip and scan; they don’t read• “F” pattern

Page 5: Writing for the Web: 10 Tips Goodbye paper, hello screen. Karen Lindell klindell@library.ucsb.edu

Tip #1: Break Up Text• Headers

Don’t use more than three layersUse clear headlines (not funny or cutesy)

• Make listsUse bullets or numbersDon’t make entire page a list

Page 6: Writing for the Web: 10 Tips Goodbye paper, hello screen. Karen Lindell klindell@library.ucsb.edu

Tip #2:Learn to lovewhite space.

Page 7: Writing for the Web: 10 Tips Goodbye paper, hello screen. Karen Lindell klindell@library.ucsb.edu
Page 8: Writing for the Web: 10 Tips Goodbye paper, hello screen. Karen Lindell klindell@library.ucsb.edu
Page 9: Writing for the Web: 10 Tips Goodbye paper, hello screen. Karen Lindell klindell@library.ucsb.edu

Tip #3: Use inverted pyramid style.

Page 10: Writing for the Web: 10 Tips Goodbye paper, hello screen. Karen Lindell klindell@library.ucsb.edu

Tip #4: Find the proper voice.

Page 11: Writing for the Web: 10 Tips Goodbye paper, hello screen. Karen Lindell klindell@library.ucsb.edu

#undernocircumstances shud sum1 feel its ok 2 tlk lik this. You have 140 characters. Use them and stop typing like you’re illiterate. @Lord_Voldemort7

Page 12: Writing for the Web: 10 Tips Goodbye paper, hello screen. Karen Lindell klindell@library.ucsb.edu

Tip #5: Be brief.“Get rid of half the words on each page, then get rid of half of what’s left.”

Steve Krug, Web Usability Expert

Page 13: Writing for the Web: 10 Tips Goodbye paper, hello screen. Karen Lindell klindell@library.ucsb.edu

“I notice that you use plain, simple language, short words and brief sentences. That is the way to write English – it is the modern way and the best way.”

Page 14: Writing for the Web: 10 Tips Goodbye paper, hello screen. Karen Lindell klindell@library.ucsb.edu

Tip #6: Use active verbs.Active Voice• The cat played with the string.

Passive Voice• The string was played with by the cat.

Active Voice• A.A. Milne wrote the Winnie-the-Pooh stories.

Passive Voice• The Winnie-the-Pooh stories were written by A.A. Milne.

Page 15: Writing for the Web: 10 Tips Goodbye paper, hello screen. Karen Lindell klindell@library.ucsb.edu

Tip #7: Avoid weak verbs.

Page 16: Writing for the Web: 10 Tips Goodbye paper, hello screen. Karen Lindell klindell@library.ucsb.edu

Tip #8: Format for ease of use.

• Sans serif fonts are most readable online Font-family: Arial, Helvetica, Verdana

• Emphasize key conceptsDon’t use underlines or italicsBolding works bestBe careful of colors

Page 17: Writing for the Web: 10 Tips Goodbye paper, hello screen. Karen Lindell klindell@library.ucsb.edu

Tip #9: Don’t be hyper about hyperlinking.

Page 18: Writing for the Web: 10 Tips Goodbye paper, hello screen. Karen Lindell klindell@library.ucsb.edu

Tip #10: Write captions.

??????????????????????????????????

Page 19: Writing for the Web: 10 Tips Goodbye paper, hello screen. Karen Lindell klindell@library.ucsb.edu

Bonus tip: Use one space after periods.

Page 20: Writing for the Web: 10 Tips Goodbye paper, hello screen. Karen Lindell klindell@library.ucsb.edu
Page 21: Writing for the Web: 10 Tips Goodbye paper, hello screen. Karen Lindell klindell@library.ucsb.edu

Web Resources

• UC Brand Guidelines: http://brand.universityofcalifornia.edu/guidelines/editorial.html#! or http://bit.ly/1M6rn1v

• The Slot http://theslot.com/• Grammar Girl www.quickanddirtytips.com/grammar-

girl • Nielsen Norman Group

http://www.nngroup.com/reports/

Page 22: Writing for the Web: 10 Tips Goodbye paper, hello screen. Karen Lindell klindell@library.ucsb.edu