Wiki source code of How people read

Version 5.2 by Lizzie Bruce on 2019/06/05 17:37
Show last authors
1 Online, people behave differently.
2
3 Nielson Norman Group, a world leading user research organisation, has been telling us since 1997 that [[on the web people do not read>>https://www.nngroup.com/articles/how-users-read-on-the-web/]].
4
5
6 == Why people do not read ==
7
8 People are not reading your content as they would a journal or magazine article. They do not read every word. They're glancing over your content.
9
10 Scanning.
11
12 This is because people are generally not online to spend a lazy hour over their Sunday morning latte. Occasionally they might be. But not often.
13
14 Instead you usually have about [[3 seconds to capture attention>>https://medium.com/@escmum/word-count-for-web-pages-c83dd96f9215]]. Even then you may not get their full attention. They may be multi-tasking. Especially if on a mobile.
15
16
17 == What users want ==
18
19 People come to your site to use it not visit it. They're there to do a task, or get information to help them do a task offline.
20
21 Even if their task is to gain knowledge, they want to find and add it to their personal information bank, their brain, as quickly as possible. They'd download it directly if they could. 
22
23
24 == Creating scannable content ==
25
26 Site users are looking for words connected to the task they are trying to carry out. They scan down the left of your page, reading across a few headings, in an F-shaped pattern.
27
28 The less words you have on the page, and the better structured your content, the easier it is for them.
29
30 You need to [[be specific, informative and concise>>https://www.gov.uk/guidance/content-design/writing-for-gov-uk]].
31
32
33 === Getting the words right ===
34
35 Great online content comes when the content creator is the detective, not the user:
36
37 * find the words your users are looking for
38 * do your desk research
39 * use [[Google trends>>https://trends.google.com/trends/?geo=GB]]
40 * test the content with users
41
42
43 === Designing, not typing ===
44
45 You've done your research, you know the tasks your users are trying to complete, you know what words they are using, you're raring to go.
46
47 Stop right there. Resist the temptation to start typing as if you are answering an essay question in a 30 minute exam.
48
49 Half of content design is thinking.
50
51
52 ==== Thinking ====
53
54 Ask yourself what's the best way to present information your users need? The simplest, clearest, easiest, way to convey things.
55
56 This might not be a page of words. It could be a tool, like a calculator. It could be camera-trigger functionality, rather than instructions about taking and uploading a photo.
57
58
59 ==== Structure ====
60
61 If you decide a page with words is the best, you still need to think about how to structure that using [[content design elements>>doc:User centred design.Page layout.WebHome]]. These include accordions, guides, bullet points, feature boxes. They'll need to be inclusively designed.
62
63 And you'll need [[good, clear headings>>doc:User centred design.Page titles and headings.WebHome]].
64
65
66 ==== Sketching ====
67
68 You might want to sketch out your page layout. You might like to show other people your ideas, maybe do some very early user testing.
69
70
71 ==== Writing ====
72
73 Then you can write.
74
75 ----
76
77 == Usability evidence: how people read ==
78
79 [['How little do users read'>>https://www.nngroup.com/articles/how-little-do-users-read/]], J. Nielsen, 2008
80
81 [['F-shaped pattern for reading web content discovered'>>url:https://www.nngroup.com/articles/f-shaped-pattern-reading-web-content-discovered/]] First F-shaped pattern study by J. Neilson, NNg, 2006
82
83 [['F-shaped plus different reading patterns'>>url:https://www.nngroup.com/articles/f-shaped-pattern-reading-web-content/]], updates to 2006 study by Jakob Neilson, NNg, 2017
84
85 [['First 2 Words: A Signal for the Scanning Eye'>>url:https://www.nngroup.com/articles/first-2-words-a-signal-for-scanning/]] Jakob Neilson, NNg, 2006
86
87 [[‘Be succinct! (Writing for the web)’>>url:http://www.nngroup.com/articles /be-succinct-writing-for-the-web/]] Nielsen, J., NNg, 1997
88
89 [['Legibility, Readability, and Comprehension: Making Users Read Your Words'>>https://www.nngroup.com/articles/legibility-readability-comprehension/]], J. Nielsen, NNg, 2015
90
91 [[‘Reading to learn to do’>>https://www.researchgate.net/publication/3229710_Reading_to_Learn_to_Do]] Redish, J. C., 1989. Full text is locked.
92
93 [['Writing for GOV.UK'>>url:https://www.gov.uk/guidance/content-design/writing-for-gov-uk]], UK Government website
94
95 [['GOV.UK content principles: conventions and research background'>>url:https://assets.publishing.service.gov.uk/government/uploads/system/uploads/attachment_data/file/206088/GOV.UK_content_principles.pdf]], UK Government website, 2013
96
97 [['Writing for the web versus writing for print. Are they really so different?'>>path:/xwiki/bin/get/User%20centred%20design/How%20people%20read/?sheet=CKEditor.ResourceDispatcher&outputSyntax=plain&language=en&type=doc&reference=http%3A%2F%2Fwww.old-classes.design4complexity.com%2F6700-S16%2Ffoundation%2FWriting%2520for%2520the%2520Web%2520Versus%2520Writing%2520for%2520Print.pdf]], Gregory, J., Technical communication, 51, 2, pp. 276 to 85. 2004
98
99 [[‘The reading brain in the digital age: the science of paper versus screens’>>url:http://www.scientificamerican.co m/article.cfm?id=reading-paperscreens]], Jabr, F. , Scientific American on-line, 2013
100
101 [['The science of word recognition'>>https://docs.microsoft.com/en-us/typography/develop/word-recognition]], Mike Jacobs, 2017
102
103 [[‘Changes in web usability since 1994’>>path:www.nngroup.com/articles/changes-in-web-usability-since-1994/]] Nielsen, J., 1997
104
105 [[‘Organisation and comprehensibility in scientific proofs’>>url:http://psycnet.apa.org/doiLanding?doi=10.1037%2F0022-0663.82.4.701]], Dee-Lucas, D, and J. Larkin, Journal of Educational Psychology, 82, 4, pp. 701 to 14. 1990. Locked
106
107 [['Good and bad structure in simple paragraphs: effects on apparent theme, reading time and recall’>>url:http://www.sciencedirect.com/science/article/pii/S0022537178904966?via%3Dihub]], Kieras, D., Journal of verbal learning and verbal behaviour, 19, pp. 13 to 28. 1978. Locked
108
109 [[‘Topic structure representation and text recall’>>url:http://psycnet.apa.org/doiLanding?doi=10.1037%2F0022-0663.77.2.137]], Lorch, R. and E. Lorch, Journal of Educational Psychology, 77, 2, pp. 137 to 48. 1985. Locked
110
111 [[‘Concise, SCANNABLE, and objective: how to write for the web’>>url:http://www.nngroup.com/articles /concise-scannable-andobjective-how-to-write-for-theweb/]], Morkes and Nielsen, 1997
112
113 [[‘Inverted pyramids in cyberspace’>>url:http://www.nngroup.com/articles /inverted-pyramids-incyberspace/]], Nielsen, 1996
114
115 [['Depth- and breadth-first processing of search result lists. CHI '04 Extended Abstracts on Human Factors in Computing Systems'>>url:http://dl.acm.org/citation.cfm?id=986115]], Klöckner, K., N. Wirschum, et al, Vienna, Austria, ACM: 1539 to 1539. 2004. Locked
116
117 [['Accurately interpreting clickthrough data as implicit feedback'>>url:http://dl.acm.org/citation.cfm?id=1076063]], Proceedings of the 28th Annual International ACM SIGIR Conference on Research and Development in Information Retrieval, Joachims, T., L. Granka, et al,  Salvador, Brazil, ACM: 154 to 61. 2005. Locked
118
119 [['Web style guide'>>url:http://webstyleguide.com/10-editorial-style.html]], Chapters 10. Editorial Style, Lynch, P. and S. Horton, 4th edition, 2016
120
121 [['The Effect of Type Size and Case Alternation on Word Identification'>>http://www.jstor.org/stable/1421250]] F. Smith, D. Lott and B. Cronnell, The American Journal of Psychology, 1969
122
123 == Further reading ==
124
125 [['Content Design'>>http://contentdesign.london/book/]], S. Richards, 2017
126
127 [['The Psychology of Reading'>>https://books.google.co.uk/books?id=3neGZwEACAAJ&dq=psychology+of+reading&hl=en&sa=X&ved=0ahUKEwiApJnt09LiAhUvQhUIHX1xDMoQ6AEIMTAB]] K. Rayner and A. Pollatsek, 2012
128
129 [[Saccadic masking>>https://wikivisually.com/wiki/Saccadic_masking]], discovered by Erdann and Dodge, 1898
130
131
132 (% class="box" %)
133 (((
134 See also:
135
136 * [[Content design elements>>doc:User centred design.Page layout.WebHome]]
137 * [[Headings and titles>>doc:User centred design.Page titles and headings.WebHome]]
138 * [[Clear language>>doc:Plain English.WebHome]]
139 * [[Grammar points>>doc:Punctuation and abbreviating.WebHome]]
140 )))