Whether you’re a reader or a listener, we’ve got you covered! Listen to the podcast version of this post for a fresh take.

In any website design, call-to-action (CTA) buttons are key to highlighting the important actions available to users. Buttons make the difference between a general site visitor and a converting sales lead. Pointing out relevant information and next steps to the user can help them navigate your site with less friction, reducing decision fatigue and decreasing bounce rates. Here are six key questions you should consider when designing the CTA buttons to be used on your website.

Should the button style stay the same?

While it’s important for button styling to be consistent across a site, in some cases, there are multiple actions available to a user in a single viewport. To avoid overwhelming users with numerous identical buttons on the screen, you can use different styles to indicate a visual hierarchy. You’re already asking a user to make one decision, therefore, the UX should eliminate any additional, unnecessary decisions in what button to select. For actions that are top priority, bold-colored, solid buttons tend to draw a user’s attention first. Secondary and tertiary button styles should be less emphasized, with unfilled boxes or simply underlined text to indicate less important actions. The styles should be distinct but linked by common elements such as color or shape to make them easily recognizable. Try to use the primary button styling predominantly throughout the site, and avoid creating more than three distinct button styles. 

What colors are best to use for CTA buttons? 

When choosing the fill color of CTA buttons, it may be tempting to rely on your company brand color scheme. The button design shouldn’t diverge from the brand entirely, but the button color should stand out from the rest of the content on your site. Say you have a minimalistic black and white or muted color palette, you’d want your colors to pop against those backgrounds. Using the predominant brand color risks the button competing for user attention, leading to lower clickthrough rates. Color psychology also plays a key role in communicating the meaning behind buttons. It’s usually best to avoid red CTA buttons, because red buttons are associated with dangerous or harmful actions. Blue buttons, on the other hand, have positive connotations for users since blue text (the namesake of the Bluetext agency) has been used to indicate hyperlinks since the inception of the internet. Users are familiar and comfortable with clicking clue hyperlinked text, so why initiate a change? When choosing the color for a group of buttons on the site, assigning different colors to each action can create a higher cognitive load for users trying to distinguish between their choices. It’s best to use the same color for all the buttons in a group, so that users can focus on the text. However, you may want to consider indicating a default action to make one choice stand out, as discussed in the next section. 

Should you highlight a default action? 

If you are showing choices on a screen, and one of the choices presented is more likely to be the user’s preferred action, then it may be best to highlight that option to indicate it as the  “default” to help users choose this option faster. However, if the choices are equal, then highlighting a default action could confuse the user or steer them to click the default choice rather than considering the options equally. When showing two choices next to each other, it’s also important to consider right and left hand placement. Showing an option on the right may make users more likely to choose it due to right hand bias, so it’s best to put the default option on the right. However, if the default action is something irreversible like “delete all,” it may be best to put that CTA on the left to force users to give more consideration to their decision. When presenting multiple options, just consider which option will be chosen the most often, and how quickly you want the user to navigate the decision. 

Should icons be added to the CTA buttons? 

Usually, text alone is enough to communicate clear actions to the user, but when buttons are grouped together, it may be harder for the user to distinguish the difference between the options presented. For example, if a new user on your site sees “Download” and “Contact Us” CTAs right next to each other, they might have to take a second to think about the difference between the two actions. In cases like this, icons can help users to discern the difference between the options faster. When assigning icons to the CTAs, make sure that the icon is helpful in communicating the meaning behind the text. If the icons themselves are too similar or generic, they may only lead to more user indecisiveness. Choosing the right icons can make all the difference in the user experience.

Should designers think “outside-the-box”?

The standard button styling is a rectangular box shape, with rounded corners. While designers could use colors and text styling to flex the brand, the overall button shape shouldn’t stray too far from the norm. The oblong-shaped CTA is emerging in popularity with more rounded, organic brands and is a great example of applying brand elements without feeling foreign. The goal of a CTA is to be instantly recognizable to the user, and in this case, thinking outside the box could lead to users being confused or less likely to interact with CTAs. One way of ensuring standardization across buttons is by adhering to the “common grid” measurements. The grid spacing ensures that buttons have adequate clear space around the text, making them easier for viewers to read and recognize the anatomy. Clean, simple designs also tend to be more palatable, as buttons with numerous effects applied can end up looking tacky and unprofessional. 

