{"id":13681,"date":"2016-04-15T17:42:33","date_gmt":"2016-04-16T01:42:33","guid":{"rendered":"https:\/\/www.uxpin.com\/studio\/?p=13681"},"modified":"2024-06-12T19:31:36","modified_gmt":"2024-06-13T02:31:36","slug":"6-persuasive-ui-design-patterns-to-hook-users","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/6-persuasive-ui-design-patterns-to-hook-users\/","title":{"rendered":"6 Persuasive UI Design Patterns to Hook Users"},"content":{"rendered":"

The products we find most engaging have a basic design pattern: a hook.<\/span><\/p>\n

In his book, <\/span>Hooked<\/span><\/a>, Nir Eyal explains how to form hooks: experiences that connect users\u2019 problems to a company\u2019s solution with enough frequency that a habit is formed. Hooks are in all sorts of products we use with little or no conscious thought.<\/span><\/p>\n

Over time habits are formed as customers form associations sparking unprompted engagement. They move from needing external triggers like advertisements and other calls to action, to letting associations with internal triggers spark unprompted engagement on its own; to self-trigger.<\/span><\/p>\n

The hard part is getting from the need of external triggers to letting internal triggers and associations do their job. Looking into the patterns of psychology is the key. Many of these are documented in the <\/span>Persuasive Pattern card deck<\/span><\/a>; a collection of 54 design patterns driven by psychology. Each card describes a psychological insight and explains ways to apply it to your product. Let me explain a few of them.<\/span><\/p>\n

Below are 6 of such persuasive patterns, which will all help you form hooks that will connect your users\u2019 problems with your company\u2019s solution – hopefully with enough frequency to form a habit.<\/span><\/p>\n

1. Feedback loops<\/span><\/h2>\n

Communicate how our actions modify subsequent results.<\/i><\/b> Allow people to play interactively with information in so they can adjust their behavior and future actions toward reaching a greater goal. Use numeric data to show progress and translate data into analogous visual information.<\/span><\/p>\n

\"image00\"<\/p>\n

Dribbble.com lets designers upload their own designs to get feedback from their peers, who can then reply with rebound alternate takes on the initial designer’s proposal. In a recurring feedback loop, designs can again be rebounded and so forth. Dribbble play on multiple ways of starting a feedback loop: \u00a0likes, comments, tweets, and rebounds.<\/span><\/i><\/p>\n

2. Kairos<\/span><\/h2>\n

Communicate to users in situations that are the opportune moments for change.<\/i><\/b> Kairos represent situations of change. Situations of change are potentially valuable as users are here especially open and receptive to change or making a deal.<\/span><\/p>\n

\"image03\"<\/p>\n

When your trial period nears an end at ClickTale, you are notified that you are about to loose everything you have recorded so far. Act now or lose out on valuable data forever. They\u2019ve identified an opportunity for selling me a paid account at the time of change that was most opportune.<\/span><\/i><\/p>\n

3. Trigger<\/span><\/h2>\n

Use small nudges to cue users to take action – directly or through learned associations.<\/i><\/b> Triggers cue the user to take action in the context they are in. Triggers might be notifications, tweets, emails, text messages, links, or other distractions. Offline triggers should also be considered. Triggers can be set (alarms), brought home (printed reminder sheet), or follow an action (ask someone a question).<\/span><\/p>\n

\"image04\"<\/p>\n

Meetup.com has implemented both a notification system and group and private messaging; all great triggers for continued behavior.<\/span><\/i><\/p>\n

4. Tailoring<\/span><\/h2>\n

Adapt the offerings of a system to match individual users\u2019 needs and abilities.<\/i><\/b> Tailored information is more effective in changing attitudes and beliefs than generic information. Make life simpler for users by showing only what is relevant to them. Tailor to factors relevant to the individual such as individual needs, personality, interests, and usage context.<\/span><\/p>\n

\"image02\"<\/p>\n

Amazon.com is the classic example of a site that has mastered tailoring to its fingertips. Their data-driven suggestions based on your browsing and purchasing habits are prevalent on both their website and in their newsletters.<\/span><\/i><\/p>\n

5. Self-monitoring<\/span><\/h2>\n

Enable users to track the behavior they want to change.<\/i><\/b> Make it easy for people to know how well they are performing a target behavior, increasing the likelihood that they will continue to produce the behavior. Self-monitoring can help users learn about themselves and can be intrinsically motivating.<\/span><\/p>\n

\"image05\"<\/p>\n

The mobile fitness app \u201cPact\u201d, lets you commit to a goal of exercising regularly. If you don\u2019t reach the goal, you have to pay up. If you do reach your goal, you are paid by those who didn\u2019t reach theirs. Pact helps you track your exercises to make sure you stick to your goal.<\/span><\/i><\/p>\n

6. Periodic Events<\/span><\/h2>\n

Construct recurring events to build up anticipation, a sense of belonging, comfort, and a sustained interest.<\/i><\/b> Consider ways to create shared recurring experiences users can look forward to or reminisce about. Typical examples of periodic events are seasonal events such as Christmas, Mother\u2019s Day, and Black Friday sales events. However, you can also create your own events. Consider how you can implement things like monthly report cards, weekly tips, and daily updates.<\/span><\/p>\n

\"image01\"<\/p>\n

Udemy.com uses Black Friday to sell their courses at a gracious discount.<\/span><\/i><\/p>\n

Next Steps<\/span><\/h2>\n

If you found this post interesting, feel free to check out my <\/span>Persuasive Pattern cards<\/span><\/a>. The 54 insights are the result of years of <\/span>writing<\/span><\/a> and <\/span>teaching<\/span><\/a> about these exact principles.<\/span><\/p>\n

I created the cards to help generate ideas for new products, features, or creative solutions to problems.\u00a0<\/span><\/p>\n

You can also check out the free 2016 Web UI Design Best Practices Ebook Bundle<\/a>, which includes over 400 pages of advice on web design and UI patterns.<\/p>\n

\"fb-promo-bundle<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

See examples of UI patterns that persuade users to keep using your product. <\/p>\n","protected":false},"author":92,"featured_media":13689,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,4,6],"tags":[],"class_list":["post-13681","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-ui-design","category-ux-design"],"yoast_title":"","yoast_metadesc":"See examples of UI patterns that persuade users to keep using your product.","acf":[],"yoast_head":"\n6 Persuasive UI Design Patterns to Hook Users | UXPin<\/title>\n<meta name=\"description\" content=\"See examples of UI patterns that persuade users to keep using your product.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.uxpin.com\/studio\/blog\/6-persuasive-ui-design-patterns-to-hook-users\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"6 Persuasive UI Design Patterns to Hook Users\" \/>\n<meta property=\"og:description\" content=\"See examples of UI patterns that persuade users to keep using your product.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/6-persuasive-ui-design-patterns-to-hook-users\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2016-04-16T01:42:33+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-06-13T02:31:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/04\/Screen-Shot-2016-04-15-at-6.42.31-PM.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1267\" \/>\n\t<meta property=\"og:image:height\" content=\"658\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Anders Toxboe\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Anders Toxboe\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/6-persuasive-ui-design-patterns-to-hook-users\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/6-persuasive-ui-design-patterns-to-hook-users\\\/\"},\"author\":{\"name\":\"Anders Toxboe\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/2336192af1238e04c65aac8c5eea6572\"},\"headline\":\"6 Persuasive UI Design Patterns to Hook Users\",\"datePublished\":\"2016-04-16T01:42:33+00:00\",\"dateModified\":\"2024-06-13T02:31:36+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/6-persuasive-ui-design-patterns-to-hook-users\\\/\"},\"wordCount\":841,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/6-persuasive-ui-design-patterns-to-hook-users\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2016\\\/04\\\/Screen-Shot-2016-04-15-at-6.42.31-PM.png\",\"articleSection\":[\"Blog\",\"UI Design\",\"UX Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/6-persuasive-ui-design-patterns-to-hook-users\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/6-persuasive-ui-design-patterns-to-hook-users\\\/\",\"name\":\"6 Persuasive UI Design Patterns to Hook Users | UXPin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/6-persuasive-ui-design-patterns-to-hook-users\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/6-persuasive-ui-design-patterns-to-hook-users\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2016\\\/04\\\/Screen-Shot-2016-04-15-at-6.42.31-PM.png\",\"datePublished\":\"2016-04-16T01:42:33+00:00\",\"dateModified\":\"2024-06-13T02:31:36+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/2336192af1238e04c65aac8c5eea6572\"},\"description\":\"See examples of UI patterns that persuade users to keep using your product.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/6-persuasive-ui-design-patterns-to-hook-users\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/6-persuasive-ui-design-patterns-to-hook-users\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/6-persuasive-ui-design-patterns-to-hook-users\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2016\\\/04\\\/Screen-Shot-2016-04-15-at-6.42.31-PM.png\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2016\\\/04\\\/Screen-Shot-2016-04-15-at-6.42.31-PM.png\",\"width\":1267,\"height\":658,\"caption\":\"Screen Shot 2016 04 15 at 6.42.31 PM\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/6-persuasive-ui-design-patterns-to-hook-users\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"6 Persuasive UI Design Patterns to Hook Users\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\",\"name\":\"Studio by UXPin\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/2336192af1238e04c65aac8c5eea6572\",\"name\":\"Anders Toxboe\",\"description\":\"Anders Toxboe is a writer, blogger, developer, and designer. He manages digital web and mobile app development for the Danish Broadcasting Corporation and cares deeply about building engaging user experiences, which he blogs about on UI-Patterns.com.\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/author\\\/anders-toxboe\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"6 Persuasive UI Design Patterns to Hook Users | UXPin","description":"See examples of UI patterns that persuade users to keep using your product.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.uxpin.com\/studio\/blog\/6-persuasive-ui-design-patterns-to-hook-users\/","og_locale":"en_US","og_type":"article","og_title":"6 Persuasive UI Design Patterns to Hook Users","og_description":"See examples of UI patterns that persuade users to keep using your product.","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/6-persuasive-ui-design-patterns-to-hook-users\/","og_site_name":"Studio by UXPin","article_published_time":"2016-04-16T01:42:33+00:00","article_modified_time":"2024-06-13T02:31:36+00:00","og_image":[{"width":1267,"height":658,"url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/04\/Screen-Shot-2016-04-15-at-6.42.31-PM.png","type":"image\/png"}],"author":"Anders Toxboe","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Anders Toxboe","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.uxpin.com\/studio\/blog\/6-persuasive-ui-design-patterns-to-hook-users\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/6-persuasive-ui-design-patterns-to-hook-users\/"},"author":{"name":"Anders Toxboe","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/2336192af1238e04c65aac8c5eea6572"},"headline":"6 Persuasive UI Design Patterns to Hook Users","datePublished":"2016-04-16T01:42:33+00:00","dateModified":"2024-06-13T02:31:36+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/6-persuasive-ui-design-patterns-to-hook-users\/"},"wordCount":841,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/6-persuasive-ui-design-patterns-to-hook-users\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/04\/Screen-Shot-2016-04-15-at-6.42.31-PM.png","articleSection":["Blog","UI Design","UX Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/6-persuasive-ui-design-patterns-to-hook-users\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/6-persuasive-ui-design-patterns-to-hook-users\/","name":"6 Persuasive UI Design Patterns to Hook Users | UXPin","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/6-persuasive-ui-design-patterns-to-hook-users\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/6-persuasive-ui-design-patterns-to-hook-users\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/04\/Screen-Shot-2016-04-15-at-6.42.31-PM.png","datePublished":"2016-04-16T01:42:33+00:00","dateModified":"2024-06-13T02:31:36+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/2336192af1238e04c65aac8c5eea6572"},"description":"See examples of UI patterns that persuade users to keep using your product.","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/6-persuasive-ui-design-patterns-to-hook-users\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/6-persuasive-ui-design-patterns-to-hook-users\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/6-persuasive-ui-design-patterns-to-hook-users\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/04\/Screen-Shot-2016-04-15-at-6.42.31-PM.png","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/04\/Screen-Shot-2016-04-15-at-6.42.31-PM.png","width":1267,"height":658,"caption":"Screen Shot 2016 04 15 at 6.42.31 PM"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/6-persuasive-ui-design-patterns-to-hook-users\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"6 Persuasive UI Design Patterns to Hook Users"}]},{"@type":"WebSite","@id":"https:\/\/www.uxpin.com\/studio\/#website","url":"https:\/\/www.uxpin.com\/studio\/","name":"Studio by UXPin","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.uxpin.com\/studio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/2336192af1238e04c65aac8c5eea6572","name":"Anders Toxboe","description":"Anders Toxboe is a writer, blogger, developer, and designer. He manages digital web and mobile app development for the Danish Broadcasting Corporation and cares deeply about building engaging user experiences, which he blogs about on UI-Patterns.com.","url":"https:\/\/www.uxpin.com\/studio\/author\/anders-toxboe\/"}]}},"_links":{"self":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/13681","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/users\/92"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/comments?post=13681"}],"version-history":[{"count":2,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/13681\/revisions"}],"predecessor-version":[{"id":53476,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/13681\/revisions\/53476"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media\/13689"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=13681"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=13681"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=13681"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}