5 Great UI/UX Lessons For This Week

Here are 5 UI/UX related articles I really enjoyed reading. I’m sure you’ll find them extremely useful. 

Scrolling and Attention

People scroll vertically more than they used to, but new eyetracking data shows that they will still look more above the page fold than below it.
Two changes happened between our studies: (a) bigger screens; and (b) new web-design trends, with possible adaptations on the side of the users. We can’t tease apart the relative impact of these two changes, but it doesn’t matter, since both are due to the passage of time, and we can’t undo either one, even if we wanted.
In our most recent study, users spent about 57% of their page-viewing time above the fold. 74% of the viewing time was spent in the first two screenfuls, up to 2160px. (This analysis disregards the maximum page length — the result can be due to short page lengths or to people giving up after the first two screenfuls of content.)

These findings are quite different from those reported in our 2010 article: there, 80% of the viewing time was made up of fixations above the fold. However, the pattern of a sharp decrease in attention following the fold remains the same in 2018 as in 2010.

How You Can Aid User Scanning by Using Eyebrow Headlines

Are you writing your marketing headlines the way users read online?
An eye-tracking study found that most users don’t read entire headlines. Instead, they scan the left sides of headlines and only read the first few words.
Further research discovered most users scan the first two words of a headline. They do this to predict where it’ll lead them before they click the call to action.

Users need keywords fast!
If the first two words don’t hint at what the content is about they’ll not only skip your headline, but your blurb and call to action too.
Continue Reading… 


How To Create Perfect Animations With These 5 Simple Tips

Whether you are developing an app or working on a business presentation - you might want to spice things up with some animations.
Animations can help you create a flow, they can create progress, emphasize or soften changes, catch the eye, and cause delight.  
Animations are great, but you need to know how to use them, otherwise they are just annoying.
In this guide I will try to explain how to create a simple animations that never fails.
Continue reading… 

More Padding, Please!

The power of white space in product design

If you overhear a design QA session between a product designer and an engineer, odds are you’ll hear the product designer say something like this:
“Can you add 8 pixels of padding here and also there? … Actually, let’s make it 16 pixels.”
 Think of white space as a breath of fresh air. Just as humans need air to breathe, designs need white space to breathe. Yes, this may sound corny. But I stand by this.

Continue reading…


Call-to-Action buttons – the ultimate guide for high-converting CTAs

Call-to-Action buttons (CTAs) are all around us. We see hundreds, but we rarely click a single one. What makes a good CTA? And what can you do to ensure your CTAs stand out and compel others to take action?

This is a rather large guide, so we’ve broken it down into a few core sections you can jump straight to:
  1. What makes a good Call-to-Action button?
  2. How to write persuasive copy for your Call-to-Action buttons.
  3. How to optimise the colour and design of your Call-to-Action buttons.
  4. How to design buttons for mobile and desktop.
  5. 60+ examples of the best Call-to-Action buttons in the wild.
Continue reading…

Hey, check out my twitter account for more useful resources.