What considerations should be in place for accessibility? 

Accessibility is necessary for legal compliance, but it’s also recommended to ensure that designs are easy to read for all users. Font size and color contrast are two of the main considerations for button accessibility. Gradient treatments can also add complications to website accessibility, especially when overlaid with text. As a designer, it’s important to ensure that legibility is never sacrificed for aesthetics. The Importance of Website Accessibility doesn’t go ignored at Bluetext; read more about how we test for accessibility compliance to ensure that our sites are functional for everyone. 

At Bluetext, when designing a site for a client, the number one priority is to ensure that the website will engage users in order to achieve business goals. Experienced designers know that CTA styling is key to capturing users and directing them to the most important content on the site. Thoughtful design can increase brand recognition, improve clickthrough rates, and remedy bounce rates for your site. Contact Bluetext to learn more about our services and how we can address all of your website design needs.

Since late last year, the technology industry has been alight with news and developments surrounding the Metaverse. Companies large and small are betting big on what is seen by many as the successor to the internet. Microsoft’s record-breaking acquisition of Activision Blizzard has been seen by many as a Metaverse play. The likes of Facebook have even restructured their entire organization and established a new parent company, Meta, named after the Metaverse.

But what exactly is the Metaverse? In simplest terms, “The ‘metaverse’ is a set of virtual spaces where you can create and explore with other people who aren’t in the same physical space as you.” If you’re still confused, that’s okay. The Metaverse is constantly evolving as more and more companies invest in the concept. Chances are you’ve already experienced flavors of the metaverse but may not have even realized it. To break it down, major players in the technology industry are looking at the Metaverse from a capabilities perspective for the likes of: 

  • Real-time 3D graphics
  • Feature sets that overlap with real-world activities
  • Personalized avatars unique to each user
  • Person-to-person social interactions that are less competitive in nature and more goal-oriented compared to stereotypical games
  • Designs best well-suited to virtual and augmented reality headsets
  • Links with outside economic systems so people can profit from virtual goods

Regardless of how you feel about the Metaverse and its capabilities, there’s no denying that AR/VR is growing more popular. In 2021, it was estimated that approximately 85 million users experienced AR or VR at least once a month. Virtual reality headsets, which were originally intended for gamers back in the 1990s, have picked up momentum in the past decade as companies are releasing sleek, futuristic consumer headsets and applications.  That userbase will only continue to grow as VR/AR devices become more accessible from a cost and usability perspective. Given the fluidity of the concept of the Metaverse, the marketing opportunities are truly endless at the moment. Below, we take a look at just a smattering of ideas for marketing in this next generation of the internet. 

1. Gamifying your Brand

As we’ve discussed before, gamification is the act of taking a process that already exists and applying game mechanics to make it more engaging. Given the current state of the Metaverse and its existing uses, gamifying a brand is the first natural step we’ll see companies take as they expand their reach into this additional marketing channel. We’re already seeing some companies dive headfirst into brand gamification in the Metaverse. To promote the new Nike React Flyknit running shoe, Nike created its own virtual world, called Reactland, allowing users to create avatars of themselves and then navigate through the game’s forests and rooftops while jogging (in real life) on a treadmill for three minutes.

2. Parallel Metaverse Marketing within Real-Life Marketing

Just as we create physical manifestations of digital marketing campaigns, marketers need to be ready to expand their focus to the Metaverse as a third component of any future campaign. Campaigns targeting millennials and Gen-Z’ers will comprise the majority of initial Metaverse marketing campaigns, as these audiences are the predisposed primary users of the platform. Experiential marketing will also be a major component of any Metaverse marketing campaign, offering branded installations and events that users can interact with, as opposed to just placing simple ads. 

3. Harness the Power of Facebook’s Meta

