It’s common knowledge that the average attention span of an adult is 8 seconds. Lower than that of a goldfish.
Except…that’s not true.
Most of the articles that make this claim base their statement on a report conducted by the Microsoft team in Canada, in 2015. But there’s nothing to actually support this claim in the article. No mention of an 8-second attention span, and no mention of a goldfish.
However, there is something in that paper that we should take away.
The research shows that we’re bad at focusing for a long time on tasks that we consider repetitive and boring. And the endless scrolling on Facebook or Instagram as well as spending our time on multiple screens at the same time can also affect the attention we pay to a specific task.
So your website doesn’t need to deliver all its information in 8 seconds. It needs to be relevant.
Table of Contents
1. What is User-Centered Design?
The definition is pretty straightforward. User-Centered Design is a process that puts the user at the center of the design process.
The idea was pioneered by Dr. Donald Norman, a cognitive science researcher and the director of The Design Lab at the University of Carolina.
SIDENOTE. Do not confuse User-Centered Design with Human-Centered Design. While UCD focuses on the specific characteristics that define your users, HCD focuses on the broader characteristics of a person.
The process of User-Centered Design isn’t one size fits all, but there is a general framework that people usually work around.
- Create your Customer Persona;
- Prototype your product based on the needs of your customers;
- Test the product and evaluate it;
- Deliver the product;
- Constantly monitor its performance and adapt it as consumer needs change.
2. How Website Design Impacts Organic Rankings
But why should you care about UCD when you’re building your website?
SIDENOTE. SERP = Search Engine Results Page.
Bounce Rate is a tricky metric.
In theory, a bounce is counted whenever a user visits a single page of your website, regardless of the time he spends there.
But this isn’t very accurate.
There is no doubt that a 5-second session is a bounce. The user landed on your page, quickly analyzed it, and decided that the content does not satisfy his or her needs.
But if a user spends 20 minutes reading engaging content on your page, shares the article on his social media, and then leaves the website, is it still a bounce? According to Google Analytics, yes. According to anyone else? Not really.
This is why many people aren’t huge fans of the bounce rate metric. But there’s an alternative.
This is probably one of the most important metrics that most people don’t measure.
Dwell time is the time a user spends on your page before returning to the SERP. So the longer the dwell time, the better.
SIDENOTE. Don’t confuse dwell time with time spent on page. While the dwell time measures the time that a person spends on your page before going back to the SERP, the time spent on page measures the time a person spends on your page before leaving that specific page. This could mean going back to the SERP, to another page on your website, or to another website altogether.
But this element is far more complex than it seems.
It is unclear whether or not this is indeed a ranking factor for Google, although hints have been made about it.
Ahrefs did a great job covering everything you need to know about Dwell Time, so if you’re looking for a great resource, check out their post.
Page speed is a critical aspect of any website.
This metric measures how fast the content on your page loads, and you can evaluate it using Google’s PageSpeed Insights.
It is well known that page speed is one of the most important ranking factors, not only for Google, but for every search engine. And for good reason. People don’t want to wait around for more than 3 seconds.
In fact, a study by Akamai and Gomez shows that 40% of users leave a website if the loading time is larger than 3 seconds.
In the age of speed, people expect to receive the information they need in only a few seconds.
SIDENOTE. First Site Guide has a pretty cool list of blogging resources & tools, both free and paid, that you can check out.
3. The History of Web Design
This year, the World Wide Web turns 30. Throughout its existence, it has changed both in terms of design and functionality.
It all started with HTML
The first websites were created using only Hypertext Markup Language. But this didn’t allow for much customization. So websites were usually very basic, filled with text and with little to no graphic images.
Check out the first HTML website for yourself.
But HTML laid the foundation for website design and helped users get used to vertical scrolling and blue underlined links.
With the Web gaining popularity as a means of communication, designers got involved. And this is where the game changed completely.
Designers started using Graphical User Interface
GUI allowed designers to insert images and icons into websites. Then, they introduced tables and used them to arrange text and graphics. These helped website managers better organize their content using columns, rows, and other elements.
And while table design might not be an ideal solution in today’s world, the structure of the page remains a critical aspect of website design. The position of elements such as the navigation bar, calls-to-action, and the content plays a huge part in a user’s experience on your website.
In the late 1990s, a new technology entered the spotlight.
The era of Adobe Flash
Flash allowed designers to integrate music, video, and animations into their website, and it allowed them to make websites interactive. And with it, the internet went crazy. Animations, decorations, interactive menus, and colorful buttons became the norm. And all of them tried to catch the eye of the user.
With designers joining the stage of the web, they not only shaped the way it works but also shaped the way we use it, by incorporating elements from our day-to-day lives into the virtual space. And the best example are buttons. Not only were they eye-catching, but they also looked like real-life buttons. And they were screaming at users to be clicked.
But Flash didn’t have a long lifespan either. It required users to constantly update it to the latest version, thus restricting its usability on numerous websites.
Finally, Cascading Style Sheets came along
CSS allowed developers to easily style every aspect of their website, without coding each element individually. And soon after, website themes arrived, which allowed people to easily create their own website.
In 2010, the idea of responsive design was proposed by Ethan Marcotte. And it was revolutionary.
This new way of using HTML and CSS allowed for a website to adapt to the device it was being accessed from. Thus, it would create the same experience for a mobile user as for a desktop user. This also made the process of maintaining and developing a website more efficient.
And with responsiveness making its way into the world, websites slowly improved. Flat design quickly became a trend, and it gained popularity over the heavily-decorated websites. Functionality became a priority, and visual elements took a back seat.
And this holds true to this day. Visual elements are still important, but content remains king.
And if this part made you nostalgic about the good old days of the internet, there’s a cool website called the Wayback Machine which lets you see what your favorite websites used to look like.
4. Trends for 2019
2018 was all about mobile. Google rolled out their mobile-first indexing, mobile usage surpassed desktop usage, and augmented reality is slowly but surely becoming a part of our lives.
But what does 2019 have in store for us?
We have a few ideas.
People got used to having their information only a few taps away, and speed is a crucial part of this process. Browsers are developing new technologies that allow them to load pages faster and deliver better experiences.
In early 2018, Firefox introduced streaming compilation, which made the browser 10 to 15 times faster than before. And this helped them quickly rise in popularity, with many calling it the best browser at the moment.
Content Personalization & Context
We said it before, and we’ll keep saying it – context matters.
Users don’t have the time nor the patience to deal with content that is delivered poorly and out of context. Moreso, they expect personalized content that addresses their needs and doesn’t make them feel like they wasted their time.
Flat elements are nice, but the issue with them is that more often than not they all look the same. Perfect squares, perfect circles, perfect triangles.
But the market is slowly shifting towards bolder, asymmetric design. And it looks amazing.
Whitespace is becoming an increasingly more important factor when it comes to design. It helps the whole page look cleaner and more organized, and it helps direct the attention of the user towards the main points of interest.
Micro-interactions are the perfect elements to use when you’re trying to wow your users. They not only make your website feel more alive, but they guide the users through their journey.
Each time you click the like button on Facebook or Instagram you get a micro-interaction. But they need to have a purpose. Too many useless micro-interactions can deter users from your website and hurt your reputation.
There are countless predictions about how 2019 will impact the digital world. We only covered a small part of them.
One of the numerous articles that opened our eyes about the world of UX Design in 2019 is the one by UX Trends. If you want to read further about this, we suggest starting there.