Microcopy: How to write small, deadly copy for all occasions

00:30:21
https://www.youtube.com/watch?v=pkbO6hwLbpc

Ringkasan

TLDRThe talk emphasizes the significance of microcopy in enhancing user interfaces. The speaker shares personal experiences from their work, illustrating how small text changes can resolve user confusion and improve conversion rates. Microcopy is defined as concise, contextually relevant text that addresses specific user concerns. The speaker highlights its presence in various interface elements, such as sign-up forms and error messages, and stresses the importance of usability testing to refine microcopy. Ultimately, effective microcopy not only reduces friction but also adds personality to interfaces, fostering user satisfaction and loyalty.

Takeaways

  • 📝 Microcopy is crucial for user interfaces.
  • 💡 Small text changes can significantly improve user experience.
  • 🔍 Usability testing helps identify effective microcopy.
  • 📈 Effective microcopy can boost conversion rates.
  • 🤝 Microcopy addresses user concerns and questions.
  • 🎨 Microcopy adds personality to interfaces.
  • 💬 Clear instructions enhance user satisfaction.
  • 🚀 Writing good microcopy is a fast way to improve interfaces.
  • 🔑 Anticipate user needs with contextual microcopy.
  • 💖 Friendly microcopy fosters user loyalty.

Garis waktu

  • 00:00:00 - 00:05:00

    The speaker introduces the concept of microcopy, sharing a personal story about its origin while working at a company in Boston. They describe the development of an e-commerce checkout system and the challenges faced with error codes during transactions, particularly related to billing addresses. A simple addition of instructional copy significantly reduced transaction errors and improved revenue.

  • 00:05:00 - 00:10:00

    The speaker highlights the importance of microcopy in various contexts, such as reassuring users during sign-ups and clarifying processes. They provide examples of effective microcopy, including messages that alleviate user concerns about account creation and document sharing, emphasizing how small details can have a big impact on user experience.

  • 00:10:00 - 00:15:00

    The speaker defines microcopy as short, contextually relevant phrases that address specific user questions or concerns. They explain that effective microcopy can reduce friction in user interfaces, making them more usable. The speaker emphasizes the need for usability testing to identify what microcopy is necessary, as it can vary widely depending on the context.

  • 00:15:00 - 00:20:00

    The speaker discusses the pervasive nature of microcopy across different interfaces, providing examples from sign-up screens, application settings, and error messages. They illustrate how microcopy can add personality and humor to user interactions, making the experience more enjoyable and engaging for users.

  • 00:20:00 - 00:25:00

    The speaker shares a case study from HubSpot, demonstrating how microcopy can enhance user experience by making data actionable. They explain how positive reinforcement through microcopy can encourage users to maintain successful behaviors, while also addressing issues with appropriately serious messaging when performance declines.

  • 00:25:00 - 00:30:21

    The speaker concludes by reiterating the significance of microcopy in UI design, arguing that it is a crucial element for improving user interfaces. They stress the importance of careful attention to copywriting, suggesting that designers who prioritize microcopy contribute to stronger, more effective designs.

Tampilkan lebih banyak

Peta Pikiran

Video Tanya Jawab

  • What is microcopy?

    Microcopy refers to short phrases or sentences that provide context or guidance to users in an interface.

  • Why is microcopy important?

    Microcopy helps reduce friction, clarifies user actions, and enhances overall user experience.

  • Can microcopy improve conversion rates?

    Yes, effective microcopy can lead to higher conversion rates by addressing user concerns and guiding them through processes.

  • Where can microcopy be found?

    Microcopy can be found in various places such as sign-up forms, error messages, and instructional text throughout an interface.

  • How can I test the effectiveness of microcopy?

    Usability testing can help determine how users respond to microcopy and identify areas for improvement.

  • What are some examples of effective microcopy?

    Examples include reassuring messages like 'No credit card required' or 'You can change this later'.

  • How does microcopy contribute to user satisfaction?

    Well-crafted microcopy can make users feel understood and supported, enhancing their overall satisfaction with the product.

  • What should I consider when writing microcopy?

    Consider the context, user concerns, and the tone of voice that aligns with your brand.

  • How can microcopy add personality to an interface?

    Microcopy can incorporate humor or friendly language, making the interface feel more relatable and engaging.

  • What is the relationship between microcopy and UI design?

    Microcopy is a crucial aspect of UI design, as it directly impacts user interaction and experience.

Lihat lebih banyak ringkasan video

