How to build emotional websitesPresentation Transcript
How to build
a presentation by Mateus Pinheiro and Sibele Castro
our previous presentation in Desic
our artifact, an interactive website
that aims to help designers choosing
the best fonts for their projects.
Are we using internet’s
“attractive things works better!”
makes us more
tolerant of minor
Do you remember?
Combining the 3 levels,
you can make a design ...
“humor is an effective way
to connect with people”
Breaks the ice
Makes people feel comfortable
Humor is difficult to generalize
What is funny to someone might be ridiculous or even offensive to others
Know the user and the context of use
Avoid making people feel uncomfortable
Mailchimp (Marketing mail system)
Little jokes that doesn’t get in the way of the user’s workflow
There’s an option to turn off the jokes
“we try to relate everything we see
If we recognize content on a website — such as a problem,
dilemma, habit or whatever else — we feel connected and
“patterns gives us ideas of
what to expect”
And we love to know what to expect!
Fit the user’s mental models
“but what if we
don’t do that?”
Users will be lost and frustrated
(And you really don’t want that)
Users won’t mind breaking the habit.
In fact they will like the distraction
Sometimes the dissonance with their expectations
can be a positive or fun experience.
(but be careful again)
Tone of voice
“How you communicate with users
says a lot about your relationship
If you wrap a serious message in a humorous story, users
might not take you seriously.
Tone of voice
“engaging people helps us build
relationships and positive
We don’t remind good usability and we are hardly surprised
to find the content we are looking for.
These are requirements!
“We love to interact!
We love to customize!”
Using a different form of interaction can make your
Sometimes you need to be straightforward.
Time to review
A design can be...
Humor, Recognition, Dissonance, Tone of voice & Engagement
We become more creative if we are
confronted with something attractive
This creativity helps us solve problems
Emotions give us positive experiences,
making us happier and giving us better
Internal design goals as well as
the needs, expectations and
context of users will determine
how the designer should
balance those three levels and
what to emphasize in order to
get the most out of the design