Boxing legend Floyd Mayweather Jr and UFC phenomenon Conor McGregor will go toe-to-toe in Las Vegas this coming Saturday, in a fight that is set to smash the $4.6 million pay-per-view sales record set by the Mayweather-Pacquiao fight in May 2015.

But let’s be honest, this will likely be much more of a money-making spectacle than a competitive battle.

So for a bit of fun we decided to compare the two fighters in an infographic to highlight actually how different they are as fighters. Hopefully this gives gives you some food-for-thought from a different angle as you decide who has the edge going into the fight.

Who is your money on?

The post Mayweather vs. McGregor: Toe-to-Toe Comparison Infographic appeared first on Tone Agency.

With over 2 billion monthly active Facebook users, the potential reach businesses could achieve on the world’s biggest social media network is obvious.

But with over 70 million businesses also using Facebook to market their goods and services, how can you stand out from this congested crowd and get your brand’s voice heard?

Well, here are 6 simple Facebook marketing ideas for your business to help you do just that!

1. Choose the right cover photo (or video)

First impressions are everything online, which means you need to get Facebook users onside as soon as they arrive on your page. Thankfully, Facebook has made this rather easy to do with cover photos.

Aside from being high quality, on brand and relevant to your business, your Facebook cover photo can be used as a free advertising space to promote pretty much anything. Some ideas include:

• Generate leads – Design an image to drive leads with a relevant CTA
• Publicise an event – Anything from a conference to a social media competition
• Feature UGC – User Generated Content can help build loyalty
• Feature staff – To humanise the brand
• Showcase a product or service – Especially a new release or recent update

Going one step further than static imagery, earlier this year Facebook introduced cover videos:

“By making cover video available, we want to help you create more engaging interactions and drive more rich experience for your audience by letting you spotlight your creative content in one of the most prominent spaces: your page cover.”

Video gives you that extra creativity freedom so go ahead and give it a try!

Useful links:
How do I add or change my Page’s cover video?

6 Tips for Designing Highly Effective Facebook Cover Photos

2. Take advantage of Facebook Live

Every marketer recognises the need to capitalise on the increasing influence of video, especially on social media. However, Facebook Live is arguably even more significant, largely because its news feed algorithm controls and prioritises the reach of these broadcasts.

Despite the fact it is relatively easy to start a Facebook Live broadcast, you should bear these five tips in mind to maximise its benefits.

• Promote your broadcast – With excellent targeting options, you should make the effort to promote your broadcast ahead of time.
• Practice makes perfect – Along with practicing what you’re going to say and do, make sure any variable factors have been taken into consideration
• Make it personable – Get yourself comfortable, encourage viewers to leave comments or feedback, and always remember to smile
• Don’t forget to optimise – Videos are archived after the live stream, so add post-show comments, edit the metadata, and change the thumbnail
• Analyse the results – Look at metrics like audience retention to inform future live stream efforts

Video source: Clemson Football, Facebook

Useful links:
Tips & Tricks from Facebook

How to Use Facebook Live: A Bookmarkable Guide

3. Go behind the scenes

When it comes to making buying decisions, consumers are quite literally spoilt for choice, both online and in the real world. To attract more customers, some businesses lower their prices, while others will try to improve their product or service.

But in the world of social media, consumers will always favour the brands that make an effort to be more relatable and in touch with their audience. One of the ways you can achieve this is by going behind the scenes at your own organisation.

Ideas include posting photos and videos of a typical day, a special event, your employees hard at work, or your products or services being enjoyed by the customers themselves. You could even go one step further with Facebook live!

Here’s a great example from our beloved Burnley FC.

4. Get your fans talking

Word of mouth remains hugely effective online and can be the difference between achieving a conversion or not. The only problem is encouraging Facebook followers to say good things about your business, as it could easily come across as forced or desperate.

Therefore, think of some ways to engage with your audience that gets them talking but also shows the brand in a positive light. Some ideas include:

• Create fun or light-hearted content, e.g. memes
• Post inspirational or entertaining quotes
• Create contests that require some sort of interaction
• Crowdsource feedback – Surveys
• Ask questions
• Publish interesting polls

Whatever route you decide to go down, make sure your brand has a personality on Facebook, where every post adds value to the audience’s experience. Users will remember businesses that connect with them on a personal level and offer something different during their online journeys.

Useful links
26 Tips for Better Facebook Page Engagement

5. Utilise Facebook Offers