While Facebook is still in the early stages of rolling out its Metaverse to consumers, there’s a good chance that any experience will include digital advertising and in-experience transactions. Anything from building virtual stores, hosting immersive events, or creating Facebook Ads will no doubt be considered. Additionally, we’ll definitely see comparable offerings from other companies staking their claims in the Metaverse hype such as Walmart and Microsoft.

It’s fair to say that the Metaverse in its current state is filled with uncertainties. While many companies are pouring tons of capital into the space, no one knows what it will look like in five to ten years, let alone next year. That being said, it will be important for marketers to stay in the loop and decide when might be the best time to stake their own claim in the Metaverse. Interested to see how Bluetext is taking advantage of up-and-coming technologies on behalf of our clients? Contact us. 

62 seconds. That’s the average amount of time a user will spend on a website before hopping to another page. 62 seconds for your website to show off all your company has to offer. 62 seconds for you to create a spark of interest that will keep your customer’s cursor away from the dreaded back button. The attention span of modern internet users is a fickle thing, dashing between emails, articles, quick searches, and more. So when you have only a little over a minute to hook a viewer, you better make every second count. A beautiful landing page can grab a viewer’s attention, but a strategically crafted landing page will keep them there. Below are some tips that top digital marketing & website design agencies use to hold the attention of your audience when they land on your site.

Helping Your Users Take Action with Interaction

A favorite UX design practice to encourage digital engagement is the use of interactive elements. This elevates the user experience from passive observer to a participant (referring to any degree of interactivity) on your landing page. When inviting users to interact with content, UX designers tread a fine line between doing too little and asking too much from their audience. Subtle elements such as eye-catching hover states and scroll-initiated animations are one way to get the user involved and create interesting effects based on their cursor movement or scroll. The logic behind these interactive elements is basic psychology — rewarding the user for viewing your content or scrolling encourages them to continue this action. Once visual interest is sparked, the user is more likely to continue scrolling on-page to view content and eventually reach a lead generation form. 

Lending Your Users a Hand with Custom Cursors

Another top trend in interactive content is custom cursors. Brands are beginning to implement custom cursor shapes and styles, and even animations triggered by placement on-page. One of Bluetext’s favorite examples of interactive landing pages is Asimily, a page with several subtle interactive elements, including new content triggered on scroll, animated hover states, and typography motion. 

Animations That Keep Your Audience Still

Animation is also a powerful tool to capture and retain attention, with elements like looped animations ensuring that a user catches an effect and can continue to watch it. Animated promotional videos can also be leveraged into powerful lead generation tools. Videos are quite effective for generating leads because they present a simplified version of your offering, and are far more engaging, and require less effort than reading an article. Animations are a great way to convey key information more efficiently and effectively on what your brand has to offer. 

Take the Lead with Your Landing Page Strategy 

Ultimately, these little changes can make a big difference in converting prospective customers into solid leads. There are many other ways to increase leads to supplement interactive elements. Targeting by channel, limiting navigation, including a clear call to action, and communicating key insights clearly all contribute to a more impactful strategy. Aggregating strong messaging, website design, and user experience best practices can enhance conversion rates on landing pages. Need help achieving better leads? Bluetext is here to bring stronger leads to your company through exceptional content and design. 

New year, same buzzwords. We’re all familiar with the phrase “machine learning”, but finding a practical application for it that supports your business model is another story. The key to effective digital marketing campaigns is taking full advantage of emerging technologies, and if you’re looking to increase your marketing team’s productivity and efficacy, look no further than machine learning. From paid media campaigns to search marketing strategies, recent machine learning enhancements have skyrocketed its digital potential. As brand marketing becomes more closely integrated with performance marketing, introducing ML to your digital marketing strategy is an effective way to assist your team on both fronts.

According to Google’s Chief Search Evangelist, “The future of brand marketing is digital, and it’s automated. As a brand marketer, if you can start thinking like performance marketers when it comes to KPIs, measurement, and budgets, you’ll be poised to win.” 

