Embed Size (px)
DESCRIPTION
In today’s world, very little content is delivered void of a visual aesthetic wrapper. However, a vast majority of those aesthetic wrappers fail to adhere to common visual design principles. Research known for decades shows that coupling common visual design principles with content can enhance retention (Kanuka & Szabo 1999). In addition, it has been found that the visual appeal of the wrapper around the content affects an individual’s emotional response (Norman 2003). These findings have tremendous impact for the current environment where people are encouraged to visually design wrappers for the content they share on the internet. Educating individuals on the value of visual design and teaching common design principles, equips individuals with the ability to know what constitutes good design, and in turn, create their own. This increases the value of shared content delivered via the internet.
Citation preview
Visual DesignWHY IT MATTERS AND HOW TO MAKE IT BETTER
Who are we…
GEOFF LEIGHDirector of Product Development | Foliotek Inc.http://geoff.foliotek.me
CARRIE LUKEInstructional Learning SpecialistUniversity of Michigan Library
Why Does the Visual
Matter
Visceral Research
Visceral (emotional)
Emotional reaction to visual stimulus
Visceral (emotional)
Emotional reaction to visual stimulus Beautiful visual stimulus elicits a positive
emotional response
Visceral (emotional)
Emotional reactions to any visual stimulus Beautiful visual stimulus elicits a positive
emotional response Effects of beauty
Rose-colored glasses Increased attention & interest
Visceral Research
Research
The Halo Effect
Research
The Halo Effect What is beautiful is good
(“Physical Attractiveness Stereotype”)
Research
The Halo Effect What is beautiful is good
(“Physical Attractiveness Stereotype”) Beauty can increases attention
t”
What is beautiful is good and more accurately understood. Physical attractiveness and accuracy in first impressions of personality.
Beautiful people are seen more positively than others, but are they also seen more accurately? In a round-robin design in which previously unacquainted individuals met for 3 min, results were consistent with the "beautiful is good" stereotype: More physically attractive individuals were viewed with greater normative accuracy; that is, they were viewed more in line with the highly desirable normative profile. Notably, more physically attractive targets were viewed more in line with their unique self-reported personality traits, that is, with greater distinctive accuracy. Further analyses revealed that both positivity and accuracy were to some extent in the eye of the beholder: Perceivers' idiosyncratic impressions of a target's attractiveness were also positively related to the positivity and accuracy of impressions. Overall, people do judge a book by its cover, but a beautiful cover prompts a closer reading, leading more physically attractive people to be seen both more positively and more accurately.
What is beautiful is good and more accurately understood. Physical attractiveness and accuracy in first impressions of personality.
Beautiful people are seen more positively than others, but are they also seen more accurately? In a round-robin design in which previously unacquainted individuals met for 3 min, results were consistent with the "beautiful is good" stereotype: More physically attractive individuals were viewed with greater normative accuracy; that is, they were viewed more in line with the highly desirable normative profile. Notably, more physically attractive targets were viewed more in line with their unique self-reported personality traits, that is, with greater distinctive accuracy. Further analyses revealed that both positivity and accuracy were to some extent in the eye of the beholder: Perceivers' idiosyncratic impressions of a target's attractiveness were also positively related to the positivity and accuracy of impressions. Overall, people do judge a book by its cover, but a beautiful cover prompts a closer reading, leading more physically attractive people to be seen both more positively and more accurately.
What does this meanfor you?
Rhetorical
Visual
Rhetorical
“Visual thinking pervades all human activity, from the abstract and the theoretical to the down-to-earth and everyday…”
-- Robert McKim Experiences in Visual
Thinking, 1980
Rhetorical
We are writing for a specific audience & purpose.
Rhetorical
We are writing for a specific audience & purpose. We are designing for a specific audience & purpose.
Rhetorical
We are writing for a specific audience & purpose. We are designing for a specific audience &
purpose. Content and design work together to make an
effective argument.
Rhetorical
Fonts, colors, images, graphics, organization, and overall design all affect the ethos of our portfolios.
Rhetorical
Fonts, colors, images, graphics, organization, and overall design all affect the ethos of our portfolios.
It is critical for students to understand the importance of design and its impact on their readers, especially as they enter into their careers.
Rhetorical
Visual
How to make the Visual
Better
PARC
PROXIM
ITY
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eget egestas massa, vitae elementum eros. Suspendisse potenti. Suspendisse bibendum nunc quis nisl euismod, quis sollicitudin urna porta. Proin dictum rhoncus orci semper gravida. Vestibulum hendrerit, ipsum eget pulvinar semper, augue massa dictum augue, ac scelerisque magna nibh sit amet tellus. Aliquam vitae nulla orci. Phasellus vel felis vitae mi sodales tincidunt vel sit amet metus. Suspendisse potenti. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla metus odio, consequat quis tortor quis, bibendum dictum felis. Nulla ultrices est lacus, ut sollicitudin diam molestie non. Phasellus sagittis pharetra tempus. Sed at elementum sem. Duis porttitor sit amet neque in vehicula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla metus odio, consequat quis tortor quis, bibendum dictum felis. Nulla ultrices est lacus, ut sollicitudin diam molestie non. Phasellus sagittis pharetra tempus. Sed at elementum sem. Duis porttitor sit amet neque in vehicula. Proin dictum rhoncus orci semper gravida. Vestibulum hendrerit, ipsum eget pulvinar semper, augue massa dictum augue, ac scelerisque magna nibh sit amet tellus. Aliquam vitae nulla orci. Phasellus vel felis vitae mi sodales tincidunt vel sit amet metus. Suspendisse potenti. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla metus odio, consequat quis tortor quis, bibendum dictum felis. Nulla ultrices est lacus, ut sollicitudin diam molestie non.
ALIGNMENTLorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eget egestas massa, vitae elementum eros. Suspendisse potenti. Suspendisse bibendum nunc
quis nisl euismod, quis sollicitudin urna porta. Proin dictum rhoncus orci semper gravida. Vestibulum hendrerit, ipsum eget pulvinar semper, augue massa dictum augue, ac scelerisque magna nibh sit amet tellus. Aliquam vitae nulla orci. Phasellus vel felis vitae mi sodales tincidunt vel sit amet metus. Suspendisse potenti.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla metus odio, consequat quis tortor quis, bibendum dictum felis. Nulla ultrices est lacus, ut sollicitudin diam molestie non. Phasellus sagittis pharetra tempus. Sed at elementum sem. Duis porttitor sit amet neque in vehicula. Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Nulla metus odio, consequat quis tortor quis, bibendum dictum felis. Proin dictum rhoncus orci semper gravida. Vestibulum hendrerit, ipsum eget pulvinar semper, augue massa dictum augue, ac scelerisque magna nibh sit amet tellus. Aliquam vitae nulla orci. Phasellus vel felis vitae mi sodales tincidunt vel sit amet metus. Suspendisse potenti. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla metus odio, consequat quis tortor quis, bibendum dictum felis.
Nulla ultrices est lacus, ut sollicitudin diam molestie non. Phasellus sagittis pharetra tempus. Sed at elementum sem. Duis porttitor sit amet neque in vehicula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla metus odio, consequat quis tortor quis, bibendum dictum felis. Nulla ultrices est lacus, ut sollicitudin diam molestie non. Phasellus sagittis pharetra tempus. Sed at ementum em. Duis porttitor sit amet neque in vehicula. Nulla ultrices est lacus, ut sollicitudin diam
molestie non. Phasellus sagittis pharetra tempus. Sed at elementum sem. Duis porttitor sit amet neque in vehicula. Phasellus sagittis pharetra tempus. Sed at elementum sem. Duis porttitor sit amet neque in vehicula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla metus odio, consequat quis tortor quis,
bibendum dictum felis. Nulla ultrices est lacus, ut sollicitudin diam molestie non. Phasellus sagittis pharetra tempus. Sed at elementum sem. Duis porttitor sit amet neque in vehicula.
REPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITION
REPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITION
REPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITION
REPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITION
REPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITION
REPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITION
REPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITION
REPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITION
repetition
CONTRAST
Design Self-Evaluation
Is my design clarifying and enhancing my content? Is my design clean? Meaningfully organized? Are associated elements close to each other and
aligned with each other? Are my fonts readable? Do my images / graphics add value? Are my images / graphics professional and interesting?
Visual DesignWHY IT MATTERS AND HOW TO MAKE IT BETTER
GEOFF LEIGHDirector of Product Development | Foliotek Inc.
http://geoff.foliotek.me
CARRIE LUKEInstructional Learning Specialist
University of Michigan Library
