Presentation is loading. Please wait.

Presentation is loading. Please wait.

Writing for the Web: 10 Tips Goodbye paper, hello screen. Karen Lindell

Similar presentations


Presentation on theme: "Writing for the Web: 10 Tips Goodbye paper, hello screen. Karen Lindell"— Presentation transcript:

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

2 “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 Nielsen Web Usability Guru

3 Online vs. Print

4 Source: Nielsen Norman Group: www.nngroup.com People read 25% slower online Users skip and scan; they don’t read “F” pattern

5 Tip #1: Break Up Text Headers Don’t use more than three layers Use clear headlines (not funny or cutesy) Make lists Use bullets or numbers Don’t make entire page a list

6 Tip #2: Learn to love white space.

7

8

9 Tip #3: Use inverted pyramid style.

10 Tip #4: Find the proper voice.

11 #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

12 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

13 “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.”

14 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.

15 Tip #7: Avoid weak verbs.

16 Tip #8: Format for ease of use. Sans serif fonts are most readable online Font-family: Arial, Helvetica, Verdana Emphasize key concepts Don’t use underlines or italics Bolding works best Be careful of colors

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

18 Tip #10: Write captions. ??????????????????????????????????

19 Bonus tip: Use one space after periods.

20

21 Web Resources UC Brand Guidelines: http://brand.universityofcalifornia.edu/guidelines/ed itorial.html#! or http://bit.ly/1M6rn1v http://brand.universityofcalifornia.edu/guidelines/ed itorial.html#!http://bit.ly/1M6rn1v The Slot http://theslot.com/http://theslot.com/ Grammar Girl www.quickanddirtytips.com/grammar- girlwww.quickanddirtytips.com/grammar- girl Nielsen Norman Group http://www.nngroup.com/reports/ http://www.nngroup.com/reports/

22


Download ppt "Writing for the Web: 10 Tips Goodbye paper, hello screen. Karen Lindell"

Similar presentations


Ads by Google