Transcript
Page 1: Incorporating Visual Communication in Technical Documentation, for Usability!

Incorporating

Visual Communication

in Technical Documentation

for Usability!

Page 2: Incorporating Visual Communication in Technical Documentation, for Usability!

Visual Communication

Page 3: Incorporating Visual Communication in Technical Documentation, for Usability!
Page 4: Incorporating Visual Communication in Technical Documentation, for Usability!

WRITING

Page 5: Incorporating Visual Communication in Technical Documentation, for Usability!
Page 6: Incorporating Visual Communication in Technical Documentation, for Usability!

Making the Strange FAMILIAR

Page 7: Incorporating Visual Communication in Technical Documentation, for Usability!

VISUAL THINKING

Page 8: Incorporating Visual Communication in Technical Documentation, for Usability!
Page 9: Incorporating Visual Communication in Technical Documentation, for Usability!

Visual Communication

“transcends the border between print and digital texts”

Page 10: Incorporating Visual Communication in Technical Documentation, for Usability!

“MULTILITERACIES”

Page 11: Incorporating Visual Communication in Technical Documentation, for Usability!

VISUAL

VERBAL

Page 12: Incorporating Visual Communication in Technical Documentation, for Usability!

VISUALVERBAL

Page 13: Incorporating Visual Communication in Technical Documentation, for Usability!

“Word and Image”

Page 14: Incorporating Visual Communication in Technical Documentation, for Usability!

“the intimate interplay of words and images”

Page 15: Incorporating Visual Communication in Technical Documentation, for Usability!

VISUAL

VERBAL

Page 16: Incorporating Visual Communication in Technical Documentation, for Usability!

“dominated by visual rather thanoral or textual media”

Page 17: Incorporating Visual Communication in Technical Documentation, for Usability!
Page 18: Incorporating Visual Communication in Technical Documentation, for Usability!

LANGUAGES

Page 19: Incorporating Visual Communication in Technical Documentation, for Usability!

LITERACIES

Page 20: Incorporating Visual Communication in Technical Documentation, for Usability!

MULTILITERATE COMMUNICATORS

Page 21: Incorporating Visual Communication in Technical Documentation, for Usability!
Page 22: Incorporating Visual Communication in Technical Documentation, for Usability!
Page 23: Incorporating Visual Communication in Technical Documentation, for Usability!

assume greater responsibility for DESIGN

Page 24: Incorporating Visual Communication in Technical Documentation, for Usability!

“a foundation in the visual”

Page 25: Incorporating Visual Communication in Technical Documentation, for Usability!

VISUAL LITERACY

Page 26: Incorporating Visual Communication in Technical Documentation, for Usability!

“eyesight is a visual language”

Page 27: Incorporating Visual Communication in Technical Documentation, for Usability!

IS NOT INTUITIVE

Page 28: Incorporating Visual Communication in Technical Documentation, for Usability!

LEARNED

AND

PRACTICED

Page 29: Incorporating Visual Communication in Technical Documentation, for Usability!
Page 30: Incorporating Visual Communication in Technical Documentation, for Usability!

“LEXICENTRIC world view”

Page 31: Incorporating Visual Communication in Technical Documentation, for Usability!
Page 32: Incorporating Visual Communication in Technical Documentation, for Usability!
Page 33: Incorporating Visual Communication in Technical Documentation, for Usability!
Page 34: Incorporating Visual Communication in Technical Documentation, for Usability!
Page 35: Incorporating Visual Communication in Technical Documentation, for Usability!
Page 36: Incorporating Visual Communication in Technical Documentation, for Usability!

“We think in ways we have learned to TALK”

Page 37: Incorporating Visual Communication in Technical Documentation, for Usability!

“Most of our students have learned to talk—as we have—

in verbal language,

not in visual language, and,

in turn,

they think verbally,

not visually”

Page 38: Incorporating Visual Communication in Technical Documentation, for Usability!

MULTIPLE MODES OF THOUGHT

