{"id":3768,"date":"2016-10-10T22:09:02","date_gmt":"2016-10-10T21:09:02","guid":{"rendered":"https:\/\/marvel7077.wpengine.com\/?p=3768"},"modified":"2016-10-21T15:06:35","modified_gmt":"2016-10-21T14:06:35","slug":"introduction-to-behavior-based-design","status":"publish","type":"post","link":"https:\/\/marvelapp.com\/blog\/introduction-to-behavior-based-design\/","title":{"rendered":"Introduction to Behavior-Based Design"},"content":{"rendered":"<h3 class=\"pageWrap pageWrap--s marginTop-l marginBottom-m c-black lineHeight-xl fontSize-xl fontWeight-5\">Behavior-Based Design<\/h3>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">In general, I think that a product is only as good as its ability to co-opt behavior. The tech press is littered with the stale remains of gorgeous products that were executed to perfection, but failed to get any true user adoption. They failed to fit into, or change, the behavior patterns of their users.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">This point is obvious. The question now becomes: Why did they fail to fit into, or change, the behavior patterns of their users?<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">In general, when a behavior doesn\u2019t occur, it\u2019s because at least one of the three following things is missing (or insufficient).<\/p>\n<ol class=\"pageWrap pageWrap--s list list--ordered marginBottom-l lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">\n<li>Motivation<\/li>\n<li>Ability<\/li>\n<li>Trigger<\/li>\n<\/ol>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">In order for a behavior to occur, a person must first be motivated and able to perform the behavior. Then, if they have an ample level of motivation and ability to perform the given behavior, they will follow through when cued\/triggered.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">This simple model is called the Fogg Behavior Model. It\u2019s named after BJ Fogg, the head of the Stanford Persuasive Technology Lab.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">We can break each of the above elements into sub-elements to gain greater clarity. But, for now, let\u2019s just stick at this macro-level using an example behavior: running.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Let\u2019s say that you wanted to go running this afternoon, but didn\u2019t. Why is this?<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">It could be that you totally forgot to go running because you were caught up in some other activity. Perhaps you were deeply entranced by the new season of House of Cards. In that case, the behavior wasn\u2019t performed due to the lack of a cue\/trigger.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Or, you might not have gone running because you didn\u2019t get much sleep the night before and were absolutely exhausted when you got home. In this case, the behavior wasn\u2019t performed due to a lack of ability.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Or, you might not have gone running because, to be honest, you feel pretty good and aren\u2019t overweight\u200a\u2014\u200ayou have no burning desire\/purpose to go running. In this case, the behavior wasn\u2019t performed due to a lack of motivation.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">So, when we\u2019re looking at a behavior, such as searching with Google, we have to ask ourselves where the problem lies. In most situations, all three elements are guilty. However, there is usually a primary perpetrator\u200a\u2014\u200aa primary behavioral bottleneck that must be identified and solved.<\/p>\n<h3 class=\"pageWrap pageWrap--s marginTop-l marginBottom-m c-black lineHeight-xl fontSize-xl fontWeight-5\">Triggers<\/h3>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">From my experience, the primary behavioral bottleneck with most apps is the trigger.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"http:\/\/www.nirandfar.com\/2012\/04\/billion-dollar-mind-trick.html\" target=\"_blank\">As I\u2019ve written with Nir Eyal<\/a>, there are two primary types triggers:<\/p>\n<ol class=\"pageWrap pageWrap--s list list--ordered marginBottom-l lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">\n<li>Internal<\/li>\n<li>External<\/li>\n<\/ol>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">In general, an internal trigger is created when a user consistently has a great experience with an application. After consistently getting rewarded by an application, an association is made between the application and the need that prompted the opening of the application. For Instagram, the internal trigger could be the thought \u201cWow! That\u2019s beautiful! I should take a picture\u201d. For Yelp, it could be, \u201cI\u2019m hungry. Where should I eat?\u201d. Since internal triggers take the form of internal drives and thoughts, they\u2019re pretty much impossible to measure or rely on. That\u2019s why external triggers are a product designer\u2019s best friend.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Here are some examples of external triggers:<\/p>\n<ul class=\"pageWrap pageWrap--s list list--unordered marginBottom-l lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">\n<li>Emails<\/li>\n<li>Push notifications<\/li>\n<li>Text messages<\/li>\n<li>Signs\/Notes<\/li>\n<\/ul>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">If a user is presented with a call to action when they\u2019re able and somewhat motivated to perform a behavior, it\u2019s likely that they will. If they then have a good experience inside of the app, they will be reinforced to use it again in the future. If the following occurs enough times, a habit will be formed:<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><em>Trigger (usually external) \u2192 Open app \u2192 Good experience<\/em><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Companies like Facebook have heavily relied on external triggers in order to build habits into their users. The goal is to get your users thinking about your app as often as possible throughout the day. This does a couple different things:<\/p>\n<ol class=\"pageWrap pageWrap--s list list--ordered marginBottom-l lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">\n<li>It increases the probability that they\u2019ll open and use the app.<\/li>\n<li>It gives us the chance that users will make an association between the application and daily use cases.<\/li>\n<\/ol>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">For example, imagine if Yahoo started sending users 5-10 notifications a day along these lines:<\/p>\n<ul class=\"pageWrap pageWrap--s list list--unordered marginBottom-l lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">\n<li>Need something? Just type it in here.<\/li>\n<li>Hungry? We have some great restaurant recommendations for you.<\/li>\n<li>Want to know if you need a jacket tomorrow? We have some great weather apps for you.<\/li>\n<li>etc.<\/li>\n<\/ul>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">I\u2019m not necessarily saying that they should utilize this strategy, but it is likely that this approach would increase usage. Because of current smartphone behavioral dynamics, people are overwhelmed by the number of applications they have. Your app is going to be one of fifty or one-hundred\u2026 and it\u2019s likely that yours is not the only new app that your users have downloaded this week. If you\u2019re not front and center in their field of view constantly (as a widget, for example), it\u2019s likely that you\u2019ll be forgotten. This is why external triggers are so important\u200a\u2014\u200athey remind your users that you exist and can solve problems for them. While any triggers you create may seem annoying to you\u2026 that\u2019s not necessarily how your users will feel. You\u2019re constantly thinking about your application, and so when you get a trigger, you\u2019re not surprised or delighted at all. This is why it\u2019s so hard to dog-food notifications. Looking at numbers in the wild is the best way to evaluate their appropriateness and effectiveness.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">There\u2019s always a threshold above which the number of notifications gets annoying (and the uninstall rate increases dramatically). However, up until that point, the more triggers the better (from a behavioral perspective).<\/p>\n<h3 class=\"pageWrap pageWrap--s marginTop-l marginBottom-m c-black lineHeight-xl fontSize-xl fontWeight-5\">Ability<\/h3>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">If the trigger is not the primary bottleneck, the next best element to tackle is ability. If an app is hard to use, people won\u2019t use it. They will move on the easier, simpler alternative.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">This is all about usability. The best way, in my experience, to optimize this element is by doing a large number of user tests (non-task-based in the beginning).<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">BJ Fogg breaks down ability into six sub-components. I don\u2019t necessarily think that they\u2019re particularly useful for our work here, but I\u2019ll go through them quickly:<\/p>\n<ol class=\"pageWrap pageWrap--s list list--ordered marginBottom-l lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">\n<li>Time<\/li>\n<li>Money<\/li>\n<li>Cognitively demanding (mental effort)<\/li>\n<li>Physically demanding (physical effort)<\/li>\n<li>Social deviance<\/li>\n<li>Non-routine<\/li>\n<\/ol>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">He frames ability in terms of its road-blocks. If a behavior demands a lot of time, then users will likely have a low ability to perform it. If a behavior demands a lot of money, or is cognitively quite challenging to use, same thing\u2026 and so on.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">I see time-to-task-completion as a great proxy for the general usability of that feature. If a task takes a very short amount of time, it\u2019s likely not cognitively demanding, physically demanding, or non-routine. Therefore, the time variable is probably the best way to get a sense of whether or not an app and its features are understandable and usable.<\/p>\n<h3 class=\"pageWrap pageWrap--s marginTop-l marginBottom-m c-black lineHeight-xl fontSize-xl fontWeight-5\">Motivation<\/h3>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Motivation operates on two different levels:<\/p>\n<ol class=\"pageWrap pageWrap--s list list--ordered marginBottom-l lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">\n<li>App wide<\/li>\n<li>Screen level<\/li>\n<\/ol>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">The app-wide motivation refers to the problem\/use-case the app deals with. For example, let\u2019s say that you\u2019ve been brought into a company to help them optimize the usage\/retention of an application that helps people rate the quality of the coffee cups at different local cafes. You could mess around with the triggers and make it stupidly simple to use\u2026 but, at the end of the day, it\u2019s an app that solves a problem that nobody has. Therefore, the level of motivation for this behavior is so low that no amount of gamification or tweaking can suddenly unleash the engagement tidal wave.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">With every application we look at, we need to be critical and ask: Do people really care about this? Is this a problem that people actually have?<\/p>\n<blockquote class=\"pageWrap pageWrap--s position-relative marginTopBottom-l breakPointM-marginTopBottom-xl\"><div class=\"blog-quote-before position-absolute bg-marvel\"><\/div><div class=\"tweet-quote blog-quote-after position-absolute bg-marvel cursor-pointer transitionDuration-l transitionProperty-all transitionTimingFunction-cv-easeOutCircular scaleUp--hover zi-weak\"><svg class=\"fill-white opacity-0 pointerEvents-none position-absolute pinCenter transitionProperty-all transitionTimingFunction-easeInOut\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"20\" viewBox=\"0 0 24 20\"><path d=\"M24,2.37a9.64,9.64,0,0,1-2.83.79A5,5,0,0,0,23.34.37a9.72,9.72,0,0,1-3.13,1.23A4.86,4.86,0,0,0,16.62,0a5,5,0,0,0-4.8,6.2A13.87,13.87,0,0,1,1.67.92,5.13,5.13,0,0,0,3.19,7.67,4.81,4.81,0,0,1,1,7a5,5,0,0,0,3.95,5,4.82,4.82,0,0,1-2.22.09,4.94,4.94,0,0,0,4.6,3.51A9.72,9.72,0,0,1,0,17.73,13.69,13.69,0,0,0,7.55,20c9.14,0,14.31-7.92,14-15A10.17,10.17,0,0,0,24,2.37Z\"\/><\/svg><\/div><p class=\"blog-quote position-relative textAlign-center c-marvel\"><span class=\"blog-quote-text transitionDuration-l transitionProperty-all transitionTimingFunction-easeInOut\">\"Do people really care about this? Is this a problem that people actually have?\"<\/p><\/span><\/blockquote>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Throughout the entire startup world, this is probably the least asked question. And, when it\u2019s usually asked, it\u2019s in a group-think situation with a foregone conclusion.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">So, if an application solves a true problem that people have (app wide motivation)\u2026 how else can we amplify motivation?<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">There are a number of ways, but let\u2019s start with incentive systems. <a class=\"link link--blue fontWeight-4\"href=\"http:\/\/irrationallabs.org\/the-workbooks\/\" target=\"_blank\">Dan Ariely and I<\/a> have broken the different types of incentives into four main categories:<\/p>\n<ol class=\"pageWrap pageWrap--s list list--ordered marginBottom-l lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">\n<li>Monetary<\/li>\n<li>Tangible item (thing)<\/li>\n<li>Point-based<\/li>\n<li>Social<\/li>\n<\/ol>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Monetary incentives are straightforward. We won\u2019t go into them here.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Tangible items are also fairly straightforward\u2026 and they don\u2019t really apply to the specific problems we\u2019re trying to solve here, so we\u2019ll move on.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Points are non-monetary currency. Here are some examples:<\/p>\n<ul class=\"pageWrap pageWrap--s list list--unordered marginBottom-l lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">\n<li>Points in a video game<\/li>\n<li>Frequent flier miles<\/li>\n<li>Punches on a punch-card (loyalty card\u200a\u2014\u200abelow)<\/li>\n<\/ul>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Points are the keystone tactic of the gamification crowd. They definitely work in the short term, but there are huge problems with points. The best example of the short term power (but long term folly) of points was Turntable.fm.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><center><div id=\"attachment_3769\" style=\"width: 610px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-3769\" src=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2016\/10\/Turntable.fm_-600x314.jpeg\" alt=\"turntable-fm\" width=\"600\" height=\"314\" class=\"size-medium wp-image-3769\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/10\/Turntable.fm_-600x314.jpeg 600w, https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/10\/Turntable.fm_-768x401.jpeg 768w, https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/10\/Turntable.fm_.jpeg 800w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><p id=\"caption-attachment-3769\" class=\"wp-caption-text\">From Mashable<\/p><\/div><\/center><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">The site completely relied on points for its value proposition. It was a fun game that didn\u2019t really solve any problems that were wide-ranging. Because of this, most users that I know of treated turntable.fm like a game: they used it intensely for a short period of time (a day, a week, a month) and then never touched it again. The app later shut down and was labeled a failure (even after its initial popularity). That\u2019s just the nature of point systems. They turn the system they\u2019re added to into a game\u2026 and the only game that lasts for more than a few weeks or months is life (and World of Warcraft).<\/p>\n<h3 class=\"pageWrap pageWrap--s marginTop-l marginBottom-m c-black lineHeight-xl fontSize-xl fontWeight-5\">Social<\/h3>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Finally, we have social rewards. These are the most powerful and friendly in the long term.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">The fact of the matter is that we\u2019re social creatures. Throughout our long evolution, the ability to read other people, understand social ties\/hierarchy, and gain the favor of others (of the same sex and opposite sex) was selected for. Much of our mental machinery is dedicated to social perceptual purposes. It\u2019s easy to understand why: without the ability to read other people and gain their favor, it\u2019s unlikely that you would have survived. The people that were on the lower end of the spectrum in these different traits likely had a harder time surviving or reproducing, and were thus not represented in the reproductive pool of the next generation.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Because of this, we have an extremely powerful intrinsic interest in other people and a burning desire for their recognition.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Any application that can get you social recognition or attention (or aid in your connection with the people you already know) is compelling and rewarding at a very deep level.<\/p>\n<blockquote class=\"pageWrap pageWrap--s position-relative marginTopBottom-l breakPointM-marginTopBottom-xl\"><div class=\"blog-quote-before position-absolute bg-marvel\"><\/div><div class=\"tweet-quote blog-quote-after position-absolute bg-marvel cursor-pointer transitionDuration-l transitionProperty-all transitionTimingFunction-cv-easeOutCircular scaleUp--hover zi-weak\"><svg class=\"fill-white opacity-0 pointerEvents-none position-absolute pinCenter transitionProperty-all transitionTimingFunction-easeInOut\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"20\" viewBox=\"0 0 24 20\"><path d=\"M24,2.37a9.64,9.64,0,0,1-2.83.79A5,5,0,0,0,23.34.37a9.72,9.72,0,0,1-3.13,1.23A4.86,4.86,0,0,0,16.62,0a5,5,0,0,0-4.8,6.2A13.87,13.87,0,0,1,1.67.92,5.13,5.13,0,0,0,3.19,7.67,4.81,4.81,0,0,1,1,7a5,5,0,0,0,3.95,5,4.82,4.82,0,0,1-2.22.09,4.94,4.94,0,0,0,4.6,3.51A9.72,9.72,0,0,1,0,17.73,13.69,13.69,0,0,0,7.55,20c9.14,0,14.31-7.92,14-15A10.17,10.17,0,0,0,24,2.37Z\"\/><\/svg><\/div><p class=\"blog-quote position-relative textAlign-center c-marvel\"><span class=\"blog-quote-text transitionDuration-l transitionProperty-all transitionTimingFunction-easeInOut\">\"The little delightful tweaks that are often overlooked by companies often make all the difference.\"<\/p><\/span><\/blockquote>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Of course, incentive systems are not the only way that you can increase the motivation of your user-base. A well-designed, delightful experience is another way that we can reward users for engaging with our application.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">The little delightful tweaks that are often overlooked by companies (due to time\/budget constraints) often make all the difference.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">For example, things like the pull-to-refresh animation in iOS, can make all the difference between a stale utilitarian experience and a great, memorable one.<\/p>\n<div id=\"attachment_3787\" style=\"width: 810px\" class=\"wp-caption aligncenter\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2016\/10\/pull-to-refresh-1.gif\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-3787\" src=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2016\/10\/pull-to-refresh-1.gif\" alt=\"By Andrew McKay\" width=\"800\" height=\"600\" class=\"size-full wp-image-3787\" \/><\/a><p id=\"caption-attachment-3787\" class=\"wp-caption-text\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/dribbble.com\/shots\/2284019-Pull-To-Refresh-Run-charlie-RUN\">By Andrew McKay<\/a><\/p><\/div>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">An app that is elegant, beautiful, and with animations and little touches that make it feel alive is a rewarding experience (on one level) in and of itself. In the rush to build a great app, we can\u2019t forget the little touches and flourishes that make it delightful\u200a\u2014\u200alike a living-breathing being that responds in little, wonderful ways at each and every swipe and touch.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">If you like this piece <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.getrevue.co\/profile\/jhreha\" target=\"_blank\">sign up to Jason's mailing list<\/a>.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><em>This post was originally published on <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/medium.com\/the-habit\/introduction-to-behavior-based-design-38dc15627aa8#.mtmes6be7\" target=\"_blank\">Jason's Medium profile<\/a>. <\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Behavior-Based Design In general, I think that a product is only as good as its ability to co-opt behavior. The tech press is littered with the stale remains of gorgeous products that were executed to perfection, but failed to get any true user adoption. They failed to fit into, or change, the behavior patterns of their users. This point is&#8230; <a class=\"link link--blue fontWeight-4\" href=\"https:\/\/marvelapp.com\/blog\/introduction-to-behavior-based-design\/\">Read More &#65515;<\/a><\/p>\n","protected":false},"author":47,"featured_media":3778,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[],"class_list":["post-3768","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-viewpoint"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v15.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<meta name=\"description\" content=\"An introduction to behavior-based design. How to fit into, or change the behaviour patterns of users by ensuring your product meets 3 key points.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/marvelapp.com\/blog\/introduction-to-behavior-based-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Introduction to Behavior-Based Design (In 10 Minutes)\" \/>\n<meta property=\"og:description\" content=\"An introduction to behavior-based design. How to fit into, or change the behaviour patterns of users by ensuring your product meets 3 key points.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/marvelapp.com\/blog\/introduction-to-behavior-based-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Marvel Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/marvelapp\" \/>\n<meta property=\"article:published_time\" content=\"2016-10-10T21:09:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-10-21T14:06:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/10\/behaviour.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"800\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@marvelapp\" \/>\n<meta name=\"twitter:site\" content=\"@marvelapp\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\">\n\t<meta name=\"twitter:data1\" content=\"8 minutes\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\",\"name\":\"Marvel\",\"url\":\"https:\/\/marvelapp.com\/blog\/\",\"sameAs\":[\"https:\/\/www.facebook.com\/marvelapp\",\"https:\/\/www.instagram.com\/marvelapp\/\",\"https:\/\/www.linkedin.com\/company\/marvel-app\/\",\"https:\/\/twitter.com\/marvelapp\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#logo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/06\/Logo-Light.png\",\"width\":1605,\"height\":1130,\"caption\":\"Marvel\"},\"image\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#website\",\"url\":\"https:\/\/marvelapp.com\/blog\/\",\"name\":\"Marvel Blog\",\"description\":\"Ideas and words on user experience, design, collaboration and more\",\"publisher\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/marvelapp.com\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.com\/blog\/introduction-to-behavior-based-design\/#primaryimage\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/10\/behaviour.jpg\",\"width\":1600,\"height\":800,\"caption\":\"behaviour-based design\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/marvelapp.com\/blog\/introduction-to-behavior-based-design\/#webpage\",\"url\":\"https:\/\/marvelapp.com\/blog\/introduction-to-behavior-based-design\/\",\"name\":\"Introduction to Behavior-Based Design (In 10 Minutes)\",\"isPartOf\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/introduction-to-behavior-based-design\/#primaryimage\"},\"datePublished\":\"2016-10-10T21:09:02+00:00\",\"dateModified\":\"2016-10-21T14:06:35+00:00\",\"description\":\"An introduction to behavior-based design. How to fit into, or change the behaviour patterns of users by ensuring your product meets 3 key points.\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/marvelapp.com\/blog\/introduction-to-behavior-based-design\/\"]}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/marvelapp.com\/blog\/introduction-to-behavior-based-design\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/introduction-to-behavior-based-design\/#webpage\"},\"author\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#\/schema\/person\/61a3847d3868abecdd4a6b20a1c5c462\"},\"headline\":\"Introduction to Behavior-Based Design\",\"datePublished\":\"2016-10-10T21:09:02+00:00\",\"dateModified\":\"2016-10-21T14:06:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/introduction-to-behavior-based-design\/#webpage\"},\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/introduction-to-behavior-based-design\/#primaryimage\"},\"articleSection\":\"Viewpoint\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/marvelapp.com\/blog\/introduction-to-behavior-based-design\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#\/schema\/person\/61a3847d3868abecdd4a6b20a1c5c462\",\"name\":\"Jason Hreha\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#personlogo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/38499b64ebe83a51eb4b8356d76f24fb324a3b9cdfe3d25d91efb43ae8b5e7d7?s=96&d=mm&r=g\",\"caption\":\"Jason Hreha\"},\"description\":\"Applied Behavioral Scientist &amp; Product Manager, Co-Author with @danariely of Hacking Human Nature for Good: A Practical Guide to Changing Human Behavior. Worked with @BJFogg in @Stanford Persuasive Technology Lab. Follow me on Twitter.\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","_links":{"self":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts\/3768","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/users\/47"}],"replies":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/comments?post=3768"}],"version-history":[{"count":0,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts\/3768\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/media\/3778"}],"wp:attachment":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/media?parent=3768"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/categories?post=3768"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/tags?post=3768"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}