View profile

Are you designing 'Above the Fold'? 🖥 | Grab a Coffee ☕️ #25

Grab a Coffee ☕️
Everyone knows this feeling: You get to know a new person and immediately have the feeling that it’s a human fit. Or not at all.
A few years ago, a new colleague joined my team. He was introduced to me and it was immediately clear to me that we would not be going to be on the same wavelength. At that time, we had hardly spoken a word to each other and I knew nothing else about him. It was simply the first impression I had of him.
But first impressions don’t only work with people, they also work with websites. And that’s what this newsletter is about today.
So let’s get a good cup of coffee and get started. ☕️

📰 What does above the fold mean?
Above the fold is the part of a website that users see immediately when they open the page — without scrolling. It’s an important part of you website, because users get their first impression of your site there.
Originally the term comes from the printing sector and refers to the part of a newspaper that catches the eye at first glance.
UX knowledge on Instagram
🗞 Above the fold over time
Over time, the design ‘above the fold’ has changed. Where once as much information as possible was embedded, so that users had to scroll as little as possible, today there is usually only a call-to-action button and little, but appealing text that animates users to stay on the page and discover more. But how did it come to this? 
Well, it’s simple. With the rise of many mobile devices like tablets and smartphones, it has become standard for us to scroll more. Thus, it is no longer necessary to pack as much information above the fold as possible and flood users with it. 
The focus today is on generating attention, arousing curiosity and the first impression of a page.
⚡️ Designing for the first impression
The first impression is a characteristic of us humans to assess other people, situations or objects within a few fractions of a second.
Making a winning first impression, however, is a challenge. Think about opening a website you open - on your second screen, on your 13" laptop, your tablet or on your smartphone.
I think you know where’s the problem: every time you will see another “above the fold” because designs need to be responsive nowadays. Keep that and the following points in mind when designing the introductory part of your site:
  • Design influences how trustworthy your site is perceived. Therefore, bad design creates distrust among users. 
  • Follow familiar patterns. This allows users to quickly orient themselves and feel safe and competent on your site.
  • Work with visual design and convey a feeling instead of just relying on facts.
  • Users want to know who or what is behind it. Make sure your navigation is meaningful and includes contact information.
  • Encourage users to scroll by pointing them to or showing a small portion of the content below.
What do you focus on most when creating a design for above the fold?
🏁 You scrolled till the end
If you’re still reading than my Above the fold in this newsletter was good enough. I hope you got some inspiration on how designing for a first impression. Because then I have achieved my goal: sharing with others to grow together 🚀 (and drinking good coffee).
Need more insights? Follow me on Twitter or Instagram and please share the Grab a Coffee ☕️ newsletter with your friends, colleagues and all other people who could be interested.
See you next week with new topics and an amazingly good cup of coffee. ☕️
Marina 👋
Are you searching for a mentor?
Did you enjoy this issue? Yes No
Marina @marina_kdot

Grab a coffee and read weekly news on UX and UI Design, breaking into tech and remote work.

In order to unsubscribe, click here.
If you were forwarded this newsletter and you like it, you can subscribe here.
Created with Revue by Twitter.
Ch. de la Plâtrière 3 | 1981 Vex |Switzerland 🇨🇭