As Sarah Perez from TechCrunch explains:

“Facebook Offers launched back in 2012 as a way for Facebook advertisers to reach customers through campaigns designed to tap into the social network’s viral effect – that is, Offers could potentially be exposed to a broader audience than targeted, thanks to people sharing the deal with their friends.”

However, a recent update now makes it easier for advertisers to reach customers on mobile and can therefore be used online or at point-of-sale. They appear in the News Feed and can be customised too. What’s more, Facebook notifies users to remind them of Offers they’ve claimed when they are about to expire. If people claim an Offer on mobile while they’re on the go, they’ll be reminded about it once they log-in to Facebook on desktop.

Here’s how to really make your Offer stand out:

• Make substantial discounts
• Keep it simple with a clear and concise image
• Use natural language
• Set a reasonable expiration date
• Boost your offer

Image source: Facebook

Useful links
Offer Ads – Facebook

Facebook Offers gets revamped for mobile, now lets you track saved coupons in a dedicated section

6. Re-engage with Facebook Remarketing

Facebook remarketing is an often overlooked tactic for several brands, even though it is incredibly effective at re-engaging with previous prospects. What’s more, there are a number of different cold leads you can follow up on, such as:

• Landing page visitors – Use landing page-specific Facebook ads to target this warm audience
• Blog readers – Facebook boosted posts can give new audiences high-quality content
• Past purchasers – Opportunities to upsell are extensive with past purchasers
• Free trial users – Try to get Facebook users engaged with your product by highlighting its benefits
• Newsletter subscribers – Focus on active readers with sales-orientated offers
• Almost purchasers – Convince users to complete their almost purchases with discounts and limited-time offers

Useful links
Facebook Retargeting:157-Point Guide & 12 Ideas For Sweet Results

In Summary

Facebook gives businesses plenty of options to market their products or services, yet many businesses fail to utilise them. Hopefully this post will give those who need it, some new ideas.

And when it comes to Facebook marketing, don’t take yourself too seriously. Adding some fun into your posts will grab people’s attention from all the other clutter in their news feeds!

What Facebook tools or techniques have you found most effective? Let us know in the comments below!

The post 6 Simple Facebook Marketing Ideas Your Business Should Be Using Right Now appeared first on Tone Agency.

It is somewhat surprising that despite the same advice being repeated for the past 20 years or so, several websites still don’t have a clear and coherent layout.

Way back in 1997, usability guru Jakob Nielsen revealed that 79 per cent of people read the web in chunks, whereas 16 per cent focused on every word. In a day and age where our attention spans have fallen through the floor, there is a strong chance that website “scanners” are now even more dominant.

Therefore, it is increasingly important that your website appears organised and orderly rather than messy and muddled. Not only because this is how most internet users prefer to browse the web, but also due to the impact it can have on user journeys and conversion rates.

Why a clean and de-cluttered site is so important

• It can improve user experiences – With most online experiences starting at a search engine, it is easy for users to simply go back to the results page if they don’t like the look of your site. But by greeting them with a clean and crisp page, you are more likely to make a good first impression and keep visitors on your site.
• It can reach more customers – Seeing as over 50 per cent of online searches now come from mobile, you need a website that looks good across every device, especially on smaller screens where space is at a premium. Design your site with clarity in mind and you will be able to reach a number of different audiences.
• It can increase conversion rates – At the end of the day, converting customers will be the difference between success and failure online. Therefore, your site should be designed in a way that encourages each user to take action. Without any unnecessary distractions, you can lead potential customers to where they need to go.
• It just looks better – Form and functionality is all well and good, but websites also need flair and finesse. This can be achieved with a minimalist approach, which ensures every minute detail is aesthetically imperative.

How to clean and de-clutter your website

As we have already written about extensively, the importance of wireframing cannot be underestimated. In addition to making it easier to plan where specific page elements will go, wireframing can also help with the arrangement of content.

This makes it even easier to clean and de-clutter your site. Wireframing will focus your attention on the fundamental foundations from which to build on. From there, you can slowly add more aesthetic and engaging elements without going over the top.

Wireframing also creates an informational hierarchy where the user’s experience is brought to the fore. You will be able to determine which features are absolutely necessary and how content should be presented on each page for a more seamless browsing experience.

For these reasons, it might make sense to start from scratch with wireframing rather than trying to tidy up an already disorderly site.

6 principles of web design you should always abide by

