Bummer! This is just a preview. You need to be signed in with a Treehouse account to view the entire video.
Start a free Basic trial
to watch this video
Organizing content on a website is a vital part of usability, and no two sites are organized the same way. Anticipating user needs understanding how and where they will look for content.
-
0:00
Organizing content on a website is a very important part of usability.
-
0:05
People have struggled for years trying to figure out how to arrange information
-
0:09
with categories or tags or all kinds of different ways.
-
0:13
But if we consider the user-centered design, we know that presenting information logically
-
0:18
allows users a better chance to find it, thus helping them continue with their task.
-
0:23
This means understanding them and anticipating their needs.
-
0:27
A great real life example of navigation that provides great visual cues and usability is the supermarket.
-
0:35
Each aisle has a large sign with numbers in sequential order
-
0:39
and a list of important products found in each aisle.
-
0:43
Without the products listed, shoppers would have no idea what was in each aisle.
-
0:47
Take away the aisle number, it becomes even more difficult to give shoppers an exact location.
-
0:53
Both pieces provide helpful data about the structure of the supermarket
-
0:58
and location of each product.
-
1:00
Most websites use the same concept by providing a main navigation bar, usually at the top.
-
1:07
While website are not required to list every page or section,
-
1:11
they should provide the most important areas of content.
-
1:14
So, considering a user-centered approach can help determine what to list there.
-
1:18
For example, the most popular content, products, or vital information
-
1:23
is usually listed first.
-
1:25
Understanding the mission of a site or app
-
1:28
can usually give you clues about what to consider as the primary content.
-
1:32
If you have historical data, looking at the most popular sections and pages
-
1:37
or searches performed on your site might give you some clues, as well.
-
1:42
While no 2 sites have the same main menu bar,
-
1:45
they very often include similar choices,
-
1:48
including products and services, an about page to give background info,
-
1:53
perhaps a help section and a contact page.
-
1:56
Stores usually have a section to help users find locations.
-
2:00
Designers usually have a portfolio or a client list.
-
2:04
If you're designing an app, think about where you're going to provide access to a settings menu or help screen,
-
2:11
especially something requiring complex directions.
-
2:14
In both cases, you're probably going to provide a spot
-
2:17
where people can log in to access personalized content.
-
2:21
If you're unclear about what to include in the menu of your own site or app,
-
2:26
it's helpful to check out your competitors
-
2:28
and see if you can spot any patterns to give you some clues.
-
2:32
Quite often, the choices made across an industry, or group of similar apps and sites,
-
2:37
can show what your target users consider to be important navigation options.
You need to sign up for Treehouse in order to download course files.
Sign up