Looking for ways to get started with machine learning in your marketing processes? Here are a few ideas:

  1. Introduce personalization at scale.
    Personalized advertising is a tried-and-true success tactic, and machine learning makes personalization at scale easier than ever. Whether you’re personalizing for 100 users or 100,000, AI makes the process quick and effective. Better-targeted ads, personalized messaging, and individualized user journeys are just a few ways that ML can boost your brand.

  2. Leave the bidding to the machines.
    Free up your team’s time by handing off PPC management to a tool like Google Smart Bidding. With automated bidding, your team can focus more on strategic planning and goal-setting instead of cent-by-cent differences.

  3. Implement a chatbot on your website.
    Chatbots are simple integrations that can have a major impact on the conversion rate of your site. The best chatbots use AI to make the customer’s journey as simple as possible, guiding them to the right information or product with minimal back-and-forth. Trusona uses a pre-populated chatbot, so users don’t have to lift a finger to type a response; they can simply choose from the options presented.

  4. Iterate, optimize, and iterate again.
    Iteration is one of the greatest strengths of processes that use machine learning; rapid analysis of digital performance means that your team can respond in real-time to shifting trends and interests. Ultimately, the introduction of machine learning to your brand’s marketing tactics will result in better products and better performance.

Implementation of machine learning could be the next major step in your brand’s growth. To learn more and see how Bluetext can partner with you in that growth, contact us.

Second-only to your homepage, your sitemap is one of the most important and most visible parts of your website. What value is a website if people can’t find the content they are looking for?

A sitemap is quite literally a map of your website’s page inventory. Sounds simple right? As a content creator, you may know exactly where all of your content lives and how to get from Point A to Point B but to an unfamiliar website user, this may not be as intuitive. To complicate the process even further, creating a sitemap is not always black and white. Every website and its content is different, but there are certain steps you can take to develop the most user-friendly version possible.

Prioritizing Specific Content

Your first step should be determining what type of information will be available on your site, and more importantly how that information should be prioritized to meet business goals. First, it is important to conduct a content audit to take inventory of what is available to the user. Are you featuring lots of products? Are you trying to build up your thought leadership presence? Do you need a lot of information to educate users about your services, or will they already know about your area of expertise when they come to the site? Establishing your top three objectives for the website is a great place to start when conducting a content inventory.

After you have an idea of what kind of content your site will feature, you should take a step back and imagine being in the shoes of your target audience. What might your users look for? And how do they phrase their needs? While you might have an internal structuring of products or services that makes sense to employees with deep technical knowledge, your website is for a broader, often less specialized audience. Consult your SEO keyword strategy to ensure your menu labels match organic search teams. Added bonus: Google crawlers pay special attention to a website’s sitemap, making it a golden opportunity to embed top keywords. Make sure that any terms you use will be searched by your ideal audience and are likely to catch their attention on the website. 

Establishing your Navigation Structure

Next, you will need to think about the most intuitive way to structure your main-level navigation in the menu bar. This navigation will be present on every page, and for ease of use, it should be relatively short (we usually recommend four to seven items). You can have many child pages under this navigation, but you want to make sure that those top-level items present a few clear high-level categories to organize the information below them.

Once you have determined your top-level navigation, it’s time to determine the child, and even grandchild, pages that will live below in the website menu. While it might seem like you need a new page for every topic, think critically about what could be on-page content and what should be entirely its own page. Some pages might fit under a couple of umbrella categories, but make sure that pages are neatly assigned and do not repeat in different areas of the menu. For accessibility reasons, you want each page title to appear only once. Menu duplicity is a common problem for companies offering both “products” and “solutions”. While the argument could be made to categorize a page under either one, you should strive to pick one. 

Don’t Forget About the Utility Navigation

After structuring your main navigation, make sure you don’t forget to add items to your utility navigation as well. The utility nav is a great opportunity to pull out some important content that otherwise might get buried in your website. The utility navigation is the smaller links above your main menu and is always present at every step of the user journey. This is a perfect opportunity for ever-green content that appeals to broad audiences. For example, we often recommend putting careers in the utility navigation to make it easier for potential employees to efficiently find job listings and apply.