Even though every website designer wants their creation to be unique and stand out, they will always abide by the same principles for the sake of the user. Some of the most important include:

1. Following Hick’s Law – Essentially, by increasing the user’s choices, you also increase their decision time. If you want customers to convert, give them less distractions and more obvious CTAs.

2. Using the law of thirds – This popular photography principle can also be applied to web design. Split the page into nine equal squares and place your most important elements at the four middle intersections.

Image credit: interaction-design.org

3. Being aware of the “fold” – The top of any page remains crucial to catching the eye, but it is not the be all and end all of web design, as content further down deserves equal attention too.

4. Leveraging negative space (whitespace) – Negative space is a positive thing in terms of web design. Without it, your website would be a colourful mess. There’s a reason Google use an abundance of whitespace; to naturally focus your eyes to the centre of the page where the magic happens. Whitespace is one of the most simple methods of guiding the eyes of your audience.

5. Not forgetting to K.I.S.S – In other words, “Keep It Simple, Stupid.” Always ask yourself whether your website could do without certain elements that could be distracting rather than helpful.

6. Remembering the 8-second rule – With only 8 seconds to keep your audience’s attention, remember to use arresting images, large headlines, powerful words, and captivating multimedia.

All of these aforementioned principles are geared towards smart and sharp web design, which does away with needless distractions and focuses on essential elements.

If you do the same, your website visitors are much more likely to enjoy their experience and be more likely to convert into something useful.

The post Cluttered Website? Why it’s Time to Clean up Your Act appeared first on Tone Agency.

Usability is the most important aspect of any website design; for it is the key to achieving conversion goals.

If your website isn’t converting at the rate you’d expect it to be, then there are probably usability issues somewhere within your user flow – causing friction for your visitors.

While we’d always recommend a thorough website usability audit (recommended reading here) to discover and remedy usability issues, we understand that time and resource constraints can often make this difficult.

So in this post we’ve highlighted five key areas of a website that are often overlooked in terms of usability.

Our advice here would be to consume the content of this post and absorb the best-practice techniques before going away and scrutinising these areas of your own website.

The goal is to identify some quick win opportunities, implement some easy tweaks and ultimately boost those conversions!

1. Simplify Menu Navigation

We recommend keeping menus short and concise so that they serve the user’s needs. The temptation to include the latest funky trend and over-complication should be avoided at all costs. After all, your customers are on your website to do something, so the navigation should help them do that thing as quickly and as pain-free as possible.

Here’s some tips for simplifying your navigation menu:

Use clear, short words

Look to reduce the word count while retaining the core focus. Use words your users are familiar with; short and to-the-point terminology that’s easy to digest. For example:

Original: “Make a donation”               New: “Donate”

Why this works: 

• Users tend to scan content looking for keywords that point them toward what they actually need;
• “Donate” is a verb – describes an action and conveys meaning;
• Single words free up space helping to declutter the menu.

Visualise the navigation

Sometimes, it makes sense to use icons in a website navigation, as it adds another layer of clarity for user when figuring out which navigation link is most correct for their needs. Be cautious though, using icons for the sake of using icons can clutter up the navigation and impact on aesthetics: Use them sparingly and only if you are sure that they will assist in navigating users from A to B.

Apple is a great example of a company that uses visual navigation to its advantage.

Include a search form

We always recommend including a search field on your website, especially for websites with lots of content such as eCommerce stores and informational websites. Being able to do a quick site-wide search is a real time saver for the user and will undoubtedly improve usability instantly in those scenarios.

Easy accessible site search by HiB. Site designed by Tone

Consolidate menu items

Just UX Design recommends grouping similar topics into single categories to reduce the number of items in your visible menu. Consolidating in this way will not only reduce the number of items in the top tier of your website’s navigation, but will allow you to add more important pages to the main navigation and will help to shield the user from content that isn’t relevant to their particular needs while ushering them into the section of the site most suitable to them.

2. Let your website breathe – use white space

White space, or ‘negative space’ as it is sometimes referred to, is the portion of a web page that is left purposely empty. It is the space between the content, forms, modules, graphics, margins and other elements on a web page. It exists to ensure that the information on a web page is nicely structured and easily consumed.

Using white space effectively will allow your website to breathe. What’s more, research suggests that white space in web design is a key factor to building online trust with your users.

Use of white space example by Google.

