UX Designers Tool Kit: Crazy Egg

March 28, 2019 - Posted By: CreateApe

There are many tools in a UX designer’s tool kit, and Crazy Egg is one of our favorites. Crazy Egg is a website that allows designers to track various types of data on their designs. Two of their most prominent features are their heat mapping and A.B. testing tool. Today, we’re discussing why it’s important to use these critical insights in UX design. 

Mapping Designs is Essential

There are various types of maps that UX designers use to strengthen their designs. Scroll maps, for example, show where the user is scrolling and where they tend to stop. Confetti maps show which areas of the site are getting the most clicks and which are not. Heat mapping shows where users have clicked the most on a website, what pages they’re visiting, and what designs they’re responding to. This data is also broken down by where the traffic is coming from and browsers used. Whether we’re using heat mapping, confetti mapping, or scroll mapping, these insights help us interpret how users are behaving and allow us to design accordingly. 

UX-Designers-Tool-Kit-Create-Ape
An example of heat mapping. Where the saturation increases, the level of user engagement is high.
Data Reveals Crucial Insights 

In a world that’s saturated with data, it’s important to understand the crucial insights and how to know which numbers to pay attention to. Understanding data from the mapping is one thing, it doesn’t take an analyst to understand that where the most saturation is on a heat map is where the user is visiting most frequently, but it does take technical and creative skills to implement data into a design that converts.

“Crazy egg provides additional levels of data for the savvy UX designer. Breaking down traffic through heat and confetti maps allow the designer to ascertain real data regarding user activity,” comments our CEO Alessandro Fard.

 

UX-Designers-Tool-Kit-Create-Ape
Increased Certainty

The maps on Crazy Egg give us more certainty. Because we do projects from a variety of different verticals, there’s no certainty that one business user will respond like others. This gives the design a far stronger chance of survival. Think about it like genetics. If we keep tracking the things that are working and making improvements to the designs’ DNA, it’s survival of the fittest. This gives our designs a competitive edge and gains traction with customers. When you stumble upon insights that make a huge difference in how responsive your design is, we clutch them tight and never want to let them go.

The great thing about mapping is that it offers insights that allow designers to make changes that aren’t a shot in the dark. There are no longer ambiguous insights and it doesn’t feel like playing Russian Roulette with your designs.

Gone are the days of trial and error to see what actually works. We no longer need to conduct dozens of tests to see what’s working and what’s the most impactful. Don’t get us wrong, testing designs is essential and one of the most important aspects of UX, but it’s no longer just based on luck. We see this with A.B. testing.

A.B Testing

Crazy Egg is one of our go-to user research tools. We use it with most strategic redesigns and pivots. Not only does if offer heat mapping to see where we need to make changes as designers, but we get to test the capability and impact of our designs with A.B. testing.

A.B. testing is when you test designs to see which one the user responds to the most. This could be small changes like testing the responsiveness of the color of a button, or more complicated designs like an entirely different landing page.

We see this a lot with how personalized websites are becoming. There are now various landing pages that are designed to be used on different types of people or personas. A.B. testing allows the designer to see which landing pages are the most impactful for a certain demographic. 

Alessandro comments, “Using the crazy egg A.B. testing feature, you can observe the impacts of testing variations to a page such as button placement, color, wording, etc. The crazy egg tool is also fairly simple and powerful and has been built to not overwhelm users.”

A.B. testing can clue us into small changes that translate into bigger metrics. For example, one thing we constantly see are people clicking on the feature images when they aren’t clickable elements. People were clicking them anyway and it gave us a tip as to what users found valuable on the page. These small insights allow us to change things like copywriting and placement that ultimately results in boosting conversion rates.

The Tool Kit

After all, UX is a blend of art and science. It takes a skilled designer to know how to implement both aspects of UX in a way that is meaningful and responsive. Thanks to Crazy Egg, we can continue to deliver products to our clients that are supported by data and show clear results. The simplicity of their product combined with the immensely impactful insights Crazy Egg offers is essential for any UX designers tool kit. 

 

Designing a Call-To-Action That Converts Every Time

September 18, 2018 - Posted by: CreateApe

If you’re in the design space, you’ve probably heard the acronym CTA. While it sounds like a disease, CTA stands for “Call To Action.” It’s a button or a link that users can interact with in order to inform or convert them to make a buying decision. Marketers love to throw out phrases like “We need a strong CTA” and we’re here to discuss what that even means.

A typical call to action you see on eCommerce websites are the “Buy Now” and “Click Here” boxes. Although it depends what your goal, product, and demographic you’re targeting is, there are some common denominators every CTA should have. Here’s a checklist to make sure you’re maximizing conversion every time.

1. Placement

First, a strong CTA should be easy to see and should have a prominent placement. Although some may think size and color are the most important factor of a CTA, it’s about what’s happening around the space that you need to be conscious about. Think about the button in context with the page. If you have a CTA with pictures all around it it’s going to be hard for the human mind to see it. A CTA with clean boundaries is going to get more clicks.

2. Color

General rule of thumb is to make sure the color is vibrant. Websites with a black box and white text may not perform as well. A colorful button that stands out in the design will attract more clicks. Be wary of going overboard. If you have a website that has colorful text, design, links, and you have a colorful CTA, it’s going to get lost in the composition.

This Madewell CTA could have been more impactful with color differentiation. Due to the black and white, the user has to stop and read both buttons to make a decision instead of making a subconscious choice. For example, a “yes” button being green and a “no” button being red.

CreateApe-CTA-Conversion

