This talk is about the opportunity for integrating the disciplines/principles of User Experience Design and Information Architecture with Visual Literacy. Keith Instone and Mike Osswald presented at the 2014 International Visual Literacy Conference held Nov. 5-8, 2014 at The Toledo Museum of Art.
The key theme of the talk is that Visual Literacy and User Experience principles have a lot in common, and the need for different disciplines to understand what each other is doing is important. For the intended audience of museum and academic teachers, the goal is to explain UX and Information Architecture, and what some of the modern trends and issues facing experience designers today.
NOTE: A video of this presentation is hosted at WGTE's KnowledgeStream web site, at http://www.knowledgestream.org/kstream/index.asp?item_id=19848
User Experience and Visual Literacy – IVLA Conference 2014
1. Visual literacy in a business context
The opportunity for integration with user
experience design
#UXVL
Keith Instone
keith2014@instone.org
@keithinstone
Mike Osswald
mike.osswald@hansoninc.com
@mobial
3. Quiz: Official definition of Visual Literacy
(A) Understanding how people perceive objects, interpret what
they see, and what they learn from them
(B) Ability to construct meaning from visual images
(C) Recognizing and understanding ideas conveyed through
visible actions or images (as pictures)
(D) Ability to communicate via doodling, drawing, and sketching
(E) An umbrella field with components of Visual Perception,
Visual Language, Visual Learning, Visual Thinking,
Visual Communication
12. Visual Literacy
Design Thinking
Systems Thinking
Visual Design Visual Thinking
UX ThinkingUX Design
Info Literacy
Media Literacy
Info Design
Info Architecture
Info Visualization
15. A few Principles of Information Architecture
Usable and Findable: Clear choices
Accessible: Support devices and people
Desirable and Useful: User-focused content
24. Here are the 80 most common screen resolutions as reported
by browser metrics – they range from 122×133 to 2560×1600
11,868 distinct Android devices in 2013 (up from 3,997 in 2012)
28. Modular Content for
Multiple Contexts
(Responsive)
User Interface
Metaphors
(“Flat” design)
Layers and Motion
in User Interfaces
Gesture Literacy
Storytelling
Human Factors
and Devices
Data Visualization
Democratized
Infographics &
Information Literacy
Visual literacy
and…
33. New Approach:
Mobile first.
Start with something simple.
Treat everything else as an
enhancement.
Old Approach:
Desktop first.
Start with something
complex.
Shrink it till it breaks,
then fix it.
59. What hasn’t changed
• Usable, Desirable, Accessible…
• Visibility – Perceived affordances or signifiers of what to do
• Consistency – following standards and conventions
• Feedback – Clarity that the action is taking place
• Non-destructive operations – ability to go back, ability to undo