Skip to Content
Designing Web Navigation
book

Designing Web Navigation

by James Kalbach
August 2007
Beginner
416 pages
12h 16m
English
O'Reilly Media, Inc.
Content preview from Designing Web Navigation

NAVIGATING RICH WEB APPLICATIONS

Most web users have developed a mental model of how navigation works:

  • Navigating information is primarily done by clicking links.

  • Clicking on a link brings up a new page.

  • The back button returns to the previous screen.

  • Each page has its own URL that can be linked to or bookmarked.

In emulating desktop applications, however, rich web applications introduce some twists into these basic assumptions and challenge the very model of the web as a hypertext system. With rich web applications, there may not be a transition to a new page with each action, screens may not have their own URL, the back button may erase a previous transaction, and interacting with information is more dynamic than a simple click of link. The next sections take a detailed look at these differences.

PAGE TRANSITIONS AND RELOADS

A key aspect of rich web applications is that they shift some of the processing of information from the server to the client, or local computer. This important technical difference changes the resulting web experience dramatically. Technically, there are two basic ways in which rich web applications circumvent the process of having to reload pages with each click. They either:

Load the data all at once

Some web applications simply load all the necessary information needed to interact with application to the user's browser at once. Filtering, sorting, and manipulating data then doesn't require a page reload. This is how the filters in the Ford showroom works in

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Read now

Unlock full access

More than 5,000 organizations count on O’Reilly

AirBnbBlueOriginElectronic ArtsHomeDepotNasdaqRakutenTata Consultancy Services

QuotationMarkO’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.
Julian F.
Head of Cybersecurity
QuotationMarkI wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.
Addison B.
Field Engineer
QuotationMarkI’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.
Amir M.
Data Platform Tech Lead
QuotationMarkI'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
Mark W.
Embedded Software Engineer

You might also like

Communicating Design: Developing Web Site Documentation for Design and Planning, Second Edition

Communicating Design: Developing Web Site Documentation for Design and Planning, Second Edition

Dan M. Brown
Designing Interfaces

Designing Interfaces

Jenifer Tidwell

Publisher Resources

ISBN: 9780596528102Errata Page