Writing For The Web. Patricia Minacori

Transcription

1 Writing For The Web Patricia Minacori 1

2 Introduction Scannability Navigation Page Layout Readability Colors Editing Conclusion 2

3 Introduction Very different way of writing compared to paper 3

4 Introduction Paper = document as a whole On a site = split each document into multiple hyperlinked pages 4

5 Introduction Texts on screens read 25% more slowly Sites readers are impatient Credibility: objective style 5

6 Introduction Link quotes from magazine reviews and other articles to the source. Use simple sentence structures: no convoluted writing no complex words. 6

7 Introduction Update pages as time goes by to reflect all changes. Statistics, numbers, and examples all need to be recent or credibility suffers. 7

8 1. Scannability Seventy-nine percent of Web users scan pages 8

9 1. Scannability 1 paragraph per idea: users tend to skip any second point. 9

10 1. Scannability No italic typefaces in a long paragraph Slower to read online 10

11 1. Scannability Bulleted and numbered lists Draw attention to important points. 11

12 1. Scannability Use highlighting liberally Three more times than printing 12

13 2. Navigation Eye tracking 13

14 2. Navigation. 14

15 2. Navigation Logo on the left hand side: click to the home page Navigation : on top Sub menus on the left 15

16 2. Navigation Be careful when creating links Put research on the right hand side Choose secondary links on the bottom 16

17 2. Navigation 17

18 2. Navigation 18

19 2. Navigation Homepage onomie-page-accueil.php 19

20

21 21

22 3. Page Layout Simplicity and consistency: adobe.com Design integrity and stability 22

23

24 3. Page Layout Align page elements Establish level of importance Be consistent Reduce unused space Put important information on top Create format for efficient viewing 24

25 3. Page Layout Reduce Users Workload 25

26 3. Page Layout Provide feedback for the user 26

27 3. Page Layout

28 4. Readability Write necessary information only One-column format = better 28

29 4. Readability Work to earn the user's trust: do not use exaggerated claims or boastful language avoid "marketese language more objective style. 29

30 4. Readability Title Headings Provide page titles Use well designed headings Avoid fancy formatting and fonts. 30

31 4. Readability Determine scrolling vs paging needs (page length) Respect typography 31

32

33

34 4. Readability org/plaintrain/ 34

35

36 4. Readability 36

37 org/

38

39 4. Readability 39

40 4. Readability 40

41 4. Readability 41

42

43 4. Readability wpd0704news.htm#feature

44

45 4. Readability Typography Uppercase Lowercase letters 45

46 4. Readability

47 4. Readability 47

48 4. Readability Italicized text attracts the eye because it contrasts in shape from body text. Use italics for convention when listing book or periodical titles, for example or within text for stressed or foreign words or phrases. Avoid setting large blocks of text in italics because the readability of italicized text, particularly at screen resolutions, is much lower than in comparably sized roman text. 48

49 4. Readability Boldface text is readable on-screen, though large blocks of text set in bold lack contrast and therefore lose their effectiveness. 49

50 4. Readability Underline: Heavy, interferes with letter shapes Hypertext link 50

51 4. Readability THE DESIGN OF THE SITE WILL DETERMINE THE ORGANIZATIONAL FRAMEWORK OF YOUR WEB SITE. AT THIS STAGE YOU WILL MAKE THE ESSENTIAL DECISIONS ABOUT WHAT YOUR AUDIENCE WANTS FROM YOU, WHAT YOU WISH TO SAY, AND HOW TO ARRANGE THE CONTENT TO BEST MEET YOUR AUDIENCE'S NEEDS. ALTHOUGH PEOPLE WILL INSTANTLY NOTICE THE GRAPHIC DESIGN OF YOUR WEB PAGES, THE ORGANIZATION OF THE SITE WILL HAVE THE GREATEST IMPACT ON THEIR EXPERIENCE. 51

52 4. Readability le-print-design/effective-color-contrast/ 52

53

54 5. Colors 54

55 5. Colors 55

56 5. Colors 56

57 5. Colors 57

58 5. Colors 58

59 6. Editing An editor = to polish the content rest of the world by improving: grammar, punctuation, consistency, by making content suggestions. 59

60 Conclusion Be aware of the rest of the world Content strategy is very important 60

61 Assignement Choose a site : webby awards ners/2018/special-achievement/ Look for «Web» category Mouse over «Web» and click on a category 61

62 Assignement Oral presentation 10 minutes: - Be objective - Analyse the site 62