These steps will surely get your website sitemap off to a great start! However, keep in mind this is an iterative process and will need to be updated as needed. By tracking in-site searches in Google Analytics, you can see what users seem to have trouble finding through the navigation alone. If any term is getting significant search traffic, it might be worth changing the sitemap to make that content more clearly available.

Creating a sitemap can be challenging, and often benefits from a fresh, third-party perspective. Trusting a content marketing & user experience agency, like Bluetext, can help establish clear content goals and a reorganized sitemap. Contact Bluetext to learn about our experience creating intuitive sitemaps that will make your site shine.

Just like you can’t judge a book by its cover, you can’t trust a search by your top results. But how is that so? It contradicts all we believe to know about search engines, and cracks the inherent trust users put into “Googling it.” The truth is, even the most tech-savvy digital marketers don’t know the exact rhyme and reason behind Google’s search algorithms. So, what do search engine marketers know? It is widely known and confirmed that keywords and a handful of other core factors are being prioritized by crawlers in organic search rankings. We know the golden rule is relevancy, and various content and technical signals determine a relevant match to a user’s keyword search and top-rated results. But recent news has revealed you can’t take everything for face value, as even the tech giant itself is susceptible to hacking campaigns. 

The latest trend in malware has been termed SEO poisoning, or “search poisoning”. This attack method relies on optimizing websites using ‘black hat’ SEO techniques to rank higher in Google search results. These ‘black hat’ optimized websites are in fact malicious, but due to a high SERP ranking deceive victims into believing these sites are legitimate and clicked by visitors looking for specific keywords.

SEO for Ransomware 

According to the findings of the Menlo Security team, SEO poisoning cases are on the rise. Notorious ransomware groups, SolarMakers and REVil, are thought to be attributed to some recent attacks. Their campaigns used SEO poisoning to serve malicious payloads to their keyword-seeking targets. After optimizing sites with keywords that cover over 2,000 unique search terms, the sites appear top in a user’s search results page (SERP). These sites appear in search results as PDFs, and when visited, prompt a user to download the document.

When a user clicks the download button, they are redirected through a series of websites that ultimately drop a malicious payload. The threat actors use these redirects to prevent their sites from being detected and removed from Google search results for malicious content.

In the two most notable campaigns, Gootloader and SolarMarket, the actors didn’t create their own sites but instead hacked legitimate WordPress sites with strong Google search rankings. How? By abusing an undisclosed flaw in the ‘Formidable Forms’ WordPress plugin, which the hackers used to upload malicious PDFs. B2B websites were the most heavily targeted, as they are known to naturally host a large library of downloadable PDF resources.

So What Does This Mean? 

For users, do your due diligence. Not all is as it appears online, even on trusted sites like Google. Exercise caution, keep up with your antivirus programs and monitor for suspicious links or potential phishing scams. A cybersecurity hack could result in breached sensitive data or require a ransomware payout.

For businesses, beware. Hackers have learned targeting high-value companies can yield much higher payouts (millions compared to the measly hundreds in consumer ransoms), especially if there is a high likelihood their attack will affect many users. Maintaining a healthy website entails regularly updating plug-ins, installing preventative security measures, and conducting frequent tests.

Does your website need a check-up? Or perhaps a new fitness regime to keep website health goals on track? Contact Bluetext to learn how our website development, optimization, and maintenance services could cure your security concerns.

In true Google fashion, Google Ads is changing the way you can advertise again. Previously, you were able to create Expanded Text Ads (ETAs), but beginning June 30, 2022, all of your standard search campaign ads will need to include at least one Responsive Search Ad (RSA) per ad group. The good news is this can improve your search campaign’s performance if managed correctly. And at least for now, ETAs are not fully leaving. In fact, Google even recommends having two ETAs along with an RSA for each ad group. Diversifying your ad groups sounds great in theory, so maybe Google is doing digital marketers a favor. Nevertheless, change is change, even in the most advantageous versions. So let’s break down why including RSAs can help your business achieve campaign objectives. 

First, What Are RSAs? 