Page 39: Incorporating Visual Communication in Technical Documentation, for Usability!

MULTIPLE MODES OF THOUGHT

OVERLAPS

Page 40: Incorporating Visual Communication in Technical Documentation, for Usability!

“DISTINCT

cognitive modes that are interconnected and comparable in their

complexity”

Page 41: Incorporating Visual Communication in Technical Documentation, for Usability!
Page 42: Incorporating Visual Communication in Technical Documentation, for Usability!

Scott McCloud

Page 43: Incorporating Visual Communication in Technical Documentation, for Usability!
Page 44: Incorporating Visual Communication in Technical Documentation, for Usability!
Page 45: Incorporating Visual Communication in Technical Documentation, for Usability!

a language

ALL ITS OWN

Page 46: Incorporating Visual Communication in Technical Documentation, for Usability!
Page 47: Incorporating Visual Communication in Technical Documentation, for Usability!

to HUMANIZE the process

Page 48: Incorporating Visual Communication in Technical Documentation, for Usability!
Page 49: Incorporating Visual Communication in Technical Documentation, for Usability!

USABILITY

Page 50: Incorporating Visual Communication in Technical Documentation, for Usability!

“the combination of narrative,

character,

and graphic design helps communicate

a complicated subject

in a way that is

compelling and

easy to understand.”

Page 51: Incorporating Visual Communication in Technical Documentation, for Usability!

“helped people understand them and

resulted in a more concise

communication of the concepts”

Page 52: Incorporating Visual Communication in Technical Documentation, for Usability!

TOO LONG?

Page 53: Incorporating Visual Communication in Technical Documentation, for Usability!

“comic art is a serious subject for information developers”

Page 54: Incorporating Visual Communication in Technical Documentation, for Usability!

engaged with product-related information

Page 55: Incorporating Visual Communication in Technical Documentation, for Usability!

“we should look to the comic as

an opportunity

that we can no longer ignore”

Page 56: Incorporating Visual Communication in Technical Documentation, for Usability!
Page 57: Incorporating Visual Communication in Technical Documentation, for Usability!

“Short two-to-three-minute video tutorials can be

your most powerful form of documentation.”

Page 58: Incorporating Visual Communication in Technical Documentation, for Usability!

VISUALLY LITERATE

Page 59: Incorporating Visual Communication in Technical Documentation, for Usability!

previously not the responsibility of the tech writer

Page 60: Incorporating Visual Communication in Technical Documentation, for Usability!

“we can no longer consider [them] to be readers

in the traditional sense of the word”

Page 61: Incorporating Visual Communication in Technical Documentation, for Usability!

USERS

Page 62: Incorporating Visual Communication in Technical Documentation, for Usability!

VISUAL LITERACY

Page 63: Incorporating Visual Communication in Technical Documentation, for Usability!

not the exclusive reserve of artists

Page 64: Incorporating Visual Communication in Technical Documentation, for Usability!
Page 65: Incorporating Visual Communication in Technical Documentation, for Usability!
Page 66: Incorporating Visual Communication in Technical Documentation, for Usability!

USER RESEARCH

Page 67: Incorporating Visual Communication in Technical Documentation, for Usability!
Page 68: Incorporating Visual Communication in Technical Documentation, for Usability!
Page 69: Incorporating Visual Communication in Technical Documentation, for Usability!
Page 70: Incorporating Visual Communication in Technical Documentation, for Usability!

Localization!

Page 71: Incorporating Visual Communication in Technical Documentation, for Usability!

Further Reading

Journal of Business and Technical Communication

Journal of Technical Writing and Communication

Johnson, Tom.I'd Rather Be Writinghttp://idratherbewriting.com

UXmatterswww.uxmatters.com

Kimball, Miles A., and Ann R. Hawkins.Document Design: A Guide for Technical Communicators

McCloud, Scott.Understanding Comics: The Invisible Art

Sturken, Marita, and Lisa Cartwright.Practices of Looking: An Introduction to Visual Culture


Recommended