UX Design
UX Design
UX Design
UX Design: How to Make Web Interface Scannable
UX Design: How to Make Web Interface Scannable
UX Design: How to Make Web Interface Scannable
• Marina Yalanska
Day by day we are overwhelmed with massive information flow both offline and online. Due to new technologies and a fast internet connection, people can produce more content than they are physically able to consume. Dealing with numerous websites and apps, users don’t read everything they see word by word – they first scan the page to find out why and how it’s useful for them. So, scannability is one of the essential factors of website usability today. Today’s article explores the phenomenon and gives tips on how to make digital product scannable.
What Is Scannability?
Applied to a page or screen, the verb “scan” means to glance at/over or read hastily. So, scannability is the way to present the content and navigation elements like the layout that can be scanned easily. Interacting with a website, especially the first time, users quickly look through the content to analyze whether it’s what they need. Any piece of the content may become a hook in this process: words, sentences, images, or animations.
By the way, this behavior is nothing new: for many decades, people often do the same with a new magazine or newspaper looking through them before they start attentive reading of the articles. What’s more, reading from the screen is much more tiring than on paper, so users are more selective when and where they are ready to bother.
Why is that important? About a decade ago Jacob Nielsen answered the question “How people read on the Web?” simply: “They don’t. People rarely read Web pages word by word; instead, they scan the page, picking out individual words and sentences”. Since then it hasn’t changed much: we aren’t ready to invest our time and effort into exploring the website if we aren’t sure it corresponds to our needs. So, if an eye has nothing to be caught with at the first minutes of introduction, the risk is high that the user will go away. Whatever is the type of website, scannability is one of the significant factors of its user-friendly nature.
How can you check if the webpage is scannable? Try to look at it as a first-time user and answer two questions:
– Does what you see in the first couple of minutes correspond to what target audience expects from this page?
– Can you understand what kind of information is on the page for the first minute or two?
If you aren’t sure that both answers are positive, perhaps it’s time to think about how to strengthen the website scannability. It’s worth investing time because well-scanned pages become much more efficient in the following aspects:
users complete their tasks and achieve their goals quicker
users make fewer mistakes in the search of content they need
users understand the structure and navigation of the website faster
the bounce rate is reduced
the level of retaining users gets higher
the website looks and feels more credible
the SEO rates are affected positively.
What a time to be a designer. Whether you’re into product, interaction, motion, brand, or type design, the number of tools and opportunities available to us expands by the minute. The only certainty we have is change. Design’s impact is now widely recognized by organizations of all sizes, creating room for much-needed specialization. An environment like this calls for design educators: inspiring creative professionals with a deep desire to support others’ journeys. That’s where Chris Do and The Futur come in.Popular Scanning Patterns
The vital thing which interface designer has to consider is eye-scanning patterns that show how users interact with a webpage in the first seconds. When you understand HOW people scan the page or screen, you may prioritize the content and put WHAT users need into the most visible zones. This domain of user research is supported by Nielsen Norman Group and provides designers and usability specialists with a better understanding of user behavior and interactions.
Different experiments collecting data on user eye-tracking have shown that there are several typical models along which visitors usually scan the website.
Z-Pattern is quite typical for the web pages with the uniform presentation of information and weak visual hierarchy.
Day by day we are overwhelmed with massive information flow both offline and online. Due to new technologies and a fast internet connection, people can produce more content than they are physically able to consume. Dealing with numerous websites and apps, users don’t read everything they see word by word – they first scan the page to find out why and how it’s useful for them. So, scannability is one of the essential factors of website usability today. Today’s article explores the phenomenon and gives tips on how to make digital product scannable.
What Is Scannability?
Applied to a page or screen, the verb “scan” means to glance at/over or read hastily. So, scannability is the way to present the content and navigation elements like the layout that can be scanned easily. Interacting with a website, especially the first time, users quickly look through the content to analyze whether it’s what they need. Any piece of the content may become a hook in this process: words, sentences, images, or animations.
By the way, this behavior is nothing new: for many decades, people often do the same with a new magazine or newspaper looking through them before they start attentive reading of the articles. What’s more, reading from the screen is much more tiring than on paper, so users are more selective when and where they are ready to bother.
Why is that important? About a decade ago Jacob Nielsen answered the question “How people read on the Web?” simply: “They don’t. People rarely read Web pages word by word; instead, they scan the page, picking out individual words and sentences”. Since then it hasn’t changed much: we aren’t ready to invest our time and effort into exploring the website if we aren’t sure it corresponds to our needs. So, if an eye has nothing to be caught with at the first minutes of introduction, the risk is high that the user will go away. Whatever is the type of website, scannability is one of the significant factors of its user-friendly nature.
How can you check if the webpage is scannable? Try to look at it as a first-time user and answer two questions:
– Does what you see in the first couple of minutes correspond to what target audience expects from this page?
– Can you understand what kind of information is on the page for the first minute or two?
If you aren’t sure that both answers are positive, perhaps it’s time to think about how to strengthen the website scannability. It’s worth investing time because well-scanned pages become much more efficient in the following aspects:
users complete their tasks and achieve their goals quicker
users make fewer mistakes in the search of content they need
users understand the structure and navigation of the website faster
the bounce rate is reduced
the level of retaining users gets higher
the website looks and feels more credible
the SEO rates are affected positively.
What a time to be a designer. Whether you’re into product, interaction, motion, brand, or type design, the number of tools and opportunities available to us expands by the minute. The only certainty we have is change. Design’s impact is now widely recognized by organizations of all sizes, creating room for much-needed specialization. An environment like this calls for design educators: inspiring creative professionals with a deep desire to support others’ journeys. That’s where Chris Do and The Futur come in.Popular Scanning Patterns
The vital thing which interface designer has to consider is eye-scanning patterns that show how users interact with a webpage in the first seconds. When you understand HOW people scan the page or screen, you may prioritize the content and put WHAT users need into the most visible zones. This domain of user research is supported by Nielsen Norman Group and provides designers and usability specialists with a better understanding of user behavior and interactions.
Different experiments collecting data on user eye-tracking have shown that there are several typical models along which visitors usually scan the website.
Z-Pattern is quite typical for the web pages with the uniform presentation of information and weak visual hierarchy.
Day by day we are overwhelmed with massive information flow both offline and online. Due to new technologies and a fast internet connection, people can produce more content than they are physically able to consume. Dealing with numerous websites and apps, users don’t read everything they see word by word – they first scan the page to find out why and how it’s useful for them. So, scannability is one of the essential factors of website usability today. Today’s article explores the phenomenon and gives tips on how to make digital product scannable.
What Is Scannability?
Applied to a page or screen, the verb “scan” means to glance at/over or read hastily. So, scannability is the way to present the content and navigation elements like the layout that can be scanned easily. Interacting with a website, especially the first time, users quickly look through the content to analyze whether it’s what they need. Any piece of the content may become a hook in this process: words, sentences, images, or animations.
By the way, this behavior is nothing new: for many decades, people often do the same with a new magazine or newspaper looking through them before they start attentive reading of the articles. What’s more, reading from the screen is much more tiring than on paper, so users are more selective when and where they are ready to bother.
Why is that important? About a decade ago Jacob Nielsen answered the question “How people read on the Web?” simply: “They don’t. People rarely read Web pages word by word; instead, they scan the page, picking out individual words and sentences”. Since then it hasn’t changed much: we aren’t ready to invest our time and effort into exploring the website if we aren’t sure it corresponds to our needs. So, if an eye has nothing to be caught with at the first minutes of introduction, the risk is high that the user will go away. Whatever is the type of website, scannability is one of the significant factors of its user-friendly nature.
How can you check if the webpage is scannable? Try to look at it as a first-time user and answer two questions:
– Does what you see in the first couple of minutes correspond to what target audience expects from this page?
– Can you understand what kind of information is on the page for the first minute or two?
If you aren’t sure that both answers are positive, perhaps it’s time to think about how to strengthen the website scannability. It’s worth investing time because well-scanned pages become much more efficient in the following aspects:
users complete their tasks and achieve their goals quicker
users make fewer mistakes in the search of content they need
users understand the structure and navigation of the website faster
the bounce rate is reduced
the level of retaining users gets higher
the website looks and feels more credible
the SEO rates are affected positively.
What a time to be a designer. Whether you’re into product, interaction, motion, brand, or type design, the number of tools and opportunities available to us expands by the minute. The only certainty we have is change. Design’s impact is now widely recognized by organizations of all sizes, creating room for much-needed specialization. An environment like this calls for design educators: inspiring creative professionals with a deep desire to support others’ journeys. That’s where Chris Do and The Futur come in.Popular Scanning Patterns
The vital thing which interface designer has to consider is eye-scanning patterns that show how users interact with a webpage in the first seconds. When you understand HOW people scan the page or screen, you may prioritize the content and put WHAT users need into the most visible zones. This domain of user research is supported by Nielsen Norman Group and provides designers and usability specialists with a better understanding of user behavior and interactions.
Different experiments collecting data on user eye-tracking have shown that there are several typical models along which visitors usually scan the website.
Z-Pattern is quite typical for the web pages with the uniform presentation of information and weak visual hierarchy.
Brand Identity · Visual System · Branding · Logo Design · Social Media
·
Brand Identity · Visual System · Branding · Logo Design · Social Media
·
Brand Identity · Visual System · Branding · Logo Design · Social Media
·
Brand Identity · Visual System · Branding · Logo Design · Social Media
·
Brand Identity · Visual System · Branding · Logo Design · Social Media
·
Brand Identity · Visual System · Branding · Logo Design · Social Media
·
Brand Identity · Visual System · Branding · Logo Design · Social Media
·
Brand Identity · Visual System · Branding · Logo Design · Social Media
·
Brand Identity · Visual System · Branding · Logo Design · Social Media
·
Brand Identity · Visual System · Branding · Logo Design · Social Media
·
Brand Identity · Visual System · Branding · Logo Design · Social Media
·
Brand Identity · Visual System · Branding · Logo Design · Social Media
·
Brand Identity · Visual System · Branding · Logo Design · Social Media
·
Brand Identity · Visual System · Branding · Logo Design · Social Media
·
Brand Identity · Visual System · Branding · Logo Design · Social Media
·
Brand Identity · Visual System · Branding · Logo Design · Social Media
·
Brand Identity · Visual System · Branding · Logo Design · Social Media
·
Brand Identity · Visual System · Branding · Logo Design · Social Media
·
LET'S CONNECT
Now, let's create magic together!
Whether you have a question, a project idea, or just want to say hello, I'd love to hear from you. Reach out and let's start a conversation.