Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
Discover how to create a user experience that embodies utility, ease of use, and efficiency by identifying what people want from websites, how they search for information, and how to structure your content to take advantage of this. In this course, author Chris Nodder shows how to merge engineering, marketing, graphical and industrial design, and interface design to create a website that meets the needs of your customer, and is simple, elegant, and engaging. The course shows how to use graphics to help rather than hinder visitors, balance advertising and content, and integrate video, audio, and other media. Other tutorials consider the landing page experience and elements like contact forms from the visitor's perspective.
When people visit your website, they aren't reading much of your content; instead, they are scanning pages to find a mention of the items they are interested in. They are getting a feeling for whether the content on the page will help them find what they are looking for. Using Eye Tracking Technology, we can see where people look on the page. Here's an example heat map produced by noting the places where people's eyes rested. Hotter colors like red and yellow, mean more time spent in those areas. Colder colors like blue and green mean less time. We can see the people's gaze follows a kind of F pattern on the page, moving across the page near the top, and then moving down the left-hand side with movements across the page from time to time.
What this means is that the first paragraphs of the page will get the most attention. Subsequently, it's typically headings and bulleted lists that get red. Also even for things that people read, is the first 11 lessons of each chunk that are the most scanned. This tells us what we need to do to get our point across; we need to put a summary of the page's content in the first paragraph. We need to make sure that page headings convey useful information, both about the content and about the information in the subsequent paragraphs.
We also need to frontload headings and bullet points with the information carrying words. It's only when people get to the information that they think is what they need that they start reading in more detail. Even then, it is quite normal for them to skip whole words. As an example look at the sentence on the screen, count the number of times that the letter F appears in this sentence. I'll give a couple of seconds. How many Fs did you count? Even with the fact that I gave the game away by telling you about skipping whole words, I wonder whether you saw more than three, there are actually six.
But because most people skip the small filler words, like "of" in this instance, they often get missed. There is one exception to the skipping behavior and that's people have lower literacy, either because their reading level isn't very high or because the site's text isn't in their primary language. For those people, the only way to understand the text is to read every word. As you can imagine, this can slow them down considerably. One way that people in this position cope is by skipping whole chunks of text in order to move through pages faster.
The government estimates that around 43% of US adults have basic or lower levels of prose literacy. A lot of those people could be trying to use your site. The best thing you can do to make a good reading experience is to create a most concise and easy to read text that you possibly can.
Find answers to the most frequently asked questions about User Experience Fundamentals for Web Design.
Here are the FAQs that matched your search "":
Sorry, there are no matches for your search ""—to search again, type in another word or phrase and click search.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.