Dapatkan akses instan ke ringkasan video YouTube gratis yang didukung oleh AI!
Teks
en
Gulir Otomatis:
  • 00:00:00
    [Music]
  • 00:00:06
    [Music]
  • 00:00:14
    so I want to I want to start um um this
  • 00:00:19
    talk on microcopy
  • 00:00:21
    um with the story of kind of how um I
  • 00:00:25
    came to start using uh the term and
  • 00:00:27
    writing a blog post about it Um a few
  • 00:00:31
    years ago I was working uh for a company
  • 00:00:34
    uh called user interface
  • 00:00:36
    engineering in um the Boston area in uh
  • 00:00:40
    Massachusetts and um I was doing a whole
  • 00:00:43
    bunch of things for them I was doing uh
  • 00:00:45
    consulting um web design web development
  • 00:00:48
    and I and we were just starting to offer
  • 00:00:53
    um webinars for sale So um we would
  • 00:00:56
    record webinars um and then you could
  • 00:00:58
    come to the website and purchase access
  • 00:01:00
    to them And so as part of that I um
  • 00:01:04
    built a um checkout e-commerce checkout
  • 00:01:07
    system and um this is this is the
  • 00:01:12
    primary screen from it Right so it's
  • 00:01:15
    pretty typical uh billing information
  • 00:01:17
    screen Um you can see we have card
  • 00:01:20
    information up top and then uh billing
  • 00:01:24
    uh address stuff down bottom And um it
  • 00:01:28
    was the first time I I'd ever built
  • 00:01:30
    something like that Um and we were we
  • 00:01:33
    were accessing PayPal Um we were at the
  • 00:01:37
    time and so every transaction
  • 00:01:40
    um that that was sent went to PayPal
  • 00:01:44
    then PayPal would send back a um a
  • 00:01:47
    response And so if the if the purchase
  • 00:01:50
    went through successfully the response
  • 00:01:52
    would be okay Um and if the if there was
  • 00:01:56
    a problem you would get an error code
  • 00:01:58
    And uh we quickly realized that it was
  • 00:02:01
    very beneficial to send ourselves the
  • 00:02:04
    error codes to figure out exactly what
  • 00:02:07
    was going on Um there were a lot of
  • 00:02:09
    errors Uh credit card number is wrong Um
  • 00:02:12
    the expiration date uh is wrong Um the
  • 00:02:16
    security code is wrong You can see we
  • 00:02:18
    even put a copy a little link to the
  • 00:02:21
    right of that how to find this on your
  • 00:02:23
    card Um back then it was I don't know
  • 00:02:26
    seven or eight years ago It was
  • 00:02:28
    relatively new and people had no idea
  • 00:02:30
    how to find it Um they also um sometimes
  • 00:02:36
    the country wasn't listed Um people you
  • 00:02:39
    know countries change uh relatively
  • 00:02:41
    often um and so we had to put copy in
  • 00:02:44
    there for that Um but there there were a
  • 00:02:47
    whole host of there were hundreds of of
  • 00:02:49
    possible errors and we kept getting um
  • 00:02:52
    errors over and over again Um some we
  • 00:02:55
    couldn't do anything about Um but one in
  • 00:02:57
    particular we got um which was that the
  • 00:03:01
    address people were putting in didn't
  • 00:03:03
    match the card number Um it didn't match
  • 00:03:07
    the address that that that person had on
  • 00:03:10
    the card Um and this was relatively
  • 00:03:12
    common It affected like 5 to 10% of
  • 00:03:15
    transactions And so we we were you
  • 00:03:18
    losing real money um by um by having
  • 00:03:22
    that error so much Um and so um you know
  • 00:03:26
    we were tracking it over time Um and
  • 00:03:28
    then we thought okay well why don't we
  • 00:03:30
    try to put in some copy to see if we can
  • 00:03:33
    fix that problem Um so we just added
  • 00:03:36
    this copy right here Be sure to enter
  • 00:03:37
    the billing address associated with your
  • 00:03:39
    credit card Um and overnight we started
  • 00:03:43
    making more money The problem went away
  • 00:03:45
    completely Um never get emailed about it
  • 00:03:47
    again Um and that was it right so
  • 00:03:52
    um didn't really think much of it at the
  • 00:03:54
    time and you know just kind of went on
  • 00:03:57
    and and kept building other stuff and
  • 00:03:59
    and doing more more stuff like that Um
  • 00:04:02
    but since then um or or I should say
  • 00:04:05
    after after that fact um I started
  • 00:04:08
    noticing um other other
  • 00:04:12
    places where little bits of copy like
  • 00:04:14
    that had a pretty cool effect right so
  • 00:04:18
    here's a very common pattern um that
  • 00:04:21
    you'll see on like a free trial or sign
  • 00:04:24
    up Um you'll get this little message no
  • 00:04:27
    credit card required right that's a
  • 00:04:30
    really um kind of small detail but it
  • 00:04:32
    matters a lot when you're actually
  • 00:04:34
    thinking about signing up for this
  • 00:04:36
    web-based service So that's a that's a
  • 00:04:39
    really kind of important thing to know
  • 00:04:42
    Um here's another site that um uh Mark
  • 00:04:46
    Bolton wrote a book called Designing for
  • 00:04:48
    the Web Um and on the left hand side he
  • 00:04:51
    was using PayPal as well Um he had this
  • 00:04:54
    little bit of copy that says um
  • 00:04:58
    transactions are handle handled through
  • 00:05:00
    PayPal but you don't need a PayPal
  • 00:05:03
    account uh to purchase Um I remember
  • 00:05:06
    when um that was a really huge deal to
  • 00:05:10
    people because there was a huge um
  • 00:05:12
    backlash against PayPal I think it's
  • 00:05:14
    still actually ongoing Um and uh but
  • 00:05:19
    people were extremely wary of having to
  • 00:05:21
    create a PayPal account in order to
  • 00:05:23
    check out So this tiny bit of copy
  • 00:05:25
    actually alleviates a lot of concerns
  • 00:05:27
    that people have Um you know you can
  • 00:05:29
    just use your credit card you don't have
  • 00:05:30
    to create an account
  • 00:05:33
    Another example that um several people
  • 00:05:37
    um including my family members mentioned
  • 00:05:39
    to me is that when you get an email um
  • 00:05:42
    that someone has shared a Google doc
  • 00:05:44
    with you um you um and if you've never
  • 00:05:48
    used Google Docs before it's really it's
  • 00:05:50
    kind of confusing like someone shared a
  • 00:05:51
    document with me but it's not attached
  • 00:05:54
    in the email like where is it i don't
  • 00:05:56
    know Um and so uh of course Google Docs
  • 00:05:59
    is is web- based service and so they
  • 00:06:02
    have this little bit of copy down here
  • 00:06:03
    at the bottom that says it's not an
  • 00:06:06
    attachment um the document stored online
  • 00:06:08
    at Google Docs So you just click the
  • 00:06:10
    link Um and I and I remember people
  • 00:06:13
    telling me um who I was sharing Google
  • 00:06:15
    Docs with like yeah I had no idea until
  • 00:06:17
    I read that little bit of copy that was
  • 00:06:18
    so helpful
  • 00:06:20
    Um and so so all these kind of little
  • 00:06:24
    places um kind of added up in in my head
  • 00:06:29
    and I started thinking like this isn't
  • 00:06:31
    just regular copy right it's like this
  • 00:06:33
    tiny little copy that tells you the
  • 00:06:35
    thing you need to know at like the exact
  • 00:06:38
    right time Um and I call it microcopy Um
  • 00:06:43
    and um so I wrote I subsequently wrote a
  • 00:06:47
    blog post about it um on June 9th
  • 00:06:51
    2009 Uh and it was one of those blog
  • 00:06:55
    articles that you just that that you
  • 00:06:57
    write quickly Um I just had a few
  • 00:07:00
    examples um just describing what I meant
  • 00:07:02
    by it Um I wrote it in like 15 or 20
  • 00:07:05
    minutes Um and if if you know any
  • 00:07:08
    bloggers it's kind of that phenomenon
  • 00:07:10
    where like you you you know you write
  • 00:07:14
    thousands of blog posts and then one
  • 00:07:16
    just kind of takes off and you don't
  • 00:07:17
    really know why and you couldn't have
  • 00:07:18
    predicted it or anything like that Um so
  • 00:07:21
    this was one for me Um and and I got a
  • 00:07:24
    lot of traffic and and all that Um and
  • 00:07:27
    other people started saying to me like
  • 00:07:28
    "Yeah thank you for giving a a name to
  • 00:07:31
    that thing I've seen it I've seen it so
  • 00:07:33
    many times." Um so for better or worse
  • 00:07:36
    uh the the term microcopy is my fault Um
  • 00:07:40
    so I want to talk to you uh more about
  • 00:07:42
    microcopy and about the details of
  • 00:07:43
    microcopy because I think it's um
  • 00:07:45
    extremely interesting Um so to kind of
  • 00:07:48
    define the term uh what is microcopy
  • 00:07:51
    it's just a short sentence um phrase
  • 00:07:54
    Sometimes it's a single word It's just
  • 00:07:56
    like perfectly um placed Um it's it's
  • 00:08:01
    often targeted at a very specific
  • 00:08:04
    question or concern Um so it helps
  • 00:08:07
    people uh answer a question Um it it
  • 00:08:11
    tells people okay you don't need an
  • 00:08:12
    account Um you know it's it's like it's
  • 00:08:15
    like you're anticipating um the troubles
  • 00:08:19
    you're going to have with with an
  • 00:08:20
    interface Um it's always extremely
  • 00:08:23
    contextual So um this actually makes it
  • 00:08:26
    really hard to predict So until you do
  • 00:08:29
    like usability testing or until you
  • 00:08:31
    watch people use um your software or
  • 00:08:34
    interface you you probably won't be able
  • 00:08:37
    to predict what microcopy is needed Um
  • 00:08:41
    there some that are getting pretty
  • 00:08:43
    standard like no credit card required um
  • 00:08:45
    or you don't need an account to to use
  • 00:08:47
    PayPal That those are becoming extremely
  • 00:08:50
    common So um you can kind of anticipate
  • 00:08:53
    those Um but there's a lot of a lot more
  • 00:08:55
    cases that um you just can't anticipate
  • 00:08:58
    You don't know if they're
  • 00:08:59
    coming Um and finally um you know I
  • 00:09:02
    think uh microcopy is your secret weapon
  • 00:09:06
    Um I um in I do a lot of usability
  • 00:09:10
    testing uh at HubSpot and so many of the
  • 00:09:14
    problems can just be just removed by
  • 00:09:18
    just adding the tiniest bit of copy It's
  • 00:09:20
    it's really amazing Um and um so I I
  • 00:09:24
    kind of think of it as like a secret
  • 00:09:26
    weapon Um so that's kind of the the main
  • 00:09:29
    benefit is that microcopy reduces
  • 00:09:31
    friction It does a lot of other things
  • 00:09:33
    It clarifies and nudges and reassures
  • 00:09:35
    people Um but the end result is that it
  • 00:09:38
    removes friction from the interface Um
  • 00:09:42
    and I kind of think of it I kind of
  • 00:09:44
    think of it like this person scratching
  • 00:09:46
    their head um kind of sitting down um at
  • 00:09:50
    an interface Um all
  • 00:09:53
    interfaces uh you know introduce
  • 00:09:55
    friction right like to use them takes
  • 00:09:57
    effort of some sort Um so there is
  • 00:10:00
    friction there Um and I kind of think
  • 00:10:02
    about like as you add bits of microcopy
  • 00:10:05
    you kind of give them a set of stairs to
  • 00:10:09
    to get over
  • 00:10:11
    um to get over that interface So a bunch
  • 00:10:14
    of different microcopy changes can make
  • 00:10:16
    an unusable interface into a usable one
  • 00:10:19
    Or like my opening example can make a
  • 00:10:23
    billing uh system where there's 20 to
  • 00:10:27
    30% error where there is a 20 to 30%
  • 00:10:30
    error rate Um and we brought it down to
  • 00:10:33
    under 5% total um by just making those
  • 00:10:36
    small copy changes
  • 00:10:39
    Um so I I my my claim is this that
  • 00:10:42
    writing good microcopy is the fastest
  • 00:10:44
    way to improve your interface Um if if
  • 00:10:47
    you have um you know five minutes to
  • 00:10:50
    improve an interface um redesigning will
  • 00:10:53
    take too long Uh changing actual
  • 00:10:56
    elements on the page will take too long
  • 00:10:58
    Um you know changing the visual design
  • 00:11:00
    will take too long Um but sometimes just
  • 00:11:03
    adding a word or two you know is super
  • 00:11:05
    easy and makes a huge difference Um so
  • 00:11:08
    where is microcopy um the simple answer
  • 00:11:11
    is that it's everywhere Um it's in
  • 00:11:14
    almost any interface you can find Um
  • 00:11:17
    here it's in signup screens So we see it
  • 00:11:21
    uh down here Um on the site uh verb um
  • 00:11:26
    you you would create your site and you
  • 00:11:29
    would put in a site name Um um but at
  • 00:11:32
    the end they say don't stress you can
  • 00:11:34
    change this at any time Um and I've seen
  • 00:11:37
    that work really well This you can
  • 00:11:40
    change this at any time or don't worry
  • 00:11:42
    you can change this later Um that sort
  • 00:11:45
    of copy is extremely valuable Uh be
  • 00:11:48
    especially when you're creating an
  • 00:11:50
    account Um because people often want to
  • 00:11:53
    know that Um especially if you're like
  • 00:11:56
    setting up a URL or something like that
  • 00:11:59
    Um it's it's incredibly valuable to let
  • 00:12:01
    people know whether or not they can
  • 00:12:03
    change it Um if you can't change it it's
  • 00:12:06
    really good to say that too like this is
  • 00:12:08
    permanent You can't change this so you
  • 00:12:10
    better get it
  • 00:12:11
    right We also see microcopy in
  • 00:12:14
    application settings This is um the
  • 00:12:17
    WordPress admin screen Um and you can
  • 00:12:21
    see nestled underneath that first set of
  • 00:12:24
    options is these settings may be
  • 00:12:27
    overridden for individual articles Um
  • 00:12:31
    and I actually remember going in there
  • 00:12:33
    one day and wondering to myself these
  • 00:12:36
    settings seem global and I want to set a
  • 00:12:38
    specific setting for a blog post or
  • 00:12:41
    something like that And then that that
  • 00:12:43
    microcopy answered the exact question
  • 00:12:45
    that I had at the exact right moment So
  • 00:12:48
    um I really appreciated that Uh on the
  • 00:12:51
    Zappos 404 page um they have a lot of
  • 00:12:55
    fun copy on this page Um but what I
  • 00:12:57
    really like is um that they're fairly
  • 00:13:00
    certain that Dash the dog ate the page
  • 00:13:02
    That's where the page went Um so
  • 00:13:04
    microcopy can be fun It can be kind of
  • 00:13:07
    humorous You can add style um and humor
  • 00:13:10
    and kind of your own uh personality Um
  • 00:13:14
    and and people really notice it too In
  • 00:13:18
    fact someone sent me this page uh or
  • 00:13:21
    sent me a link to this page um saying
  • 00:13:23
    "Hey you should check out this copy It's
  • 00:13:25
    it's really cool Um so people really do
  • 00:13:27
    notice those little things Um you also
  • 00:13:30
    see microcopy in email signup Um this is
  • 00:13:35
    a very common pattern Uh no spam just
  • 00:13:38
    pri prizes pinky swear right so um it's
  • 00:13:42
    kind of fun Um they you also see um the
  • 00:13:47
    message often like we hate spam just as
  • 00:13:49
    much as you do Um there's a lot of
  • 00:13:52
    variance on it Um but you'll see it um
  • 00:13:56
    on most email signups these days Yeah
  • 00:13:59
    that's where it
  • 00:14:00
    is Um on social signup uh policies and
  • 00:14:04
    things Um this is Plancast Um with
  • 00:14:08
    social signin you see it a lot um over
  • 00:14:11
    here on the side Um you can sign into
  • 00:14:14
    Plancast with either Twitter or Facebook
  • 00:14:16
    And it says "We won't send anything back
  • 00:14:18
    to your account without your explicit
  • 00:14:19
    permission." Um extremely valuable to
  • 00:14:22
    know that Um especially in light of all
  • 00:14:26
    those services uh that automatically
  • 00:14:29
    tweet for you or automatically throw
  • 00:14:31
    stuff up on your wall that sort of
  • 00:14:39
    thing Um here's a mo here's a mobile
  • 00:14:42
    flow
  • 00:14:43
    Um this is an Instagram Um you can send
  • 00:14:48
    pictures that you take in Instagram to
  • 00:14:50
    your Flickr account Um and this time
  • 00:14:54
    this was really timely copy that says it
  • 00:14:56
    will now launch Safari so you can log in
  • 00:14:59
    um and authorize Instagram But the
  • 00:15:02
    question that I had which it answered
  • 00:15:05
    was your photo will be here when you get
  • 00:15:07
    back So I can still post to Instagram um
  • 00:15:11
    and still continue on doing the task
  • 00:15:12
    that I was doing Um so that little
  • 00:15:15
    reassurance was was really
  • 00:15:20
    nice Um here's an example of using
  • 00:15:23
    microcopy to solicit
  • 00:15:26
    feedback Um please take the short survey
  • 00:15:29
    We promise to read every word I'm not
  • 00:15:32
    sure I believe them but
  • 00:15:35
    um it was kind of it was kind of nice to
  • 00:15:37
    to read that I it did build some trust
  • 00:15:40
    in me and I actually took the survey Um
  • 00:15:43
    and it made me take the survey seriously
  • 00:15:46
    um which I almost never
  • 00:15:51
    do Um success and error messages are
  • 00:15:54
    often nice places to put microcopy Um
  • 00:15:58
    here's um some examples You can you know
  • 00:16:00
    be fun Holy guacamole Uh best check
  • 00:16:03
    yourself You're not looking too good Um
  • 00:16:06
    it's it's kind of an easy place to be
  • 00:16:09
    fun and kind of show your personality Um
  • 00:16:12
    at at HubSpot we try to um we try to
  • 00:16:16
    think of our website or web application
  • 00:16:19
    um as a person um and kind of think like
  • 00:16:22
    what type of person is it well you know
  • 00:16:24
    it's it's friendly
  • 00:16:26
    um it's intelligent it's
  • 00:16:28
    helpful Uh and so we try to write copy
  • 00:16:33
    uh with that in mind right so we try to
  • 00:16:35
    write copy as if the application is
  • 00:16:37
    talking to you and is a friendly helpful
  • 00:16:39
    person Um it's hard it's hard to do Um
  • 00:16:43
    but you when you kind of write a whole
  • 00:16:46
    bunch of tiny pieces of copy um over
  • 00:16:49
    time they really do add up and kind of
  • 00:16:51
    give your application personality So um
  • 00:16:54
    it's really kind of fun Um here's an
  • 00:16:57
    example I think of microcopy in a
  • 00:17:00
    physical space Um this was I believe at
  • 00:17:05
    an airport Um and where um this store
  • 00:17:10
    used to be um they put this mark on the
  • 00:17:15
    ground this sign on the ground that says
  • 00:17:17
    our milk is moved So they actually had
  • 00:17:19
    moved the store So they put a sign on
  • 00:17:21
    the ground pointing to where the new
  • 00:17:23
    store was Um so it's really helpful for
  • 00:17:26
    people who had been to the store before
  • 00:17:30
    um and didn't know that it moved Um
  • 00:17:34
    welcome messages are a great place to um
  • 00:17:37
    put microcopy Here's um several welcome
  • 00:17:40
    messages from the email service uh
  • 00:17:44
    Mailchimp Um you log in and it says
  • 00:17:46
    "Wait Josh I've got something stuck in
  • 00:17:48
    my teeth." Um and you have really no
  • 00:17:51
    idea what that means until you click on
  • 00:17:52
    it Um and uh hi Josh I can have banana
  • 00:17:58
    So it just it's just saying something
  • 00:17:59
    kind of funny and silly Um people love
  • 00:18:02
    this stuff uh who use the service Um in
  • 00:18:06
    in fact Mailchimp's pretty well known
  • 00:18:08
    for it now Um but you can also use it
  • 00:18:11
    like in the third
  • 00:18:12
    one Um you can use these little bits of
  • 00:18:16
    copy to introduce services or introduce
  • 00:18:19
    features that people might not be aware
  • 00:18:21
    of So for example hey Josh you into
  • 00:18:24
    Twitter Um that's a really kind of
  • 00:18:27
    interesting way to for for Mailchimp to
  • 00:18:31
    now introduce people to their Twitter
  • 00:18:33
    integration Um so you click on that you
  • 00:18:35
    go you log into Twitter Um and then now
  • 00:18:39
    you can use um Mailchimp along with your
  • 00:18:42
    Twitter account Um and that sort of
  • 00:18:44
    thing So um this also gets brings to
  • 00:18:48
    mind the the idea of like training
  • 00:18:50
    people where to find
  • 00:18:53
    um copy and messages in your interface
  • 00:18:56
    So every time you log into Mailchimp
  • 00:18:58
    there's some message there Um and most
  • 00:19:00
    people that I know who use Mailchimp um
  • 00:19:04
    look look and read that message every
  • 00:19:05
    single time It's kind of part of their
  • 00:19:08
    ritual of of logging in and using the
  • 00:19:11
    service Um and so Mailchimp has realized
  • 00:19:14
    this and they start putting in you know
  • 00:19:17
    um notifications and things like
  • 00:19:19
    that Um I was pretty excited to see that
  • 00:19:24
    um the Mailchimp uh the folks at
  • 00:19:26
    Mailchimp um actually had microcopy
  • 00:19:29
    examples in their pattern library Um
  • 00:19:32
    that made my day when I saw that Um and
  • 00:19:35
    so they actually um talk about all the
  • 00:19:39
    messages all the little bits of copy
  • 00:19:42
    that they have throughout their site Um
  • 00:19:45
    and you know they they gave examples of
  • 00:19:48
    all these Um so it's it's really kind of
  • 00:19:50
    cool Um it also teaches other people uh
  • 00:19:55
    working on Mailchimp like how to how to
  • 00:19:58
    write copy um what style and and kind of
  • 00:20:01
    how to think of the copy that they write
  • 00:20:03
    for the
  • 00:20:08
    application Um so in general the
  • 00:20:10
    benefits of microcopy
  • 00:20:12
    um are pretty straightforward Um it
  • 00:20:15
    clears a path for the user it tells in
  • 00:20:18
    some cases it's directive and it tells
  • 00:20:20
    people like what to do uh and in other
  • 00:20:24
    um cases it gives options about what to
  • 00:20:26
    do so it clears a path for users um it
  • 00:20:30
    makes users happy and I'll give an
  • 00:20:32
    example of that in a minute um but when
  • 00:20:35
    done right you know and this should be
  • 00:20:37
    like any other part of your interface
  • 00:20:39
    that's tested you should um you know go
  • 00:20:41
    into usability testing with an eye
  • 00:20:43
    toward seeing how people respond to your
  • 00:20:45
    copy and that sort of
  • 00:20:47
    But it can make people happy Um it also
  • 00:20:50
    makes people feel loved Like um that's
  • 00:20:53
    what people say about uh the Mailchimp
  • 00:20:56
    um copy like oh you know they're funny
  • 00:20:59
    they're um they you know they like me Um
  • 00:21:01
    there there are other examples where
  • 00:21:04
    they just give you a compliment like hey
  • 00:21:05
    Josh you're looking mighty nice today Um
  • 00:21:08
    that sort of stuff Um and people love
  • 00:21:10
    that Um you know even though uh it's
  • 00:21:13
    just software Um but it's it's it's
  • 00:21:16
    really cool Um and I think in the end if
  • 00:21:21
    you kind of write copy like that
  • 00:21:23
    friendly copy um you can actually make
  • 00:21:26
    users more loyal to you Um because
  • 00:21:29
    people personify your software right um
  • 00:21:32
    they think of your software and and thus
  • 00:21:36
    your company uh as this kind of person
  • 00:21:40
    and um so they can relate to you better
  • 00:21:43
    Um and so let me show you an example of
  • 00:21:48
    um of a case study that we did uh at
  • 00:21:51
    HubSpot that kind of really showed me
  • 00:21:54
    the power of of microcopy and kind of
  • 00:21:58
    how people reacted to it Um so here's um
  • 00:22:03
    a part of our dashboard when you when
  • 00:22:07
    you log into um the HubSpot application
  • 00:22:10
    we show you how many visits you've had
  • 00:22:13
    and how many leads you've generated from
  • 00:22:15
    those visits Um and this so this is um
  • 00:22:19
    you know an interesting screen It's
  • 00:22:20
    interesting data and we have a graph
  • 00:22:23
    that people can check every day Um and
  • 00:22:27
    what we found was that um people really
  • 00:22:30
    loved to kind of log in to look at the
  • 00:22:34
    graph Um but they kind of um in in
  • 00:22:38
    usability testing we kind of saw that
  • 00:22:40
    they had this problem where they would
  • 00:22:42
    see this data and then they would kind
  • 00:22:44
    of say to themselves now what like what
  • 00:22:46
    do I do um you know and so our first
  • 00:22:49
    task was to get the right data in front
  • 00:22:52
    of them Um but then our next task was to
  • 00:22:55
    make that data actionable Um and if any
  • 00:22:57
    of you have ever worked on like an
  • 00:22:59
    analytics tool or any tool with data in
  • 00:23:01
    it the the real struggle um one of the
  • 00:23:04
    real design problems is to make that
  • 00:23:07
    data actionable Like what what are
  • 00:23:08
    people going to use it for um and that
  • 00:23:10
    was definitely the case with with this
  • 00:23:12
    screen People were asking okay like my
  • 00:23:15
    leads are down or my traffic is down
  • 00:23:17
    What do I do
  • 00:23:19
    um and so we thought this was a really
  • 00:23:22
    good place um that to introduce um some
  • 00:23:27
    microcopy to see how we could kind of um
  • 00:23:31
    change the user experience here Um and
  • 00:23:33
    so when people were doing good or when
  • 00:23:37
    their leads were improving we wrote copy
  • 00:23:39
    that said "Wow keep doing what you're
  • 00:23:41
    doing because it's working." Um and that
  • 00:23:45
    we just kind of tried that out We we we
  • 00:23:47
    have a copywriter Um we came up with a
  • 00:23:50
    whole bunch of different versions of
  • 00:23:52
    this Um but people really love this one
  • 00:23:55
    because it said keep doing what you're
  • 00:23:58
    doing right our software had never told
  • 00:24:00
    people that um that when when you're
  • 00:24:03
    successful and things are going well
  • 00:24:05
    just keep doing what you're doing So we
  • 00:24:07
    we weren't telling them to change their
  • 00:24:09
    behavior We were telling them to stay
  • 00:24:11
    the course Um and I can't tell you how
  • 00:24:13
    many people appreciated that message Um
  • 00:24:17
    because uh you know when when you have
  • 00:24:19
    so much data about what you're doing you
  • 00:24:21
    have you know uh analytics we have more
  • 00:24:24
    analytics than than anybody can really
  • 00:24:26
    use Um it's nice to know when that
  • 00:24:29
    analytics package actually tells you
  • 00:24:31
    okay here's your next step And in this
  • 00:24:33
    case like you don't have to do anything
  • 00:24:35
    Just keep doing what you're doing Um
  • 00:24:38
    here's another example um when when
  • 00:24:41
    things weren't going so well so like
  • 00:24:43
    when those graphs were were getting low
  • 00:24:46
    and and leads and traffic weren't
  • 00:24:48
    weren't going up um we'd say "Uhoh
  • 00:24:51
    conversion starting to slide Um time to
  • 00:24:54
    shake shake things up a bit." Um and do
  • 00:24:56
    some other some other task to to get
  • 00:24:59
    your visits and leads back up Um and so
  • 00:25:02
    we were correcting um we kind of course
  • 00:25:05
    correcting people um who whose marketing
  • 00:25:08
    wasn't particularly working at that
  • 00:25:10
    point and saying you know you should try
  • 00:25:12
    these other
  • 00:25:15
    things Um so here's what we learned
  • 00:25:20
    um from that dashboard case study Um we
  • 00:25:25
    found that overexposure and
  • 00:25:26
    repetitiveness breaks the magic So um
  • 00:25:31
    that's why uh we had a whole bunch of
  • 00:25:34
    different messages So if we showed the
  • 00:25:36
    same message every time like keep doing
  • 00:25:38
    what you're doing If we showed that
  • 00:25:39
    every time um it really gets old quickly
  • 00:25:43
    for people who are coming to the
  • 00:25:44
    application every day So you really need
  • 00:25:46
    to break it up Um have you know several
  • 00:25:50
    messages uh in the same way that um
  • 00:25:53
    Mailchimp had a bunch of different
  • 00:25:55
    messages just saying hello Um so vary
  • 00:25:58
    your messages like
  • 00:26:00
    that Another thing we learned is that
  • 00:26:02
    tone is extremely important Um
  • 00:26:05
    especially when something is going wrong
  • 00:26:08
    Uh your microcopy needs to be um I call
  • 00:26:13
    it appropriately serious If you make
  • 00:26:15
    light of something
  • 00:26:18
    um and it shouldn't be made light of So
  • 00:26:21
    for example um if we kind of made a joke
  • 00:26:24
    that uh your your leads were down or
  • 00:26:27
    your traffic is down that's actually
  • 00:26:29
    someone's job right like you're messing
  • 00:26:31
    with someone's job They're trying to
  • 00:26:33
    report to um their manager that they're
  • 00:26:36
    doing a good job So you know we learned
  • 00:26:39
    very quickly not to make light of
  • 00:26:42
    someone's traffic going down um or not
  • 00:26:44
    to make light that that their marketing
  • 00:26:47
    wasn't that effective Um and so so being
  • 00:26:51
    appropriately serious is very important
  • 00:26:54
    Um
  • 00:26:56
    uh once you use microcopy to fix some
  • 00:26:59
    issue you'll discover new issues like
  • 00:27:02
    the next day Um so people will get over
  • 00:27:05
    that initial hurdle and then find a lot
  • 00:27:07
    more hurdles So it's actually an
  • 00:27:08
    interesting um it's kind of an
  • 00:27:10
    interesting way to keep discovering new
  • 00:27:12
    things Um and people really do notice uh
  • 00:27:16
    microcopy here Here are some couple
  • 00:27:19
    quotes from people Um so I just noticed
  • 00:27:22
    the wows are cheerleading comments So
  • 00:27:24
    they called them cheerleading comments
  • 00:27:26
    Um that was my thought Exactly Um and
  • 00:27:30
    I'm flattered that you noticed Right So
  • 00:27:32
    like they're personifying the software
  • 00:27:34
    here Um that was actually a really good
  • 00:27:36
    day I was happy to see that Um it's a
  • 00:27:38
    cute touch It made my day Right So
  • 00:27:40
    people really do notice this stuff Um
  • 00:27:42
    here's another one Um I feel like I have
  • 00:27:45
    a mini digital coach in my dashboard
  • 00:27:47
    Right So another example of people
  • 00:27:49
    personifying the software Um that's
  • 00:27:51
    really powerful when people start
  • 00:27:53
    talking about your software as a
  • 00:27:55
    person Um
  • 00:27:58
    so I'm
  • 00:28:01
    um I'm really passionate about
  • 00:28:03
    copywriting U I've been doing UI
  • 00:28:06
    design for um about 15 years now Um
  • 00:28:11
    designing for the web And the more I do
  • 00:28:14
    it the more I focus on copy and I just
  • 00:28:16
    keep kind of doubling down on
  • 00:28:19
    copywriting Um uh Jenny Reddish talked
  • 00:28:22
    about uh the importance of copy um
  • 00:28:26
    yesterday um or the day before Um and uh
  • 00:28:31
    you know I think that um you know copy
  • 00:28:34
    is really the easiest way to improve
  • 00:28:37
    your interface the fastest way to
  • 00:28:39
    improve your interface the most
  • 00:28:41
    effective way to make your interface
  • 00:28:43
    friendly the most effective way to
  • 00:28:46
    really kind of get that human touch to
  • 00:28:48
    into your interface Um so I want to
  • 00:28:51
    leave you with two thoughts that um I
  • 00:28:54
    feel really really strongly about Uh the
  • 00:28:57
    first one is this that if you don't
  • 00:28:59
    think copy is the most important part of
  • 00:29:01
    an interface just try to take it out
  • 00:29:04
    Just try to remove it and see if anyone
  • 00:29:07
    can use anything They won't be able to
  • 00:29:10
    Right so like um and kind of a correlary
  • 00:29:13
    to that is that um I've I've worked with
  • 00:29:17
    a lot of designers
  • 00:29:19
    uh and you know hired designers um
  • 00:29:23
    worked on big projects with designers
  • 00:29:25
    and the ones who I think are the best
  • 00:29:28
    designers are the ones who sweat copy
  • 00:29:31
    and the ones who you can have a
  • 00:29:33
    conversation about like button text for
  • 00:29:35
    20 minutes right feels feels kind of
  • 00:29:40
    silly when you're when you're talking
  • 00:29:42
    about details like that Um but the end
  • 00:29:45
    result is that you know the design is
  • 00:29:48
    always better and it's always stronger
  • 00:29:49
    because you're paying attention to those
  • 00:29:51
    tiny details So my second thought is
  • 00:29:54
    this that if your UI designer doesn't
  • 00:29:57
    sweat every single word they add to a
  • 00:29:59
    screen that you should probably fire
  • 00:30:01
    them because they're not that great I
  • 00:30:04
    think copy is that important Um so that
  • 00:30:08
    is um that's my final thought for you Uh
  • 00:30:11
    thank you
Tags
  • microcopy
  • user experience
  • UI design
  • copywriting
  • usability testing
  • conversion rates
  • user satisfaction
  • interface design
  • contextual text
  • engagement