RSAs could be considered within the next-generation tech wave of AI marketing, almost like a self-driving car for your search campaigns. Responsive search ads let you create an ad that adapts to show more text—and more relevant messages—to your customers. Enter multiple headlines and descriptions when creating a responsive search ad, and over time, Google Ads will automatically test different combinations and learn which combinations perform best. 

How do RSAs differ from ETAs?

One of the key differences between ETAs and RSAs is that RSAs are more dynamic. Rather than creating multiple ads for different users, now you can create a single RSA with various headlines and descriptions, then Google will automatically tailor the ad to fit the user’s needs. RSAs allow you to set up to 15 different headlines and up to 4 different descriptions. The drawback to this new method is that you can’t preview the exact combination of text users will see, so you need to ensure your headlines and descriptions can all work together. But more on that later! 

While ETAs give you more direct control over your ads, they also require you to update them more frequently to remain relevant. RSAs however require fewer updates since they can provide fresh combinations of headlines and descriptions to users on each visit. This ensures your ad copy doesn’t go stale and can match up top-performing headlines to the potential customers. The tradeoff for this benefit is that RSAs typically take longer to set up, as they require more thought initially. 

So how can you prepare?

One of the things you can start doing is experimenting with RSAs for testing purposes. Meaning, you should continue creating your ETAs for now, but supplement them with RSAs to get the hang of the upcoming change. This combined approach allows you to experiment with your optimal ad copy while also leveraging Google’s machine learning insights. Beyond that, you can experiment with pinning headlines in your RSAs. This gives you similar control of your ads to ETAs by ensuring specific copy appears in the first, second, or third position of your headlines.

Machine Learning-Based Recommendations 

Google’s shift towards RSAs is pushing advertisers to rely on Google’s machine learning algorithm more and more. A benefit of this change is more relevant recommendations for your account’s performance. While these recommendations can help you discover new relevant features and improve your bidding strategy, an experienced digital marketing agency such as Bluetext can help steer your campaign to success.

Ongoing Performance Monitoring and Improvements

While the recommendations page can assist you in finding some trends based on historical data, you’ll still need valuable data to base those decisions on. That’s why any good campaign should utilize ad variants to test different messages. That way your historical data can reflect a range of ad variants and you can determine which combinations work best. This also allows you to determine the best way to tweak each ad for ongoing performance optimization. 

When it comes to these ongoing performance-based adjustments, you should do your due diligence in checking the data. But data is data, without proper interpretation of insights, there are no actionable changes to truly optimize your ad spend. That’s where digital marketing expertise can make a difference. Bluetext’s search campaign experts are skilled at sifting through marketing data to identify trends and recommend areas for improvement. Want to learn more about how Bluetext can help your ad campaigns thrive? Get in touch with us here.

We’ve all heard the old adage “the medium is the message” – and that could not be more true in today’s vast media landscape where the majority of users are browsing websites on mobile devices. Knowing that users are visiting your website and often encountering your brand for the first time on a mobile platform, it is essential to thoughtfully design a mobile user experience that takes into consideration both the benefits and limitations of mobile devices as well as known user behaviors.

Mobile web design should not just be a narrowed version of the desktop experience, it should be a responsive design in and of itself that gives way to an intuitive user experience and easy navigation to the information the user is looking for. There are so many variables that can cause a user to leave a website. A slow-loading page or poor content layout can be enough to drive users away – don’t let a lack of forethought when it comes to the mobile user experience be a barrier between your audience and your website. By implementing the following best practices, you will be sure to create the best mobile experience for your users: 

Ease of Click is Key

You should always keep in mind what we know about all users visiting your website – every action you ask them to take should be as easy and frictionless as possible. Before even considering the content that will go on a page, you need to consider where on page it will be most accessible. In 2011, Steven Hoober and Eric Berkman published a study called “Designing Mobile Interfaces” in which they coined the term “thumb zone.” This refers to the areas on mobile screens that are most easily reached by the users’ thumbs and therefore where all important clickable items should be placed. Placing important buttons and links in difficult-to-reach areas on screen can add barriers to content and therefore detract from the overall user experience. 

Intuitive Navigation 

