— Micro Interactions

A micro interaction is a tiny but super clever bit of web design. The sole purpose of the micro interaction is to give the end-user a happy & positive feeling about an event that has just happened when they have interacted with a module on your website.

For example when you hover or click a button, what does it do? Does it wiggle like it’s being tickled? Does it do a clever gradient change? Does it show a loading icon? It’s all about attention to detail and enhancing their experience on your site. Showing that you have bothered to think about the user experience is a big plus for your end user. It shows that your website not only looks great, but that the detail shown on your website will show in your work/product/service.

Not only do they show that you care about the smallest aspect, it can make your website easier to navigate and can make it seem more emotional. It makes the users feel like they are being rewarded when they click, hover, tap, scroll and something changes. It’s like a task has been completed, and they know that they have done something correct.

This post here by UXdesign describes micro interactions in more detail & provides some great examples (including the one we have shown here) how you can add these into your site to enhance the user experience!

— Typography

Getting creative with typography is another aspect that has been quite popular this year, and with platforms being developed to cater for this (mobile view) we can only expect designers to become more daring and dramatic. Typefaces have now almost taken over images as being the main focus of a website, which is something that has never really been seen before.

Typography is incredibly powerful when used in the correct way. It has the ability to inform, direct and provoke emotion on the very first visit. The re-introduction of serif fonts (the ones with tails) due to sharper screens means that we now have the ability to combine both serif and sans-serif fonts without having to worry about legibility. This also includes hand-made fonts that are a little more intricate and smaller, narrower lines. You can check out this page here that will talk you through the different styles of fonts, and how to effectively pair them.

Animating your titles can also have a great effect on getting your typography to stand out. Although we like to keep things a little more subtle, you can really go to town on how your text will appear in the page whether its a fade, a bounce or a spin. You can even go a step further and make it interactive. Make it move around the mouse pointer. Make it change colour letter by letter when you hover over it. Typography is king in 2019 – make sure you utilise it!