Download presentation
Presentation is loading. Please wait.
Published byEmory Long Modified over 9 years ago
1
Graphics and Screenshots Dr. Lam TECM 4250
2
Poll! Text CHRISLAM138 to 22333
3
First impression: Good or bad use of graphics?
7
What can graphics do? 1.Add visual interest 2.Reinforce learning or comprehension
8
Which of these do you think was most effective?
9
Types of Graphics
10
Decorative
11
Representational
12
Mnemonic
13
Organizational
14
Relational
15
Transformational
16
Interpretative
17
Which three do you think are most helpful for instructions?
18
Lesson Takeaway 1.What is it you are trying to get the reader to learn? 2.Would a graphic help the reader learn it? 3.What type of graphic would a reader learn it?
19
Screen Shots Three options for screen shots 1.Zoomed in 2.Whole Screen or at least more context 3.Combination
20
Zoomed in example 1.Press the save icon.
21
Whole Screen 1.Press the save icon.
22
Whole with callout 1.Press the save icon.
23
When not to use a screen shot If audience doesn’t need the visual representation to complete the task E.g., if it’s so obvious like “Click File > Save” For every single step
24
When to use screenshots As representative images of unfamiliar interfaces E.g.,,The “justify” icon in Word After a major change in the process to show the user they have reached the correct outcome
25
Last tips Alignment Same width for all screenshots if possible Don’t go crazy with these. Ask yourself: Is this helping the user learn the process?
26
How to… Snipping tool (Windows) Command + Shift + 4 (Mac) Edit in Photoshop or other graphics editing software
Similar presentations
© 2025 SlidePlayer.com. Inc.
All rights reserved.