Effective use of white space is all about enhancing the content on your web pages. You can use white space to improve the legibility of content, to promote user interaction, to highlight your call-to-actions (CTAs) and to create balance in your website’s design.

3. Make your CTAs stand out

A CTA exists to facilitate engagement from users. They are there to encourage an otherwise-passive visitor to perform a meaningful action.

However, CTAs also assist in improving usability on the site. If a website visitor arrives on the site with the sole intention of making an enquiry or getting in touch, it would make sense to offer them an easy way of achieving that goal; via a “Get in Touch” CTA.

The methodology behind a CTA is simple: Clearly call out an action for the user to undertake, and the user will be more inclined to perform said action.

To ensure your CTAs stand out as much as possible (to maximise usability), here are some quick design tips:

• Placement is key: Above the fold CTA’s work for some designs, but not all. Test out different CTA positions and find one that works for the layout of the website. This article on CXL Institute provides a sound introduction to CTA placement.
• Excite with words: The words you choose for your CTA text/buttons has a direct influence on user engagement. Choosing the right words will incite action; conversely, choosing the wrong words will discourage users from performing the action.
• Utilise colour: Colour has the power to unlock the true potential of a CTA. Test different CTA button colours as certain colours can evoke a variety of subconscious feelings. Think about the message that you want to portray to the user (trust, experience, intelligence) and complement those with carefully selected colour palettes.

Clear CTA example. Designed by Tone. 

4. Streamline web forms

The ultimate friction of any website is its web forms. If you have any aspirations of encouraging website visitors to fill in your website forms, you need to ensure they are as pain-free as possible. Filling out forms is laborious for the user, so help them out – doing so will improve user experience and negate frustration.

Here are some tips for improving the usability of web forms:

• Reduce fields: The simplest way to streamline forms is to reduce the number of required fields that the user must input. Condensing the number of form fields reduces effort on behalf of the user and ultimately shortens the time required to fill out the form. Every time a field is removed (within reason), the form’s conversion rate will increase.
• Pre-fill information: Another simple way to make forms more user-friendly is to dynamically pre-fill field values. An example of this is the location field – pre-populating the field with location information collected from the user’s smartphone makes a typically tricky form field effortless to fill in.
• Labels should sit outside of form fields: Labels prompt users to supply the correct information; without them the user would be unsure on how they should enter the information. Our advice here is to resist the temptation to focus purely on form design, as often in doing so, web masters will remove the ever-present visible label from the outside of the field and add it as a placeholder on the inside of the field instead. Although better visually, usability takes a hit in this instance, as the label is removed when a user begins to fill in the field. If a user then forgets what the label was, they are forced to delete their input to reveal the label before going ahead and re-filling the information. We recommend that hints and instructions should also be permanently visible and placed outside of the field.

5. Improve page load speed

Did you know that 30% of mobile web customers expect a one second or less page load, while 18% of customers expect instant page load? These statistics collected by Google show that website speed matters.

Image source: think with Google

Page speed is often reported as being directly related to conversions. Here are two stats to consider:

1. 79% of shoppers would be less likely to purchase from a website again if they were dissatisfied with that website’s performance (Kissmetrics)
2. A one second delay in web page loading time means a 7% reduction in conversions and an 11% reduction in page views (Hubspot blog)

Making your website faster is a sure-fire way to improve it. A fast website delivers a better user experience than a slow one. Here are three quick-wins to improve page speed:

Reduce the number of images on a page – and/or compress them

Images are the biggest bandwidth sinks on a server. Images should be resized and compressed. Saving a photograph as a JPEG rather than a PNG can cut its file size by more than half. Meanwhile saving a flat graphic/illustration as a PNG rather than a JPEG can cut its file size by over 90%.

Image source: think with Google.

Clean up your elements and reduce HTTP requests

80% of a website’s load time is determined by HTTP requests. The more HTTP requests that are needed, the slower that website will be. Streamline the number of elements on your page by combining style sheets, reducing scripts and using CSS.

Leverage browser caching

Browser caching stores webpage resource files on a local computer so that they can be loaded without the limitations of a server. Put simply, the web browser stores elements of a web page, such as the logo and CSS files locally, and loads them instantaneously.

The bottom line…

The importance of delivering a good user experience on your website cannot be understated, since your user experience will literally define how your website performs.

If implemented correctly, the quick fixes in this post will improve your website’s overall usability and improve conversion rates considerably.

The post 5 Quick Fixes to Improve Your Website’s Usability appeared first on Tone Agency.