Whether a user knows exactly what they’re looking for or they are purely just browsing on your site, the path to information should always be clear and natural. Creating the best navigation for your site requires thoughtfulness of content and consideration of your audience and the way they are used to maneuvering through a website. The navigation should make sense for the content you have to offer while also aligning with the organizational structure that your users are familiar with. There are many correct ways to layout the navigation of your website, you just need to find one that is the best fit for you and your audience. Employing intuitive navigation on your website is particularly important on mobile platforms because eliminating clicks to content while also having a well-organized site structure can assuage user frustration, encouraging them to stay on your site longer and to visit more pages. Solutions like hamburger menus help organize the menu in a way that the user isn’t overwhelmed by the menu items all at once when first arriving on the page while also mimicking the structure of the desktop site.  

Cross-Device Consistency

While the mobile experience of a website should not just be a minified version of the desktop interface, keeping consistent UX design across desktop, tablet and mobile devices should always be a priority when creating your website. Responsive design across the board is crucial when trying to keep the user from disengaging from your site. Any inconsistency that arises when switching from one device to another can create confusion for the user and create the perfect opportunity for them to leave your website. Once again, it always comes back to making everything seamless and easy for your user. The mobile web design should be a full experience in and of itself that considers the intricacies of mobile user behavior while also mirroring the overall UX of the desktop interface. It is a delicate balance but is very worth it when done right. 

Prioritization and Breakdown of Content

Simply due to the nature of mobile devices, there simply isn’t much space to fit content in one viewport. This means that in order to encourage your audience to 1) consume the content you write and 2) take away the most important points, you have to visually break up content to make it digestible while also pulling out the highlights as visually engaging elements on the page. Drawing users to your website is a challenge in and of itself – this is only compounded by the challenge of capturing enough of their attention so that they read a significant amount of content while on your site. The reality is you have a very short window to grab their attention and once you have it, concisely driving home the main takeaways is crucial. On mobile, in particular, breaking up content into chunks rather than overwhelming the user with massive blocks of text is a good way to make it all seem more approachable especially when you are trying to fit content into such a small screen. Highlighting specific points using statistics and images in a visually interesting way is a great way to also hold user attention. 

Conclusion

Users have shown over a number of years now that the age of mobile device browsing is here to stay and if you choose to ignore it, you will get left behind. When designing for mobile devices, there is so much to be gained by considering what we know about users and the way they physically interact with their devices, and the way they consume content. Mobile web design principles center around the idea that users should always be presented with the path of least resistance when it comes to finding the information they need on your website as well as actually clicking the button to get there. 

If your website needs a mobile makeover, contact Bluetext to learn about our website user experience design services. 

Scroll-based animation offers all the benefits of on-page animation and more. Not only do pages with scroll-based animation engage users more effectively, but they can also tell more complex stories, improve page load time, and expand the capabilities of your brand identity.

Some stories are best told visually, and scroll-based animation is an effective way to make complex stories simple and elegant. Designers can use animation to guide users as they scroll, catching their eye at exactly the right time and place. Apple incorporates subtle animations into its product pages to drive user focus toward key information they want to highlight. 

Scroll-based animation can offload elements beneath the virtual “fold” from the initial loading process, decreasing overall load time. Elements above the fold are prioritized in the initial load, saving time on down-page items that are animated to appear as the user scrolls down.

Implementing scroll-based animation provides the opportunity to add animated elements to your brand. Whether they’re completely new, or existing pieces that have been updated with motion, animated elements can help bring your brand to life. Elements like a scroll-based footer or call-to-action can be used across a website to consistently call attention to key information about your brand.

Key Tips for Scroll-Based Animation

Getting started with scroll-based animation can be tricky, so here are a few pointers to keep in mind as you go. 

  1. Timing is everything. The flow of the animations as a user scrolls down the page is key to maintaining their interest. As a user moves down the page, elements should naturally animate or appear, so there are no gaps in the experience. A simple, well-timed scroll-based animation is always better than a complex but awkward one. 
  2. Added effects should emphasize key information, not detract from it. Keep in mind that the whole point of on-page animation is to make it easier for users to navigate your site and find what they’re looking for. Be sure that any effects or animations make their experience easier, not more difficult.
  3. Less is more. When in doubt, simplify. Avoid cluttering your site by animating every element on a page or by introducing particularly drawn-out animations for no reason. As a rule of thumb, smaller elements should have shorter animation cycles, and each animation should have a purpose in guiding the user experience.

