User:David Regev/Ubiquitous Firefox: Difference between revisions

Jump to navigation Jump to search
m
Line 102: Line 102:
== Step 3: Rethink Back/Forward ==
== Step 3: Rethink Back/Forward ==


The Back and Forward functions have been standard for web browsers since the beginning. These functions are a necessary aspect of the standard browsing model: follow a link and it is loaded in-place, replacing the previous page wholly. If we are to rethink the Back and Forward buttons, we must also consider the standard browsing model. It is not difficult to see a number of problems with this model. Listing these problems will help us come up with a better, more modern, model.
The Back and Forward functions have been standard in web browsers since the beginning. These functions are a necessary aspect of the current standard browsing model: follow a link and it is loaded in-place, replacing the previous page wholly. If we are to rethink the Back and Forward buttons, we must also reconsider the standard browsing model. It is not difficult to see a number of problems with this model. Listing these problems will help us come up with a better, more modern, model.


What are the problems with the standard Back/Forward model?
What are the problems with the standard Back/Forward model?
# ''The Back/Forward buttons are administrative debris.'' Most of the time, the Back and Forward buttons go completely unused. Thy convey little information, take up valuable vertical real estate, and detract from actual content.
# ''The Back/Forward buttons are administrative debris.'' Most of the time, the Back and Forward buttons go completely unused. Thy convey little information, take up valuable vertical real estate, and detract from actual content.
# ''It hides your trail.'' Whenever you follow a link, the page you’re on simply disappears. Poof! And a new one magically takes its place. There is no visual indication of what is happening, no attempt at information design at all. The best you have is a bare-bones list of page titles completely hidden behind the Back/Forward drop-down.
# ''It hides your trail.'' Whenever you follow a link, the page you’re on simply disappears. Poof! and a new one magically takes its place. There is no visual indication of what is happening, no attempt at information design at all. The best you have is a bare-bones list of page titles completely hidden behind the Back/Forward drop-down.
# ''The Forward “history” is mutable.'' Whereas the Back button’s history is reliable and doesn’t change, the Forward button’s history is not immutable. If you go back three pages and follow a link, the three pages that were previously part of the tab’s history are now gone, replaced by the new page. One might have expected that the new page would have been inserted into the history in that place, or at least appended to the list at the end, but it’s not. Your browsing history for that tab is now incomplete. The only way to revisit a lost page is to dig through your browsing history, using an interface that preserves context even less, and hope you find it.
# ''The Forward “history” is mutable.'' Whereas the Back button’s history is reliable and doesn’t change, the Forward button’s history is not immutable. If you go back three pages and follow a link, the three pages that were previously part of the tab’s Forward history are now gone, replaced by the new page. One might have expected that the new page would have been inserted into the history in that place, or at least appended to the list at the end, but it’s not. Your browsing history for that tab is now incomplete. The only way to revisit a lost page is to dig through your browsing history, using an interface that preserves context even less, and hope you find it.
# ''It is one-dimensional.'' Related to the previous issue, a browsing session can seldom be represented by a linear list. Modern tabbed browsing is more often a two-dimensional tree (as demonstrated [http://xkcd.com/214/ by xkcd], and explored in my [[User:David Regev/Firefox ZUI|Firefox <abbr title="Zooming User Interface">ZUI</abbr>]] mockup). The way browsing history is handled, thus, conforms more to browsing as it was when browsers were first introduced rather than to how it is today.
# ''It is one-dimensional.'' Related to the previous issue, a browsing session can seldom be represented by a linear list. Modern tabbed browsing is more often a two-dimensional tree (as demonstrated [http://xkcd.com/214/ by xkcd], and explored in my [[User:David Regev/Firefox ZUI|Firefox <abbr title="Zooming User Interface">ZUI</abbr>]] mockup). The way browsing history is handled, thus, conforms more to browsing as it was when browsers were first introduced rather than to how it is today.
# ''Page transitions are awkward.'' Click on a link. What happens? In an ideal world, I suppose, the new page would simply appear immediately. In the real world, and for the foreseeable future, the new page takes time to load. What happens in between? The previous page remains displayed for a bit, but it is only partially active. Interacting with the page, such as by clicking on objects or by scrolling, is hit-or-miss and unpredictable. At some unpredictable point during the transition, the page completely disappears, and the new page starts loading. No matter how short or long this transition is, one thing is certain about it: it wastes time. During this wasted time, the browser is mostly useless and the user’s train of thought is put on hold, at risk for being lost altogether.
# ''Page transitions are awkward.'' Click on a link. What happens? In an ideal world, I suppose, the new page would simply be rendered immediately. In the real world, and for the foreseeable future, the new page takes time to load. What happens in between? The previous page remains displayed for a bit, but it is only partially active. Interacting with the page, such as by clicking on objects or by scrolling, is hit-or-miss and unpredictable. At some unpredictable point during the transition, the page completely disappears, and the new page starts loading. No matter how short or long this transition is, one thing is certain about it: it wastes time. During this wasted time, the browser is mostly useless and the user’s train of thought is put on hold, at risk of being lost altogether.
#* Tabbed-browsing power users are familiar with a workaround: middle-click on links instead. Doing so opens the new page in a background tab, allowing that page to load ahead of time while the user continues to read the current page without interruption and without the page becoming unresponsive. Transitioning to the new page is then a simple matter of closing the old tab and reading the new one immediately, avoiding any wait at all. This is still, however, a workaround. It can also lead to an increase in the number of tabs open.
#* Tabbed-browsing power users are familiar with a workaround: middle-click on links instead. Doing so opens the new page in a background tab, allowing that page to load ahead of time while the user continues to read the current page without interruption and without the page becoming unresponsive. Transitioning to the new page is then a simple matter of closing the old tab and reading the new one immediately, avoiding any wait at all. This is still, however, a workaround. It can also lead to an increase in the number of tabs open.
# ''Revisits are unpredictable.'' Go back a few pages. What happens? If you’re lucky, the intended page loads without delay and looks exactly as you remember it. If you’re unlucky, the page will reload, forcing you to wait. If you’re really unlucky, the page won’t load at all, but you will instead see a scary and unhelpful dialogue about POSTDATA.
# ''Revisits are unpredictable.'' Go back a few pages. What happens? If you’re lucky, the intended page loads without delay and looks exactly as you remember it. If you’re unlucky, the page will reload, forcing you to wait. If you’re really unlucky, the page won’t load at all, but you will instead see a scary and unhelpful dialogue about ‘POSTDATA’.
#* Tabbed-browsing power users have a workaround here as well: if you think you might need to refer back to a page, leave it open in another tab. This eliminates the upredictability of going back to that page, as it’s simply a matter of switching tabs. This does, however, contribute to tab proliferation.
#* Tabbed-browsing power users have a workaround here as well: if you think you might need to refer back to a page, leave it open in another tab. This eliminates the upredictability of going back to that page, as it’s simply a matter of switching tabs. This does, however, contribute to tab proliferation. It also requires one to think longer before closing a tab, thus diverting more valuable time towards tab management.


Can we solve all of these problems with one redesign? Yes!
Can we solve all of these problems with one redesign? Yes!
Confirmed users
187

edits

Navigation menu