Good morning,
WebVisions. Let’s do
this thing!
Meagan Fisher
@owltastic on twitter
Previous Job Titles
• Drive thru attendant
• Cashier at a gift shop
• Pizza waitress
• Hotel receptionist
“We want to be a
beloved business
whose customers are
loyal advocates.”
The Service Industry
How?
Show customers
they are welcome,
supported, & valued.
Trying to
create that
“Potato Patch”
feeling
But… service
is so annoying.
Software
• Consistent
• Streamlined
• Efficient
Software
• Consistent
• Streamlined
• Efficient
• Mundane
• Forgettable
• Joyless
“We want to be a
beloved business
whose customers are
loyal advocates.”
Online Businesses
How?
Show customers
they are welcome,
supported, & valued.
Become a beloved business
• Have a (likeable) personality
• Get users to the “kick-ass” zone
• Create a minimum delightful product
Have a likeable
personality.
Zingerman’s!
Even the President loves it.
“The initial welcome is crucial... it’s
imperative that our greeting be energized,
fun and out of the ordinary. A poor
greeting—or even worse, no greeting—to
guests sends a negative, unwelcoming
signal. Passive, script-sounding, canned
phrases are only a slight improvement.”
Zingerman’s Customer Service Guide
Make the right first impression
1. Fun, out of the ordinary
2. Flat, empty, by-the-book
3. Negative, unwelcoming
People form a connection with anything
twitter.com/facespics
“Everything has a personality: everything
sends an emotional signal. Even where this
was not the intention of the designer, the
people who view the website infer
personalities and experience emotions…
Horrible personalities instill horrid emotional
states in their users, usually unwittingly.”
Donald A. Norman, Emotional Design: Why
We Love or Hate Everyday Things
Accidentally
Horrible vs.
Beloved
Personalities
Visual Style =
First Impression
“The major
dimensions of
personality are
dominance and
friendliness… positive
emotions are
associated with a
friendly demeanor…
while negative
emotions are associate
with unfriendliness.”
Dominant vs. Friendly
• Angular vs. curved
• Heavy vs. light
• High contrast vs. low
• Caps vs. lowercase
• Bold vs. regular
• Dense vs. whitespace
Yikes.
Dominant vs. Friendly
• Angular vs. curved
• Heavy vs. light
• High contrast vs. low
• Caps vs. lowercase
• Bold vs. regular
• Dense vs. whitespace
Dominant vs. Friendly
• Angular vs. curved
• Heavy vs. light
• High contrast vs. low
• Caps vs. lowercase
• Bold vs. regular
• Dense vs. whitespace
What kind of personality does
my visual style communicate?
Is it memorable and likeable?
Have a likeable personality
Create a design persona.
“Freddie Von Chimpenheimer IV is the face of
MailChimp and the embodiment of the brand
personality. Freddie’s stout frame communicates
the power of the application, and his on-the-go
posture lets people know this brand means
business. Freddie always has a kind smile that
welcomes users and makes them feel at home.”
Aarron Walter. “Designing for Emotion.”
dribbble.com/gregoryhartman
behance.net/gallery/6322595/ZocDoccom
…but a mascot
doesn’t make sense
for my company.
What would our design persona look like?
What does our
content say about
who we are?
“How can we leverage
our content to
identify, target, and
engage top innovative
pinfluencers?”
@unsuckit & unsuck-it.com
cipsum.com
sansbullshitsans.com
“Publishing content that is self-absorbed in
substance or style alienates readers. If you’re the
only one offering a desirable product or service,
you might not see the effects of narcissistic
content right away, but someone will eventually
come along and eat your lunch by offering the
exact same thing in a user-centered way.”
Erin Kissane. “The Elements of Content Strategy.”
This
could be
any B2B
service!
✓ Take control of your
online channel
✓ Take advantage of
enterprise-class features
✓ Scale and grow your
business – now and into
the future
✓ Flexibility to meet your
unique needs
✓ Grow Your Company with
Customer-centric CRM
Software in the Cloud
✓ The only cloud solution that
delivers a real-time 360-
degree view of your customer.
✓ A seamless flow of
information across the entire
customer lifecycle from lead
through to opportunity, sales
order, fulfillment, renewal,
upsell, cross-sell, and
support.
✓ Flexibility to meet your
unique needs
✓ Elevates productivity across
the organization with a 360-
degree view of your
customers.
✓ Improves sales performance
through forecasting, upsell
and commission
management.
✓ Manage global sales and
services organizations.
“Only NetSuite’s customer service
software gives everyone that
interfaces with the customer access
to complete, key customer data in
real time empowering them to
better support your customers
while driving upsell and cross-sell.”
what the hell.
Believe in
Something
How can your design and content
convey your company’s unique
personality?
How can you show the people
using your service they are
welcomed, supported, valued?
Getting users to the
kick-ass zone
“How long do your users spend in the ‘I
suck’ (or ‘this product sucks’) zone? Once
they’ve crossed the suck threshold, how long
does it take before they start to feel like they
kick ass? Both of those thresholds are key
milestones on a user’s path to passion, and it’s
often the case that he-who-gets-his-users-
there-first wins.”
Kathy Sierra, Creating Passionate Users
I Love Vine Wine
Chardonnay
South Africa
“A spicy apple (pie?)
scented wine. Dry with
almost a creamy
texture. The winemaker
blasts classical music to
his vines all day.
Wonder if it helps…”
We can make this shorter!
I suck I rule
Adding
personality to
the product
Creating “Minimum Delightful
Products”
• Remind users of the humanity
behind the interface.
• Include microcopy that’s
informative and enjoyable.
“We want people to think of Dropbox as a place to
collaborate, and a big part of that is elevating the people you
connect with. One way we're doing that is thinking about
places we can surface user's faces on the web.”
Daniel Eden, dribbble.com/shots/1972358-Faceholder
littlebigdetails.com/
“Words don’t always need to be
pressed into service for functional
needs; sometimes they can be
used simply to satisfy our
emotional needs. We’re emotional
creatures… bringing a smile to
your users’ faces can make a world
of difference.”
Christopher Murphy & Nicklas
Persson. “A Pocket Guide to the
Craft of Words, Part 2 - Microcopy.”
Using Microcopy to create
“Minimum Delightful Products”
dribbble.com/mariusz
dribbble.com/
LumenBigott
Creating “Minimum Delightful Products”
• How can we remind users of the
humanity behind the interface? What
elements in our product could have a
human or emotional component to them?
• How can we use our content and imagery
to lighten otherwise frustrating moments
in our product?
Treat customers like
they are welcome,
supported, and valued.
Become a beloved business
• Have a (likeable) personality
• Get users to the “kick-ass” zone
• Create a minimum delightful product
Thanks!
Meagan Fisher
@owltastic on twitter
owltastic.com

