How to make things Easy to Read (and understand) Presenters Kimberly Vlies Leif Nelson Web/Graphic Designer [email protected] Instructional Designer/Technologist [email protected] Presented by the Academic Staff Professional Development Programming Committee.
Download ReportTranscript How to make things Easy to Read (and understand) Presenters Kimberly Vlies Leif Nelson Web/Graphic Designer [email protected] Instructional Designer/Technologist [email protected] Presented by the Academic Staff Professional Development Programming Committee.
How to make things
Easy to Read
(and understand)
Presenters
Kimberly Vlies
Web/Graphic Designer [email protected]
Leif Nelson
Instructional Designer/Technologist [email protected]
Presented by the Academic Staff Professional Development Programming Committee
Fonts • Use Serifs for printed documents
– (e.g., Times New Roman)
• Use
sans-serifs
for web pages
– (e.g., arial)
•
Don’t mix
too many fonts,
sizes
,
and colors within the same document
.
Making things stand out
• • • • • Outlines
Bold Text
Italic
Underline ALL CAPS
Making things stand out
DON’T TRY TO MAKE EVERYTHING STAND OUT OR NOTHING WILL.
Don’t try to make
everything stand
out or nothing will.
ABOUT USING ALL CAPS
For PowerPoint: use the "seven by seven" rule
Your slides should have no more than seven lines of text with each line having no more than seven words. This keeps your word slides visually clean and appealing. More importantly, it keeps the audience's attention focused on YOU, not on the slide. If there is a novel up there on the screen, people will be reading it, rather than listening to you. The words on your slides should be talking points only. If you find yourself writing lengthy word slides, move the text down to speaker's notes, and just boil the slides down to the essential points.
Source: http://groundwire.org/resources/articles/powerpoint-best-practices
Think Like Your Audience
• • • Is the language clear?
Are you over-using the passive voice?
–
The TPS report was filed by Peter ( passive )
–
Peter filed the TPS report ( active )
Check grammar and spelling – Don’t always rely on spell check – re-read yourself or have someone proofread
Psychology of Design
The pleasure of your company is most sincerely requested for the honorable celebration of the Anniversary of Hank’s birth year. This illustrious event will be held at Kroll’s East.
Psychology of Design
How People Scan Web Pages
Source: http://www.useit.com/alertbox/reading_pattern.html
Alignment
Avoid Centered Text
“I am by birth a Genevese, and my family is one of the most distinguished of that republic. My ancestors had been for many years counsellors and syndics, and my father had filled several public situations with honour and reputation. He was respected by all who knew him for his integrity and indefatigable attention to public business. He passed his younger days perpetually occupied by the affairs of his country; a variety of circumstances had prevented his marrying early, nor was it until the decline of life that he became a husband and the father of a family.” Excerpt from
Frankenstein: The Modern Prometheus
by Mary Shelly “I am by birth a Genevese, and my family is one of the most distinguished of that republic. My ancestors had been for many years counsellors and syndics, and my father had filled several public situations with honour and reputation. He was respected by all who knew him for his integrity and indefatigable attention to public business. He passed his younger days perpetually occupied by the affairs of his country; a variety of circumstances had prevented his marrying early, nor was it until the decline of life that he became a husband and the father of a family.” Excerpt from
Frankenstein: The Modern Prometheus
by Mary Shelly
And for Pete’s sake,
Don’t Center Bullet Points!
• • • Labrador retriever German shepherd Yorkshire terrier • Beagle • Golden retriever • Bulldog • Boxer • Dachshund • • Poodle Shih Tzu • • • • • • • • • • Labrador retriever German shepherd Yorkshire terrier Beagle Golden retriever Bulldog Boxer Dachshund Poodle Shih Tzu
Pay attention to line length
Too Long Lines of text that are too long can impede tracking. In long segments of text in it can cause the eye to accidentally skip lines or jump back and re-read the same line of text twice, without even intending to. Can you imagine how difficult it might be to read something like this if you have a learning disability or you’re not a strong reader to begin with?
Too Short Abcdefghijklmnopqrstuvwxyzabcdefghijklm Lines of text that are too short are difficult to read. There’s just to many line breaks and the constant need to zig-zag can cause eye strain and fragmented understanding of the text.
A good rule of thumb is to use thirty-nine characters, an alphabet and a half, in a single line.
Columns help
When columns aren’t possible
Abcdefghijklmnopqrstuvwxyzabcdefghijklm Compensate with line spacing If you absolutely must make your lines longer than thirty-nine characters, try increasing the line spacing. It will make it easier for the eye to focus on the single line of text and not get lost when dropping down to the next line
Contrast
Is this easy to read?
Is this easy to read?
Avoid large amounts of
Reversed Text
Light text on a dark background not only uses up toner, it’s difficult to read.
Dark text on a light background not only uses less toner, it’s easier to read.
“I am by birth a Genevese, and my family is one of the most distinguished of that republic. My ancestors had been for many years counsellors and syndics, and my father had filled several public situations with honour and reputation. He was respected by all who knew him for his integrity and indefatigable attention to public business. He passed his younger days perpetually occupied by the affairs of his country; a variety of circumstances had prevented his marrying early, nor was it until the decline of life that he became a husband and the father of a family.” Excerpt from
Frankenstein: The Modern Prometheus
by Mary Shelly “I am by birth a Genevese, and my family is one of the most distinguished of that republic. My ancestors had been for many years counsellors and syndics, and my father had filled several public situations with honour and reputation. He was respected by all who knew him for his integrity and indefatigable attention to public business. He passed his younger days perpetually occupied by the affairs of his country; a variety of circumstances had prevented his marrying early, nor was it until the decline of life that he became a husband and the father of a family.” Excerpt from
Frankenstein: The Modern Prometheus
by Mary Shelly
Don’t use faded background images
“I am by birth a Genevese, and my family is one of the most distinguished of that republic. My ancestors had been for many years counsellors and syndics, and my father had filled several public situations with honour and reputation. He was respected by all who knew him for his integrity and indefatigable attention to public business. He passed his younger days perpetually occupied by the affairs of his country; a variety of circumstances had prevented his marrying early, nor was it until the decline of life that he became a husband and the father of a family.” Excerpt from
Frankenstein: The Modern Prometheus
by Mary Shelly “I am by birth a Genevese, and my family is one of the most distinguished of that republic. My ancestors had been for many years counsellors and syndics, and my father had filled several public situations with honour and reputation. He was respected by all who knew him for his integrity and indefatigable attention to public business. He passed his younger days perpetually occupied by the affairs of his country; a variety of circumstances had prevented his marrying early, nor was it until the decline of life that he became a husband and the father of a family.” Excerpt from
Frankenstein: The Modern Prometheus
by Mary Shelly
Clear graphics
Source: http://headrush.typepad.com/creating_passionate_users/2006/06/do_your_graphic.html
Sometimes line art is more effective at conveying a concept than detailed images or photographs
When to Use . . .
Words Abstract ideas, explanations Photographs Details, realism, attention, interest Line art Diagrams, processes, instructions
Where to Find Graphics
• • http://www.flickr.com/creativecommons Best to avoid Copyrighted material
Use tables and graphics for quick understanding
All grading will be done on a “0 - 100%” scale which translates into the following letter grades. A is 92% and higher, AB is 89 to 91%, B is 82 to 88%, BC is 79 to 81%, C is 72 to 78%, CD is 69-71%, D is 59-68% and F is less than 59%.
All grading will be done on a “0 - 100%” scale which translates into the following letter grades:
Letter Grade Percentage
A 92% + AB 89 - 91% B BC C 82 - 88% 79 - 81% 72 - 78% CD D F 69 - 71% 59 - 68% Below 59%
Don’t scale images disproportionately
Hold down your shift key while scaling to preserve height to width ratio.