New Feature: Playlist Center! Pick a topic and let our playlists guide the way.

Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Showing people what you've got

From: User Experience Fundamentals for Web Design

Video: Showing people what you've got

As we mentioned in Chapter 4, category pages are the top-level pages for each section of your site, so they split the content up into the same chunks as your main navigation. They are summary pages providing key points about the information within that section and showing links to deeper or more complete content on underlying topic in detail pages. You can also think of them as mini homepages for each category of information displaying recent additions and the most popular content, as well as an overview. In Chapter 5, we talked about the importance of providing summaries for each detail page on your site.

Showing people what you've got

As we mentioned in Chapter 4, category pages are the top-level pages for each section of your site, so they split the content up into the same chunks as your main navigation. They are summary pages providing key points about the information within that section and showing links to deeper or more complete content on underlying topic in detail pages. You can also think of them as mini homepages for each category of information displaying recent additions and the most popular content, as well as an overview. In Chapter 5, we talked about the importance of providing summaries for each detail page on your site.

I mentioned how those could be reused as metadata and in other places around the site. Category pages are one of those locations where you can reuse the summary content. Choose some of the most popular or most recent items in each section of the site and put their summary text on the Category page along with the thumbnail image. This is the same recommendation I gave in the homepage chapter and there is a reason for it. Providing this consistency through the site, allows your visitors to easily understand the site's layout and structure. They follow the area they're interested in from the homepage to the category page, and then, from the category page through to the individual article.

Some high profile articles might find their way directly to the homepage; but you can also add those items on the Category page as well. Remember, the Category page probably has more relevant keywords on it, so it's quite likely that people who come to your site from a search engine will be dropped on the Category page, rather than on the homepage. Indeed, Category pages are a great way of providing additional search goodness, while also helping your visitors. There is no need to keyword stuff, because the page summaries are already very keyword rich for the topics you cover anyway.

Now I want to go back to Fitt's Law for a second. When you create a Category page, you're aggregating content from several detail pages into one location. Now, what bit should be clickable? If you're just copying across the heading, summary text and the thumbnail image, you're really creating the equivalent of the super menu on the page. So why not make the whole area into one big target? It's funny seeing tiny click here or read more links on the page when the whole item could be clickable. It still worth signaling that the item can be clicked on, by for instance, having an on hover underline for the heading.

The only time I wouldn't recommend making the whole area clickable, is if the pages that you link to, are topic pages or detail pages with lots of related links. In other words, pages that themselves have several different items of interest. Here's an example of what I mean. Notice how the summary text contains several links which all point to different detail pages in this topic area. Sometimes you may also list out other related links directly underneath the summary. This is most useful on Internet sites and other places where you can expect visitors to just have a good understanding of what they're looking for, but where they need a little bit of guidance actually getting to the right place.

The Category page lets them know what vocabulary you use for the terms that they care about, and helps them choose between several potentially similar items. Obviously, with all these links, there is no one place that a single clickable area would take you, so you just have to make sure that each of the individual link targets is sufficiently large and descriptive. So, the reason to create category pages is that they are a great way to help visitors orient themselves on the site. They help people understand what to expect from each section of the site and they're very heavy in keywords, which makes them a good candidate for high placing in organic search results.

Category pages correspond to your navigation menu items. If you only have a small quantity of content on your site, you may not need Category pages, because you can direct people from the homepage or menus, directly to your detail pages. As your site grows though or if you already have a lot of detail pages, then Category pages help to keep people on track, as they navigate through your site.

Show transcript

This video is part of

Image for User Experience Fundamentals for Web Design
User Experience Fundamentals for Web Design

52 video lessons · 25013 viewers

Chris Nodder
Author

 
Expand all | Collapse all
  1. 1m 7s
    1. Welcome
      1m 7s
  2. 4m 37s
    1. Building a site for your visitors
      1m 29s
    2. Understanding how people browse the web
      45s
    3. It's all about information
      48s
    4. What causes people to leave sites?
      1m 35s
  3. 3m 50s
    1. Simple design
      1m 9s
    2. Consistent design
      1m 11s
    3. Standard design
      1m 30s
  4. 20m 55s
    1. Elements of navigation
      1m 21s
    2. Content has a structure
      2m 18s
    3. Understanding menus
      3m 19s
    4. Reviewing some menu myths
      2m 4s
    5. Working with site maps
      1m 5s
    6. Adding search to your site
      2m 53s
    7. Understanding links
      3m 43s
    8. Exploring clickable elements
      1m 18s
    9. Understanding Fitts's Law
      2m 54s
  5. 11m 19s
    1. People can begin from any page on your site
      1m 24s
    2. Elements every web page should have
      3m 25s
    3. Creating progressive navigation
      3m 22s
    4. Arranging your content
      3m 8s
  6. 8m 7s
    1. How people read on the web
      2m 31s
    2. Writing for information exchange
      1m 43s
    3. Formatting pages for information exchange
      3m 53s
  7. 7m 21s
    1. Using your homepage as a site summary
      1m 50s
    2. Creating fresh content
      1m 20s
    3. Displaying navigation and search
      1m 25s
    4. The five-second test
      2m 46s
  8. 8m 8s
    1. Showing people what you've got
      3m 50s
    2. Making comparisons easy
      1m 24s
    3. Creating landing pages from ad campaigns
      2m 54s
  9. 11m 22s
    1. The real purpose of detail and product pages
      1m 16s
    2. Writing descriptive text
      2m 4s
    3. Using images to set context
      2m 17s
    4. Showing the price for products
      2m 27s
    5. Have a call to action
      1m 36s
    6. About Us: a special detail page
      1m 42s
  10. 10m 58s
    1. Ask for information in context
      2m 25s
    2. Making forms as painless as possible
      2m 34s
    3. Creating form fields
      3m 37s
    4. Handling errors gracefully
      2m 22s
  11. 9m 9s
    1. Using different types of media
      1m 55s
    2. Simple question: Does it enhance the experience?
      2m 15s
    3. Using graphics for explanation, not decoration
      1m 17s
    4. What is interactive content?
      1m 58s
    5. Laying out your page for media
      1m 44s
  12. 5m 3s
    1. Making money without selling out
      1m 37s
    2. Adding graphical ads
      2m 10s
    3. Creating text ads
      1m 16s
  13. 3m 42s
    1. Simple, consistent, and standard design
      2m 4s
    2. Consider your users and you'll be fine
      1m 38s
  14. 1m 31s
    1. More resources
      1m 31s

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold

Are you sure you want to delete this note?

No

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.