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.
2. Who are we…
GEOFF LEIGH
Director of Product Development | Foliotek Inc.
http://geoff.foliotek.me
CARRIE LUKE
Instructional Learning Specialist
University of Michigan Library
17. Research
The Halo Effect
What is beautiful is good
(“Physical Attractiveness Stereotype”)
18.
19.
20. Research
The Halo Effect
What is beautiful is good
(“Physical Attractiveness Stereotype”)
Beauty can increases attention
21.
22. 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.
25. 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
29. Rhetorical
We are writing for a specific audience & purpose.
We are designing for a specific audience & purpose.
30.
31. 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.
32.
33. Rhetorical
Fonts, colors, images, graphics, organization, and
overall design all affect the ethos of our portfolios.
34. 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.
42. 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.
ALIGNMENT
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. 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.
57. 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?
58. Visual Design
WHY IT MATTERS AND HOW TO MAKE IT BETTER
GEOFF LEIGH
Director of Product Development | Foliotek Inc.
http://geoff.foliotek.me
CARRIE LUKE
Instructional Learning Specialist
University of Michigan Library
Notes de l'éditeur
Two topics:Why does design matterHow to make it betterThis is teachable
Introduce Carrie Luke
To kick this off, let’s talk about the visceral, or the emotional components of design from purely unscientific standpoint. We’ll do a little session research right now.
I love this photo. Everyone has such an obvious emotional reaction on their face it make it easy to identify my first point.
Love photo --- visceral responseVisual stimulus elicits an emotional responsePrompts us to draw conclusion (right or wrong)How we represent ourselves visually impacts what other people think about us.Story: Romney & PerryPoint important becauseWe are becoming a more visual societyHandshake to virtual introductionsMore forced interactionSome small talkOnline work introduces an individuals characteristicsShallowDraw people in-----------------------------------------------This is so evident that every marketing firm out there is trying to get your attention with some visual attention grabber.As a matter of fact, visual elements are so important that Hollywood personalities generally have a full time Photoshop expert dedicated to touching up every single photo that is ever taken of them. They are so keenly aware of the value in their physical presence, they pay someone full time to make sure it is always as “perfect” as possible.Speaking of emotional responses to the visual, I was listening to an ESPN episode of “The Herd” with Collin Cowherd. He was talking about one of the debates between Rick Perry and Mitt Romney. Now this guy on the radio could have cared less about this debate, but for whatever reason he was watching it the night before and his wife caught a bit of it at home. Just a few seconds. She actually didn’t even hear any of the debate, only saw the two debaters. Her comment to him was “Perry looks more presidential.” Clearly, that was a case where a little research showed otherwise. But still, there was that initial impression that left unstudied drove a knee jerk reaction. Presidential debatesOK.. Let’s move on to something a little more specific. “Stuff”
Story about first seeing images
Story about watching video
Look longerSeeing an attractive personIncreased attention & interestListening better
Ton of researchCommon psychological studyThe Halo EffectNew research on relationship to web design & usability
Ton of researchCommon psychological studyThe Halo EffectNew research on relationship to web design & usability
Joke about “not being good parents”Study looked at these specific characteristicsOther attributes could be attributed as well
2010 -- University of BC in CanadaResearch already done on “positivity” Wanted to research accuracyPay closer attention to beautiful people
Positivity effects on your personality characteristics based on your visual representation of yourself onlineIf aesthetically pleasing, people will look more closely at what you are presentingGood news…… You can change how you look online
To kick this off, let’s talk about the visceral, or the emotional components of design from purely unscientific standpoint. We’ll do a little session research right now.