A long page with scroll v/s Tabbed Page?

11 Mar 2009 - 9:10am
5 years ago
2 replies
678 reads
Alex ONeal
2008

Tabbed vs long is not the question - you can have short pages that are
highly navigable without tab. So here's what I've seen:

- Page length depends on the content. Many users prefer things close to
above the fold, but nearly as many like to scroll, which is why major news
sites and other informational sites (such as the NYT) offer multiple page
and single page views in addition to print. In sites where there are
multiple page and print options only, the proportion of printing views on
single-vs-multi-page stories shows that "print" is frequently used to view
one-page versions of pieces.
- Short pages are excellent when you have a user actively interacting -
games, forms, etc.
- Long can be useful if your audience is band-width challenged as well.
Short pages and tabs can result in long waits for page loads peppered
throughout a story, which is frustrating and can lose users
- Some audiences actively prefer one-page presentation of content. For
example, working at a high-tech manufacturer, we learned that our 80%+
engineering audience vastly preferred a simple page with a scroll to
multiple pages, however they were arranged.
- Don't forget to think about width! Those users happily scrolling with
mice can be frustrated by a page that insists on taking up all or exceeding
their monitor's width.

The important thing is to have good navigational scent above the fold if
you're going to have significant content beneath it, so users know there is
useful content below.

bests,
Alex O'Neal
UX manager

--
The best time to plant a tree is twenty years ago. The next best time is
now.

Comments

11 Mar 2009 - 9:33am
Mark Schraad
2006

There was an article written about a year ago that discussed scrolling
relative to 'the fold' published on boxes and arrows.
I counted (through a dozen or so days of usability lab studies) that over 70
percent of our subjects almost immediately scrolled to the bottom of the age
and then back to the top. We did not focus on this behavior specifically,
but it was frequent. The one caveat being that these folks were in a lab,
not on their own computer, and aware that we were assessing usability... all
of which likely impacted the behavior.

Mark

On Wed, Mar 11, 2009 at 4:54 AM, rejeeb <rejeeb at gmail.com> wrote:

> Can anyone refer me to some material that explores, what are the
> heuristics of when to use along page with scroll v/s Tabbed Page?
> ________________________________________________________________
> Welcome to the Interaction Design Association (IxDA)!
> To post to this list ....... discuss at ixda.org
> Unsubscribe ................ http://www.ixda.org/unsubscribe
> List Guidelines ............ http://www.ixda.org/guidelines
> List Help .................. http://www.ixda.org/help
>

11 Mar 2009 - 11:59am
Michael B. Moore
2008

I recently finished up a web app that allows breast cancer patients to find
matching clinical trials (breastcancertrials.org) They do this by entering
in a (potentially) lengthy health history first. One trick I used is to only
expand the sections where they had detail to supply ("Have you had
chemotherapy?") but this still made for a long page. So I mocked up two
versions, one long page, and one with tabs that chunked the history into
more manageable sections.
So I did some usability testing, and with our typical users (middle aged
women) the tabbed design was the clear winner. I ended up tweaking the
design to put a "Go to the next tab" link at the bottom of each page,
because with a lengthy history, the tabs often scrolled out of view, plus it
reinforced that the tabs were working like wizard pages. (We considered the
idea of a wizard, but realized that fairly often users would want to go back
to a prior section and update their answers.

Hope that helps.

Michael Moore

--
Michael B. Moore • Pure InfoDesign • www.pureinfodesign.com

On Wed, Mar 11, 2009 at 1:54 AM, rejeeb <rejeeb at gmail.com> wrote:

> Can anyone refer me to some material that explores, what are the
> heuristics of when to use along page with scroll v/s Tabbed Page?
> ________________________________________________________________
> Welcome to the Interaction Design Association (IxDA)!
> To post to this list ....... discuss at ixda.org
> Unsubscribe ................ http://www.ixda.org/unsubscribe
> List Guidelines ............ http://www.ixda.org/guidelines
> List Help .................. http://www.ixda.org/help
>

Syndicate content Get the feed