In this example, the designer uses green and grey to differentiate. As a result, the user gravitates towards the green “Yes” intended to capture the greatest conversion.

CreateApe-CTA-Example

 

3. Size

Your main CTA should be fairly large. Not large enough to be be obnoxious, but it should be larger than most of the items on the page. For example, on your typical landing page you’ll have title, subtitle, some text and two CTA’s. Typically, those CTA’s like “buy now” or “learn more” have a greater emphasis on them then the rest of the items on the page. The main CTA like “buy now,” should have a heavier weight due to it being the button that will lead to greater conversion and monetization.

Additionally, having a sub-CTA like “learn more” is important for those who aren’t ready to buy in the moment, but maybe want to buy in the future. In the context of this example, your main CTA “buy now” should be stronger than the sub-CTA intentionally. If they’re both the same weight then the mind will have to differentiate between the two. If the “buy now” is stronger, it will get more clicks.

Why CTA’s are Essential:

Most importantly, designing an effective CTA is the difference between converting a customer or generating a lead that will become a customer later on. It’s an integral part of digital marketing and user interface design. With the these tips, you’ll be able to design a CTA that’s effective and engaging.

Are you a business owner or entrepreneur that needs help deciding on which applications are best for your business? Let us help get you get #JungleReady. Let our CreateApe expert team be your jungle guide. We will help you traverse the wilds as we take your project to new heights.

Clutch.co Ranks CreateApe Top Design Agency in Orange County

September 6, 2018 - Posted by: CreateApe

CreateApe is now featured on Clutch.co and has already received two stellar reviews for outstanding service. Clutch is a Washington DC based research, ratings and reviews firm that covers thousands of business to business firms from over 500 different industries. Each company on Clutch is evaluated on multiple criteria such as; market presence, client base, and industry experience. Clutch’s platform allows firms to compare similar services and choose the one that best compliments their future business plans.

Additionally, CreateApe’s talented team of experts are not only capable of implementing the newest technologies on the market, but also excel at providing the highest customer service possible to all our clients. No matter the level of complexity of the project, CreateApe is eager to develop modern, visually appealing products that not only look good, but are functional and intuitive. In addition to UX and UI design, our team can also help with web development and over all digital services. For any business inquiries or questions, please contact us here.

A recent client of ours has given feedback on a project with us on Clutch.co and rated us a 5- star service. The project was to create a real estate management platform that was easy to use for all parties. The reviewer was incredibly impressed with our turnaround. They said,

“We can give them a skeleton model and they come back with an incredible representation of what we’re seeking.”

 

 

Another reviewer of CreateApe on Clutch’s platform really appreciated our refreshing approach compared to other businesses they’ve worked with. They said,


“What was refreshing about CreateApe is that they took the time to understand the technology we’re using.”

 

This reviewer goes on to talk about the results of the web design we created for them. They also said,


“It’s getting positive feedback on the look and feel, a major improvement from the previous site.”

 

All this positive feedback on Clutch has already made us a leader on their Orange County UX Designers page. Furthermore, Clutch just announced that on September 5th, they’ll be releasing a press release of the top business service companies in California. Even with two reviews, we’ll be included in this press release because of our hard work and commitment to clients.

We look forward to collecting more Clutch reviews on our profile to rank even higher as a UX and Digital agency. Thank you to our clients for spending the time supporting us and leaving us feedback through Clutch’s platform!

Mobile Design Workshop

May 18, 2018 - Posted by: CreateApe

CreateApe is excited to announce that our founder, Alessandro Fard, will be holding a Mobile Design Workshop in Los Angeles this Wednesday May 23rd from 6-8:30 pm at the WeWork Playa Vista.

The workshop will cover practical applications for UX, including best design patterns and strategies for each platform, with a special focus on critical elements of iOS and Android mobile apps: home screen, search, navigation, forms, and workflows. No experience in UX/UI design is needed to participate.

The activity based workshop will be focused on:

  • Individual and personalized case studies from the class attending.
  • Hands on experience with user-centered design approaches.
  • Learning storyboarding and user scenarios.
  • User testing of paper prototypes using Rapid Iterative Testing and Evaluation (RITE).
  • Practical application of mobile design patterns
  • NOTE: Topics covered will vary depending on attendee case studies presented. Bring your questions AND your work examples for Alessandro to offer suggestions on!

Participants will walk away with:

  • Best design strategy for iOS, Android and Web.
  • Understanding the essentials: Reinventing your interface with an agile and responsive approach.
  • Document use cases and personas in context using storyboards.
  • Selecting the right design pattern for interfaces to drive desired user experience.
  • Design usable and effective mobile forms and workflows.

With over fifteen-years experience in the web industry, Alessandro has worked directly with awesome companies like American Express, Best Buy, and Facebook. His work has been featured in VentureBeat, TechCrunch50, Newsweek, and his article “The UX University of Life” was featured in UX Magazine.

As a lifelong learner, Alessandro believes his everyday experiences can be leveraged as a part of an ongoing UX education. Great UX is something everyone can learn and achieve.

Parking:

There is plenty of street parking available around the building and a parking structure across the street at the Whole Food Marketplace.

For more information and to purchase tickets visit the link here! If you are a current or previous client of Alessandro’s please message us at support@createape.com to get your FREE registration code.

 

Event Sponsored By:

Schmoozd is an offline social event that serves a passionate community of culturally-connected people who are seeking an alternative way to socialize and network. A service from Creativewhiz, Inc., a digital agency based in Los Angeles.