Looking for inspiration?

Clarabridge’s animated homepage brings the brand to life and elevates the user experience. On-page effects guide the user through the homepage, emphasizing the strength and ease of Clarabridge’s solutions. Click here to read our case study on this project.

HuffPost’s interactive article, Chef Jose Andreas Embraces the Chaos, is an example of “scrollytelling,” which uses scroll-based animation to enhance a written story. Hand-drawn visuals appear as the reader scrolls through the story, adding a playful, personal feeling to the page.

For Calling All Optimists, Bluetext incorporated subtle scroll-based animations throughout the site to draw attention to key information or calls-to-action. Along with the brand’s playful shapes and colors, these animations reinforce the positive, dynamic qualities of the site. Click here to read our Calling All Optimists case study

Ready to see how scroll-based animation can enhance your site? Contact Bluetext to learn about our motion design and interactive UX services.

 

 

The needs of a modern consumer are not static; they are constantly moving and advancing, shifting and changing. Customers adopt and discard products at breakneck speeds, seeking new opportunities for enjoyment and discarding them at the first sign of trouble. For a product to remain relevant in the eyes of today’s consumers, it must be able to not only meet their present needs but evolve alongside them to seamlessly adapt to future needs. Effective product management requires two critical steps; first, a deep understanding of how consumers use a product, secondly the ability to leverage that knowledge into actionable improvements. To do so, your business must understand product intelligence and its essential role in an impactful relationship with your customers.

What Is Product Intelligence?

Product intelligence refers to the use of software to collect and analyze data about a product’s performance with users. These systems gather and interpret information about how users’ interaction delivers critical insights on strengths and opportunities for improvement. Product intelligence also takes into account external factors that influence the customer relationship. Shipping, marketing, customer support, and countless other service touchpoints all influence consumer perception and ultimately the experience of your offerings. Product intelligence software helps aggregate these factors to evaluate the performance of your product holistically.

The ultimate goal is to create a positive feedback loop that enables product teams to iterate and innovate with greater speed and higher accuracy. By leveraging critical insights about the customer experience, product management teams can implement improvements to engage, convert, and retain users more effectively.

Product Intelligence Best Practices

  1. Understand the Customer Journey – While website interactions and app behavior are important, you need to include insights from marketing campaigns, ad spend, and other touchpoints to drive a deeper and more impactful understanding of your customers. Analytics, behavioral targeting, and customer data management cannot remain isolated from each other when optimizing product experiences.
  2. Collaboration Cannot Be an Afterthought – Services and integrations don’t get you a great product experience; teams do. For product intelligence to make a real impact on your business, you need to support efficient collaboration among product teams. That means being able to keep pace with rapid question-asking, in-depth exploration, agile decision-making, and generally enabling the most frictionless product development process possible.
  3. Assess Your Competitive Landscape – Your product offerings don’t exist in a bubble, and understanding the potential interactions consumers could have with the competition helps guide you towards truly differentiable improvements. You should strive to know your competitor’s products, strategies, and marketing tactics just as well as you know your own.

Why Is Product Intelligence Important?

Consumer preferences can change in an instant, and companies that can’t keep pace are destined to fail. Product intelligence ensures that your business will never be left behind by shining a light on the key factors that influence whether or not a consumer buys and continues using your products. Whether it’s through illustrating conversion paths, documenting user interactions, or detailing which marketing campaigns attract new visitors, the product intelligence process provides a holistic view of how your product adds value to people’s lives.  

Navigating the high-stakes challenge of effective product marketing can seem like a daunting task. That’s where Bluetext can support. From omnichannel media campaigns to product videos & landing pages, Bluetext’s digital marketing experience can ensure customers old and new take notice of your company.