![\"la](\"http:\/\/postcron.com\/es\/blog\/wp-content\/uploads\/2014\/05\/aaaa-cover-01.jpg\")
<\/a><\/center>Do you know how to market within your web page<\/strong>? Is your site optimized to make it compelling to subscribe to, buy download, try a product, or fill out a form<\/strong>? Do you know if the colors you’ve chosen and\/or how the elements are arranged are good for getting the user to browse through the landing page<\/strong> the way you want them to? Good enough to get them to click on what you want<\/strong>? Did you know that color is one of the most influence factors on the \u201csubconscious” during the decision of the purchase-making process<\/strong><\/em>?<\/p>\nAs you know, working on social media channels is extremely important nowadays. Surely, at this point , you give more importance to your Facebook, Twitter, or Google Plus than you do your web page. Or perhaps, you haven’t even created one yet, for fear that it might become useless. Am I right?<\/p>\n
<\/a><\/center>You must understand that the design of your web page<\/strong> shouldn’t only be visually pleasing, but rather it should be optimized to guide the users through a sequence of thoughts. It should be designed to get them to take the action you want them to take. Color is a key component,<\/strong> and it’s super influential throughout the purchasing process.That’s why it’s so important, if you want to get more sales, subscriptions, downloads, etc…, to read this article to learn what mistakes not to make<\/em> on your site and how to use the science of color to achieve your goals<\/strong>. The modifications you’ll be able to make are super simple, and could result in incredible changes!<\/p>\nSo, ready to start reading? Here we go!<\/strong><\/p>\n 1.A- The most influential factor on the senses in the purchasing-making decision <\/strong>:<\/p>\n Each icon represents an industry:<\/p>\n Red is <\/strong>aggressive, energetic, provocative, and attention-grabbing. As we mentioned in the beginning, the science of color is extremely powerful<\/strong>. The color factor matters the most in the process of conversion <\/strong>on a landing page, in addition to other design elements such as: Size, Shape, Location, and Movement<\/strong>.<\/p>\n Let’s utilize this excellent analysis by Marketing Experiments<\/a> to develop the following 5 fatal errors<\/strong> relating to the use of colors. That way, you can start analyzing your site and optimizing right away<\/strong>:<\/p>\n The error may lie in the lack of emphasis<\/strong> or by placing emphasis on the wrong item or place<\/strong>.<\/p>\n Marketing Experiments analyzes a case<\/strong> where the site needed to get more subscribers.<\/p>\n Original<\/strong>: On this page nothing was being emphasized or attracting attention. There was no element guiding the user to make a concrete decision.<\/strong> When a person is faced with lots of choices that all seem “the same”, they become confused<\/strong>. They would rather abandon the dilemma,<\/strong> rather than to stop for a minute and try to figure out what exactly is being offered and what the best option is. <\/strong>On the other hand, when the process is simplified, highlighting and indicating one option over another, doubt disappears quickly and it\u2019s easier to get a YES from the customer.<\/p>\n In this case, the saturation of colors, or “lack of\u201d greatly affects the decision process.<\/strong> Since it can be a confusion factor, <\/strong>or on the contrary, something that helps assimilate the information better.<\/p>\n Consider this example analyzed by Marketing Experiments:<\/p>\n Original<\/strong>: Too many colors are competing for the person’s attention<\/strong> at the same time.<\/p>\n At this point, I think it comes in handy to bring in an explanation<\/a> by Derek Halpern<\/strong> in one of his video posts, which is super logical, but apparently difficult to get used to. He states that there are two colors you should use<\/strong> on your web page: \u00a0Passive colors<\/strong> and Action colors<\/strong>:<\/p>\n Marketing Experiments highlights this case, a huge combination error in a dialog box which contains a CTA for premium access <\/strong>to content this site offers.<\/p>\n Each color conveys a message. That’s why it\u2019s essential to know the meaning of each,<\/strong> which emotions they activate, and what associations they can trigger. In the following case<\/strong>, the original version doesn’t transmit credibility nor seriousness nor reliability, which are the necessary values<\/strong> for this type of product.<\/p>\n The case we saw before about the error of \u201cemphasis” could also fit under this category. It\u2019s necessary to use colors to accompany and guide the people who visit your page. That way, each user can correctly interpret the messages transmitted by the different design elements.<\/strong><\/p>\n The following is another example of how the misuse of color can actually interrupt the visual journey and the natural train of thought each person experiences while reviewing contents of a site or landing page<\/strong>. With good use of color and layout, you can get the user to perform the actions you desire, effortlessly.<\/p>\n Original<\/strong>: Although color is being used for the CTA button and could potentially attract lots of attention, it’s been placed in a white box outside the main message<\/strong>. This interrupts the person’s natural train of thought, leaving a space that generates nothing but noise. It disengages the user, and in that precise instant, they begin to doubt —- exactly what we want to avoid.<\/em><\/p>\n Don’t let the message or the point of interest <\/strong>get lost among the other elements on your landing page<\/strong>. Encapsulate the button in order to incorporate it in the message and correctly draw attention to it.<\/p>\n Don’t give the user a chance to wander around the page visually<\/strong>. Guide and indicate them directly to the places you want them to pay attention to on your landing page. If necessary, use elements that help direct the eye over the page.<\/p>\n As we’ve mentioned in some of the other topics above, remember that contrast doesn’t mean using lots of colors. It means applying the weight of the color in the right place.<\/strong><\/p>\n You can highlight buttons or boxes with CTAs by using whitespaces, and avoid generating noise with too many colors or extra elements<\/strong> that might steal away the attention.<\/p>\n Mohita Nagpal puts together an excellent collection of ideas for optimizing buttons and text on your landing page, in the blog Visual Optimizer<\/a>. Let’s review them quickly:<\/p>\n <\/p>\n <\/p>\n This app analyzes the path visitors take through your site, and lets you know where they find it difficult to follow the flow of actions.<\/p>\n This app allows you to analyze and test the colors on your site using different criteria, and helps you determine which ones are the best combination.<\/p>\n Understanding the power of color and its the science behind it, is really important for optimizing your page. Colors not only serve for grabbing your user’s attention, but even more because they communicate<\/strong> messages using the framework of associations that each one triggers. As we said in the beginning, you must also learn to market within your web page<\/strong>, and take advantage of each design element in order to connect with the people who visit your site, guide them, and get them to perform the action you desire.<\/strong><\/p>\n Now, if you liked this article …<\/p>\n Main Sources :<\/p>\n http:\/\/unbounce.com\/conversion-rate-optimization\/design-principles-increase-conversions\/<\/a> Do you know how to market within your web page? Is your site optimized to make it compelling to subscribe to, buy download, try a product, or fill out a form? Do you know if the colors you’ve chosen and\/or how the elements are arranged are good for getting the user to browse through the […]<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-689","post","type-post","status-publish","format-standard","hentry"],"yoast_head":"\n<\/a><\/p>\nA- The science of color: a quick review of some info that maybe you had no idea about<\/h2>\n
<\/a><\/center>2.A – Your brain needs 90 seconds to subconsciously analyze and make judgement about a product:<\/strong><\/p>\n<\/a><\/center>3.A- Colors preferred by gender<\/strong>:<\/p>\n\n
<\/a><\/center>4.A- There are 3 basic buyer profiles, and each one is attracted to different colors<\/strong>, which in each case act as triggers:<\/p>\n<\/a><\/center>5.A- Blue<\/strong> is the color most used by the most important brands<\/strong> in the world.<\/p>\n<\/a><\/center>6.A- Colors typically used by each industry<\/strong>:<\/p>\n<\/a><\/center>Colors most used by industry:<\/p>\n
\nIt\u2019s popular among related industries: food, technology, cars, and agriculture<\/strong>.<\/p>\n<\/a><\/center>Purple represents<\/strong>: royalty, sophistication, nostalgia, mystery, and spirituality.
\nIt\u2019s popular among related industries: technology, health care, and finance<\/strong>.<\/p>\n<\/a><\/center>Blue is <\/strong>trustworthy, dependable, secure, and responsible.
\nIt\u2019s popular among related industries: technology, health care, finance, energy, agriculture, and airlines<\/strong>.<\/p>\n<\/a><\/center>Green evokes<\/strong>: wealth, health, prestige, and serenity.
\nIt\u2019s popular among related industries: food, technology, finance, energy, and household<\/strong>.<\/p>\n<\/a><\/center>Yellow represents<\/strong>: positivity, light, warmth, motivation, and creativity.
\nIt\u2019s popular among related industries: food, energy, and household.<\/strong><\/p>\n<\/a><\/center>Orange evokes<\/strong>: vitality, fun, exuberance, and playfulness.
\nIt\u2019s popular among related industries: technology and health care<\/strong>.<\/p>\n<\/a><\/center>Brown is:<\/strong> earthlike, natural, simplistic, and durable.
\nIt\u2019s popular among related industries: clothing, cars, and agriculture<\/strong>.<\/p>\n<\/a><\/center>Black represents<\/strong>: prestige, value, timelessness, and sophistication.
\nIt\u2019s popular among related industries: technology, cars, and clothing<\/strong>.<\/p>\n<\/a><\/center>White evokes<\/strong> purity, nobility, cleanliness, and softness.
\nIt\u2019s popular among related industries: clothing and health care<\/strong>.<\/p>\n<\/a><\/center><\/p>\nB- Mistakes with colors you should stop making on your landing page<\/h2>\n
7.B- Error 1: Emphasis<\/h3>\n
<\/a><\/center>
\nOptimization: A game of shadows and color gradients was used to guide the eye to the main point. Here, it’s highlighted by a different color in order to strengthen the proposed value<\/strong>. Also, the information that was being given through the text is simplified. That, along with the use of colors, now guides the user towards exactly what the company wants them to choose. With these changes, an 81% increase the CTR was recorded.<\/p>\n<\/a><\/center>Another example: emphasizing the wrong things.<\/strong>
\nThe error in this case is that the colors generate a distraction and leave the Call To Action button (CTA) out of the form and put it right in the middle of the visual journey<\/strong> the user is taking through the page. In the optimized version, the color of the CTA button is more intense <\/strong>and its placed at the foot of the page. This \u201cforces” the user to look through the entire form and finally arrive at the CTA button, basically, guiding<\/em> them to the desired action<\/strong>. Result: 97 % increase in CTR<\/p>\n<\/a><\/center><\/p>\n8.B- Error 2:\u00a0Number<\/h3>\n
<\/a><\/center>Optimized<\/strong>: The noise generated by the overuse of colors is removed<\/strong>, leaving the box that includes the call to action button as the only element emphasized by color.<\/strong><\/p>\n<\/a><\/center><\/p>\n9.B- Error 3:\u00a0Combination<\/h3>\n
\n
<\/a><\/center>In the optimized version, an active color is assigned to the box containing the call to action. This allows the message or requested action to be brought forward,<\/strong> and prevents it from being lost among the rest of the visual content. In order to not confuse users, it\u2019s absolutely necessary to be consistent in the use and combination of colors<\/strong>. That way, you won’t throw them off balance,\u00a0and you’ll simplify decision-making.<\/p>\n<\/a><\/center><\/p>\n10.B- Error 4:\u00a0Message<\/h3>\n
<\/a><\/center>To decide on which color is best for achieving your goals, think about: your industry, your product, what message you want to convey, and what actions you want people who visit your site to perform.<\/strong><\/p>\n11.B- Error 5: Flow<\/h3>\n
<\/a><\/center>
\nOptimized<\/strong>: the button is now part<\/em> of the message. It doesn’t interrupt the visual journey, and it simplifies decision making, without creating a bunch of unwanted noise in the middle of the page<\/strong>. You can see that the blue button is the only element that attracts attention. This scenario opts for a design strategy that uses low contrast, less color, but lots of emphasis on one single well-placed element.<\/p>\nC- Tips for optimizing your Call To Action button<\/h2>\n
12.C-\u00a0Encapsulation<\/h3>\n
<\/a><\/center><\/p>\n13.C- Directional Cues<\/h3>\n
<\/a><\/center><\/p>\n14.C- Color Contrast<\/h3>\n
<\/a><\/center><\/p>\n15.C- Whitespace<\/h3>\n
<\/a><\/center><\/p>\n16.C- In addition to color, optimize your site and buttons with a smart and distinct CTA.<\/h3>\n
\n
<\/a><\/center> <\/p>\n<\/a><\/center> <\/p>\n<\/a><\/center> <\/p>\n<\/a><\/center> <\/p>\n<\/a><\/center><\/p>\n\n
<\/a><\/center><\/p>\nD- Two tools you’re gonna love that’ll help you make better decisions about colors!<\/h2>\n
17.D-\u00a0Navflow:<\/a><\/h3>\n
<\/a><\/center><\/p>\n18.D-\u00a0Kuler de Adobe<\/a>:<\/h3>\n
<\/a><\/center><\/p>\nLet’s conclude:<\/h2>\n
<\/a><\/p>\n
\nhttp:\/\/visualwebsiteoptimizer.com\/split-testing-blog\/copywriting-examples-for-high-conversions\/<\/a>
\nhttp:\/\/socialtriggers.com\/\u00a0<\/a>
\nhttp:\/\/www.marketingexperiments.com\/site-optimization\/website-colors-and-conversion.html<\/a>
\nhttp:\/\/blog.kissmetrics.com\/psychology-of-color-and-conversions\/<\/a>
\nhttp:\/\/thelogocompany.net\/blog\/infographics\/psychology-color-logo-design\/<\/a>
\nhttp:\/\/brandongaille.com\/how-colors-influence-consumer-buying-decisions\/<\/a>
\nhttp:\/\/blog.kissmetrics.com\/how-colors-affect-conversions\/?wide=1<\/a>
\nhttp:\/\/www.pinterest.com\/pin\/100838479128968459\/\u00a0<\/a>
\nhttp:\/\/blog.kissmetrics.com\/color-psychology\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"