We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you agree to our cookie-policy

SEO ENQUIRY

First, we need your contact details…

SEO ENQUIRY

Which SEO services are you interested in?

SEO ENQUIRY

Anything you’d like to share with us at this stage?
A brief, technical scope, supporting documents or anything else?

SEO ENQUIRY

How soon are you looking to kick off this project?

SEO ENQUIRY

What budget guidance are you working on this project?

SEO ENQUIRY

What budget guidance are you working on this project?

THANK YOU

Thank you for getting in touch with Yellowball!

We’ve received everything and one of our team will be in touch very soon with the next steps. If your enquiry is urgent, you can call us on 020 8064 1832 – we’re open 9am – 6pm Monday to Friday.

BACK TO HOMEPAGE
YELLOWBALL LITE

Unfortunately, you don’t qualify for a bespoke project, but there is good news!

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

VISIT YELLOWBALL LITE

Step 1

of 6

WEB DESIGN ENQUIRY

First, we need your contact details…

WEB DESIGN ENQUIRY

Which web design services are you interested in?

WEB DESIGN ENQUIRY

Anything you’d like to share with us at this stage?
A brief, technical scope, supporting documents or anything else?

SEO ENQUIRY

How soon are you looking to kick off this project?

WEB DESIGN ENQUIRY

What budget guidance are you working on this project?

THANK YOU

Thank you for getting in touch with Yellowball!

We’ve received everything and one of our team will be in touch very soon with the next steps. If your enquiry is urgent, you can call us on 020 8064 1832 – we’re open 9am – 6pm Monday to Friday.

BACK TO HOMEPAGE
YELLOWBALL LITE

The end-to-end delivery of bespoke web project akin to the style and quality of our portfolio typically start from £25,000.

Based on your budget guidance, we’d recommend exploring Yellowball Lite – our flexible WordPress theme that is perfect for small businesses, startups, consultancies and charities. Learn more about Yellowball Lite and speak to one of our specialists on this dedicated site. It’s all the best from Yellowball, now fast, affordable and available anyone, anywhere.

VISIT YELLOWBALL LITE

Step 1

of 5

GRAPHIC DESIGN ENQUIRY

First, we need your contact details…

GRAPHIC DESIGN ENQUIRY

Which design services are you interested in?

GRAPHIC DESIGN ENQUIRY

Anything you’d like to share with us at this stage?
A brief, technical scope, supporting documents or anything else?

GRAPHIC DESIGN ENQUIRY

How soon are you looking to kick off this project?

GRAPHIC DESIGN ENQUIRY

What budget guidance are you working to on this project?

THANK YOU

Thank you for getting in touch with Yellowball!

We’ve received everything and one of our team will be in touch very soon with the next steps. If your enquiry is urgent, you can call us on 020 8064 1832 – we’re open 9am – 6pm Monday to Friday.

BACK TO HOMEPAGE
GRAPHIC DESIGN ENQUIRY

Most design projects at Yellowball are typically more than £500 and our agency-wide hourly rate is £145 plus VAT.

We’re probably not a good strategic fit for this project but you could try the freelancer networks at Fivver.com or upwork.com.

Step 1

of 5

PPC ENQUIRY

First, we need your contact details…

PPC ENQUIRY

Which PPC services are you interested in?

PPC ENQUIRY

Anything you’d like to share with us at this stage?
A brief, technical scope, supporting documents or anything else?

PPC ENQUIRY

How soon are you looking to kick off this project?

PPC ENQUIRY

What budget guidance are you working on this project?

PPC ENQUIRY

What budget guidance are you working on this project?

THANK YOU

Thank you for getting in touch with Yellowball!

We’ve received everything and one of our team will be in touch very soon with the next steps. If your enquiry is urgent, you can call us on 020 8064 1832 – we’re open 9am – 6pm Monday to Friday.

BACK TO HOMEPAGE
YELLOWBALL LITE

Unfortunately, you don’t qualify for a bespoke project, but there is good news!

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

VISIT YELLOWBALL LITE

Step 1

of 6

GOOGLE ANALYTICS ENQUIRY

First, we need your contact details...

GOOGLE ANALYTICS ENQUIRY

Which Google Analytics services are you interested in?

GOOGLE ANALYTICS ENQUIRY

Anything you'd like to share with us at this stage?

GOOGLE ANALYTICS ENQUIRY

How soon are you looking to kick off this project?

GOOGLE ANALYTICS ENQUIRY

What budget guidance are you working to on this project?

THANK YOU

Thank you for getting in touch with Yellowball!

We’ve received everything and one of our team will be in touch very soon with the next steps. If your enquiry is urgent, you can call us on 020 8064 1832 – we’re open 9am – 6pm Monday to Friday.

BACK TO HOMEPAGE

Step 1

of 5

Mobile Menu
Mobile Menu

Award-winning work, focussed on results

Yellowball
Web Design

Air X

Yellowball
Web Design

City & Guilds

Yellowball
Web Design

Ballet with Isabella

Yellowball
Web Design

Tomatin

SEE All PROJECTS
Jun 2019
8 MIN READ