Users are People Too

  • 1.
    Good morning, WebVisions. Let’sdo this thing! Meagan Fisher @owltastic on twitter
  • 2.
    Previous Job Titles •Drive thru attendant • Cashier at a gift shop • Pizza waitress • Hotel receptionist
  • 3.
    “We want tobe a beloved business whose customers are loyal advocates.” The Service Industry
  • 4.
    How? Show customers they arewelcome, supported, & valued.
  • 6.
  • 7.
  • 8.
  • 9.
    Software • Consistent • Streamlined •Efficient • Mundane • Forgettable • Joyless
  • 10.
    “We want tobe a beloved business whose customers are loyal advocates.” Online Businesses
  • 11.
    How? Show customers they arewelcome, supported, & valued.
  • 12.
    Become a belovedbusiness • Have a (likeable) personality • Get users to the “kick-ass” zone • Create a minimum delightful product
  • 13.
  • 14.
  • 15.
  • 16.
    “The initial welcomeis crucial... it’s imperative that our greeting be energized, fun and out of the ordinary. A poor greeting—or even worse, no greeting—to guests sends a negative, unwelcoming signal. Passive, script-sounding, canned phrases are only a slight improvement.” Zingerman’s Customer Service Guide
  • 17.
    Make the rightfirst impression 1. Fun, out of the ordinary 2. Flat, empty, by-the-book 3. Negative, unwelcoming
  • 18.
    People form aconnection with anything twitter.com/facespics
  • 19.
    “Everything has apersonality: everything sends an emotional signal. Even where this was not the intention of the designer, the people who view the website infer personalities and experience emotions… Horrible personalities instill horrid emotional states in their users, usually unwittingly.” Donald A. Norman, Emotional Design: Why We Love or Hate Everyday Things
  • 20.
  • 23.
  • 24.
    “The major dimensions of personalityare dominance and friendliness… positive emotions are associated with a friendly demeanor… while negative emotions are associate with unfriendliness.”
  • 25.
    Dominant vs. Friendly •Angular vs. curved • Heavy vs. light • High contrast vs. low • Caps vs. lowercase • Bold vs. regular • Dense vs. whitespace
  • 27.
  • 30.
    Dominant vs. Friendly •Angular vs. curved • Heavy vs. light • High contrast vs. low • Caps vs. lowercase • Bold vs. regular • Dense vs. whitespace
  • 32.
    Dominant vs. Friendly •Angular vs. curved • Heavy vs. light • High contrast vs. low • Caps vs. lowercase • Bold vs. regular • Dense vs. whitespace
  • 34.
    What kind ofpersonality does my visual style communicate? Is it memorable and likeable? Have a likeable personality
  • 35.
  • 36.
    “Freddie Von ChimpenheimerIV is the face of MailChimp and the embodiment of the brand personality. Freddie’s stout frame communicates the power of the application, and his on-the-go posture lets people know this brand means business. Freddie always has a kind smile that welcomes users and makes them feel at home.” Aarron Walter. “Designing for Emotion.”
  • 40.
  • 42.
  • 43.
    …but a mascot doesn’tmake sense for my company.
  • 44.
    What would ourdesign persona look like?
  • 45.
    What does our contentsay about who we are?
  • 46.
    “How can weleverage our content to identify, target, and engage top innovative pinfluencers?”
  • 47.
  • 48.
  • 49.
  • 50.
    “Publishing content thatis self-absorbed in substance or style alienates readers. If you’re the only one offering a desirable product or service, you might not see the effects of narcissistic content right away, but someone will eventually come along and eat your lunch by offering the exact same thing in a user-centered way.” Erin Kissane. “The Elements of Content Strategy.”
  • 52.
    This could be any B2B service! ✓Take control of your online channel ✓ Take advantage of enterprise-class features ✓ Scale and grow your business – now and into the future ✓ Flexibility to meet your unique needs
  • 55.
    ✓ Grow YourCompany with Customer-centric CRM Software in the Cloud ✓ The only cloud solution that delivers a real-time 360- degree view of your customer. ✓ A seamless flow of information across the entire customer lifecycle from lead through to opportunity, sales order, fulfillment, renewal, upsell, cross-sell, and support. ✓ Flexibility to meet your unique needs ✓ Elevates productivity across the organization with a 360- degree view of your customers. ✓ Improves sales performance through forecasting, upsell and commission management. ✓ Manage global sales and services organizations.
  • 56.
    “Only NetSuite’s customerservice software gives everyone that interfaces with the customer access to complete, key customer data in real time empowering them to better support your customers while driving upsell and cross-sell.”
  • 57.
  • 60.
  • 66.
    How can yourdesign and content convey your company’s unique personality? How can you show the people using your service they are welcomed, supported, valued?
  • 67.
    Getting users tothe kick-ass zone
  • 68.
    “How long doyour users spend in the ‘I suck’ (or ‘this product sucks’) zone? Once they’ve crossed the suck threshold, how long does it take before they start to feel like they kick ass? Both of those thresholds are key milestones on a user’s path to passion, and it’s often the case that he-who-gets-his-users- there-first wins.” Kathy Sierra, Creating Passionate Users
  • 69.
  • 72.
    Chardonnay South Africa “A spicyapple (pie?) scented wine. Dry with almost a creamy texture. The winemaker blasts classical music to his vines all day. Wonder if it helps…”
  • 76.
    We can makethis shorter! I suck I rule
  • 77.
  • 79.
    Creating “Minimum Delightful Products” •Remind users of the humanity behind the interface. • Include microcopy that’s informative and enjoyable.
  • 80.
    “We want peopleto think of Dropbox as a place to collaborate, and a big part of that is elevating the people you connect with. One way we're doing that is thinking about places we can surface user's faces on the web.” Daniel Eden, dribbble.com/shots/1972358-Faceholder
  • 84.
  • 85.
    “Words don’t alwaysneed to be pressed into service for functional needs; sometimes they can be used simply to satisfy our emotional needs. We’re emotional creatures… bringing a smile to your users’ faces can make a world of difference.” Christopher Murphy & Nicklas Persson. “A Pocket Guide to the Craft of Words, Part 2 - Microcopy.” Using Microcopy to create “Minimum Delightful Products”
  • 89.
  • 91.
  • 92.
    Creating “Minimum DelightfulProducts” • How can we remind users of the humanity behind the interface? What elements in our product could have a human or emotional component to them? • How can we use our content and imagery to lighten otherwise frustrating moments in our product?
  • 93.
    Treat customers like theyare welcome, supported, and valued.
  • 94.
    Become a belovedbusiness • Have a (likeable) personality • Get users to the “kick-ass” zone • Create a minimum delightful product
  • 95.