Skip to Content

Changes for page Presentations

Last modified by Lizzie Bruce on 2020/01/11 23:39
From version Icon 2.2 Icon
edited by Lizzie Bruce
on 2019/10/15 22:18
Change comment: Update document after refactoring.
To version Icon 3.1 Icon
edited by Lizzie Bruce
on 2019/10/15 22:51
Change comment: Presentations

Summary

Details

Icon Page properties
Hidden
... ... @@ -1,1 +1,1 @@
1 -false
1 +true
Content
... ... @@ -12,36 +12,61 @@
12 12  
13 13  == Guidance ==
14 14  
15 -Accessing content on a mobile device exaggerates many readability issues due to the small screen size. Improving content presentation and interaction for mobile use will generally improve its usability across all devices.
15 +2 liner summary
16 16  
17 17  
18 -[[1. Design for mobile first not last.>>doc:||anchor="#1"]]
18 +[[1. Minimise the amount of text and number of slides.>>doc:||anchor="#1"]]
19 19  
20 -[[2. Always ask “How would this look on mobile?”.>>doc:||anchor="#2"]]
20 +[[2. Avoid multiple bullet points.>>doc:||anchor="#2"]]
21 21  
22 -[[3. Put calls to action close to content they relate to.>>doc:||anchor="#3"]]
22 +[[3. Include a variety of communication methods.>>doc:||anchor="#3"]]
23 23  
24 24  [[4. Test content with people using mobiles.>>doc:||anchor="#4"]]
25 25  
26 +Use good visual contrast.
27 +
28 +Use large fonts.
29 +
30 +Use alt text for images on slide decks that are distributed outside of the talk.
31 +
32 +Call out all visual elements on your slides and in the space you are presenting in.
33 +
34 +Don't over-use Gifs and animations.
35 +
36 +Consider using a live captioning service.
37 +
38 +Repeat questions from the audience
39 +
40 +Speak slowly and clearly
41 +
42 +Pause at the start of each slide, then read out the text
43 +
44 +Face your audience
45 +
46 +Use a mic. Test all audio equipment before the talk.
47 +
48 +Don't use pointers on your slides.
49 +
26 26  [[Usability evidence>>doc:||anchor="#UEMD"]]
27 27  
28 28  
29 29  ----
30 30  
31 -=== {{id name="#1"/}}1. Designing for mobile first not last. ===
55 +=== {{id name="#1"/}}1. Minimise the amount of text and number of slides. ===
32 32  
33 -This can help you make your content concise and accessible.
57 +Try summarising each point you want to make in 1 sentence. And make the text on each line no more than 7 words: this is optimal for readability. Keeping the text to a minimum allows audience to follow the speaker, not the slide. When you create your slide content, consider people who'll photograph them to refer to or share later.
34 34  
59 +Too many slides can be distracting. On average we only remember around 20% of what we are presented with. Why make it harder?
35 35  
36 -=== {{id name="#2"/}}2. Always ask yourself “How would this look on mobile?”. ===
37 37  
38 -If you are considering for example how long a paragraph is, think about how much longer it would be on a mobile. That might help you decide whether it should be split into 2 paragraphs.
62 +=== {{id name="#2"/}}2. Avoid multiple bullet points. ===
39 39  
64 +They're great for organising but bad for presenting, as it's harder to absorb and remember multiple points from a presentation slide at a time. Consider 1 image or point for each slide.
40 40  
41 -=== {{id name="#3"/}}3. Put calls to action close to content they relate to. ===
42 42  
43 -This saves users from scrolling across and down or searching around for the link and getting lost or frustrated. It also helps users who have a small area of visual focus.
67 +=== {{id name="#3"/}}3. Include a variety of communication styles. ===
44 44  
69 +People will be more likely to absorb and remember content from your presentation if you use a range of methods, for example: visual, textual, speech.
45 45  
46 46  === {{id name="#4"/}}4. Test content with people using mobiles. ===
47 47  
... ... @@ -48,19 +48,48 @@
48 48  Find out how they interpret and interact with the content. Did you write something that can be understood in different ways? Did anyone use their mobile in ways you did not expect?
49 49  
50 50  
76 +
77 +Use good visual contrast 3:1 - various tools to check this. Powerpoint has tools built in.
78 +
79 +Use large fonts. Text needs to be easily read from the back of the room - 36pt minimum, use non-serif of a size larger than you might think - sit as far away from the screen and squint to test.
80 +
81 +Use alt text for slide decks that are distributed outside of the talk. Regardless, explain all images regardless of how obvious you think they are including context, reference to source material etc. Describe pertinent parts of graphics, videos, and other visuals. Describe them to the extent needed to understand the presentation. (You usually do not need to describe decorative images.).
82 +
83 +Remember when asking for people to raise their hands you need to describe the reaction.When using graphs describe the most important point which the graph demonstrates, make sure all labels are as large as possible. twice as large as you think they should be! Avoid 3D graphs - harder to read. Don't use pie charts - hard to read.
84 +
85 +Don't over-use Gifs and animations - can be distracting especially if they loop, always explain what is happening. Having explanations of video content at the ready also mitigates for them not loading or playing properly.
86 +
87 +Use captions for video content.
88 +
89 +Consider using a live captioning service for all of your spoken content. Allowing for the time it takes to translate. Auto captioning by Google or Powerpoint requires a good internet connection and is not nearly as accurate as a dedicated live caption service.
90 +
91 +Repeat questions from the audience, not everyone will hear the question, which makes the answer unintelligible.
92 +
93 +speak slowly and clearly - this helps with interpreter / lip readers / 2nd language / cognitive impairments. Your delivery will seem slower than it is if you are nervous: slow down. Sign language interpretation means that someone who needs this can only focus on one thing at a time (presenter, interpreter, or slide) and translation takes time so allow for this when referring to slides. Pause between slides - give people time to process the information.
94 +
95 +Pause at the start of each slide to allow for deaf and hard of hearing to read it. Then start by reading it for the blind or partially sighted.
96 +
97 +Face your audience, as close as possible - helps especially with lip-readers, but we all have less cognitive load when we can see the face of the person speaking.
98 +
99 +Use a mic. Some assistive tech will require it. For example: ALDs/hearing loops and remote CART writers.
100 +
101 +Take audience questions via a mic so that everyone can hear. Note that asking questions in a crowd can be intimidating and hard for many reasons like disability - consider using alternatives like Slido so people can type their questions. Avoid "Can you hear me OK?" This is not a question everyone will be comfortable replying to.
102 +
103 +Test the amplification, speakers, and mics before the talk.
104 +
105 +don't use pointers on your slides - they are distracting
106 +
107 +
108 +
109 +
51 51  ----
52 52  
53 53  ==
54 54  {{id name="#UEMD"/}}Usability evidence ==
55 55  
56 -[[Reading on mobile>>url:https://www.nngroup.com/articles/better-mobile/]], Amy Schade, Neilson Norman Group, 2017
57 -[[Mobile first is not mobile only>>url:https://www.nngroup.com/articles/mobile-first-not-mobile-only/]], Raluca Budiu and Kara Pernice, Neilson Norman Group, 2016
58 -[[Do mobile technologies reshape speaking, writing, or reading?>>url:http://journals.sagepub.com/doi/full/10.1177/2050157912459739]]
59 -Naomi S. Baron, SAGE Journals, 2013
60 -[[Mobile App Design Fundamentals: 10 Tips for an Effective Content Strategy>>url:https://clearbridgemobile.com/mobile-app-design-fundamentals-10-tips-for-an-effective-content-strategy/]], Britt Armour, 2017
61 -[['Content strategy for mobile'>>url:https://abookapart.com/products/content-strategy-for-mobile]], Karen McGrane, 2012
62 -[[How to Create Mobile Friendly Content>>url:https://neilpatel.com/blog/how-to-create-mobile-friendly-content/]], Neil Patel, undated
115 +Sig Access Accessibile Writing Guide [[http:~~/~~/www.sigaccess.org/welcome-to-sigaccess/resources/accessible-writing-guide/>>url:http://www.sigaccess.org/welcome-to-sigaccess/resources/accessible-writing-guide/]]
63 63  
117 +W3C How to Make Your Presentations Accessible to All [[https:~~/~~/www.w3.org/WAI/teach-advocate/accessible-presentations/#basics-for-organizers~~-~~-speakers>>url:https://www.w3.org/WAI/teach-advocate/accessible-presentations/#basics-for-organizers--speakers]]
64 64  
65 65  (% class="box" %)
66 66  (((
... ... @@ -67,5 +67,5 @@
67 67  See also:
68 68  
69 69  * [[Plain English>>doc:Plain English.Plain English, simple sentences.WebHome]]
70 -* [[Calls to action and button copy>>doc:User centred design.Links.Button copy.WebHome]]
124 +* Simple sentences
71 71  )))