What are Microinteractions and Why Does My Site Need Them?

Nic Lapham

Microinteractions are often overlooked features when you’re busy designing and building a website. When searching for “Key factors to consider when building a website”, none of the searches returned results on the first page of the SERPs even mentioned Microinteractions. This is despite the fact that they’re one of the key pieces of functionality. They provide useful feedback to users when they interact with (and become initially involved with) your business online. 

What are Microinteractions? 

Microinteractions (MIs) are small, instant animations that serve a single purpose during user action points. All sound a bit too technical? Let’s look at an example: refreshing an app on a phone. When you drag the screen down and release to instigate the refresh, a small refresh animation wheel animation will appear to indicate the fact that the page refresh request has been registered by the software and it is currently undertaking this task. This animation serves a single purpose – to demonstrate to the user that the page is currently being refreshed as a result of your action as a user. 

The line between Microinteractions and prompts is a difficult one to navigate. The best way to discern between a prompt and a Microinteraction is to establish the purpose of the animation. If the purpose of the animation is to incite action from a user, then the animation is a prompt. If the purpose is to indicate the completion, or progress of an action (refreshing a page) then the animation is a Microinteraction. 

Source: Md. Rayhanul Islam

The structure of Microinteractions

Trigger

The ‘trigger’ is the first step in the MI flow – this initiates the interaction e.g. button or toggle switch. To simplify the difference between a CTA and a trigger, if you had a button displaying “sign up”, the CTA is to sign up, however the trigger to start the Microtransaction is the button itself. 

Rules

Rules determine the sequence of events that occur after the Microinteraction has been triggered. For example, the torch on your phone uses the button as the switch to turn the torch on and off. 

Feedback

Feedback communicates the outcome of an action to the user. Using the example of unlocking a phone, if the password is entered incorrectly, then the keypad may shake or the text box may turn red or green depending on whether the password was correct or incorrect to communicate this outcome to the user. 

Loops and modes

Loops and modes refers to the meta-rules of the MI and how those rules change if the interaction is instigated multiple times. For example, if you’ve inserted your password incorrectly multiple times, there may be a counter on the button for how many tries you have left to enter your password correctly before being locked out. 

Source: Sidharth Pratheep

The psychology of Microinteractions

Addictive Rewards

So, how do MIs interact with us? The very nature of MIs appeals to the addictive human need for instant gratification and reward. They’re small, quick, dopamine-releasing rewards that we get for completing a task or action (pressing on a button or swiping). As technology has advanced and MIs have become more integral to the design of websites, we often see these MIs as small easter eggs to find throughout our website journey. The attention that we give to colour and movement is an innate trait that humans have evolved to have.

Colourful animations attract initial engagement and play an important role in maintaining interest. The MI animations help designers to make the simplest of processes (switching between features on a site) engaging and addictive. All this to keep us scrolling, swiping, clicking, tapping and ultimately converting.

Microinteractions and the customer journey 

The first few seconds that a user spends on your website can make or break their visit, and therefore their chances of converting. Effective MI can change a disengaged user into an engaged user, and therefore increase your conversation rates. That’s not to say that if your website isn’t doing what you need it to, throwing MIs at the problem will fix it.

They can be overused and become a hindrance to your user’s journey through your site. Much like the humble 00’s flashing prompts, although an eye-catching feature (in the 00’s), having too many of them will distract the user from their goal on your site and can deter them from further use. 

Confirmation of completion

Confirmation of completion, or current system status, is critical to keeping the user engaged and informed about the current progress of an initiated action. A lack of feedback from a user performing an action leads to the assumption that the link/button is broken. It doesn’t satisfy that innate need for reward and gratification. Furthermore, if the user does not receive this feedback and can actually be confusing.

Think about when you submit a form or proceed with a payment – if there isn’t a Microinteraction letting you know that action is occurring, you can be left in some sort of purgatory. Do you press it again and run the risk of submitting it twice, or do you leave and await a confirmation email that may or may not come? Forget the missed dopamine hit, Microinteractions can help prevent frustration.

Design and Implementation

The responsibility for the design and implementation of MIs on your site is split between your web designer and your developer. They will work closely together to find a balance of what’s needed and what’s necessary. Whilst a designer may get caught up in the aesthetics of a beautiful MI, a developer can be more attentive to what’s actually achievable and how it’ll affect the running of your website.

The MI may be beautiful, but may also be complicated and will slow down the load speed of your website. When 53% of mobile users abandon a site that takes more than 3 seconds to load, every split second counts. 

Summary

Engaging, maintaining and exploiting user interest through the use of MIs alongside great content is sure to enhance your user’s experience on your site. However, it’s important to remain on the right side of the engaging/cluttered scale. So by all means, use MIs to help make your website a place that users want to return to, but make sure that your website is a place that users want to stay on by using MIs in conjunction with great content and good SEO practices.

Yellowball is a London Based SEO & Web Design Agency!

BACK TO ALL POSTS

Let's work together

Ready to start your next project? Call, live chat or send us a message today. We're here 9am to 6pm Monday to Friday






    I would like to receive news and information from Yellowball