Horizontal Scrolling

Q: How do you design a transactional page that requires horizontal scrolling? Do you freeze the left frame like Excel, or use tabs?

Contact us

Horizontal Scrolling

Q: How do you design a transactional page that requires horizontal scrolling? Do you freeze the left frame like Excel, or use tabs?

Fill out form to continue
All fields required.
Enter your info once to access all resources.
By submitting this form, you agree to Expero’s Privacy Policy.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Q: How do you design a transactional page that requires horizontal scrolling? Do you freeze the left frame like Excel, or use tabs?

It is almost never appropriate to design a page that includes horizontal scrolling. In several studies conducted by Expero staff, horizontal scrolling caused many serious usability issues. For example, in one study, users repeatedly failed to see important row actions within a page that scrolled horizontally – there was just too much information on the page for the user to see what they needed to do.

When data begins to scroll horizontally, one approach is to show only a subset of the data in the page. You can use “details” links to show more data on a secondary page, or you can use “drawers” that will open up more information when the user explicitly selects the control.

Another suggestion is to have view-only pages that can show more information, and take the users to a form-like page to edit information. The different views are each optimized to present data in the most appropriate way for viewing or editing.

Test any pages that contain horizontal scrolling with your users to benchmark any usability issues. Redesign the pages to eliminate horizontal scrolling and see whether there are differences in such metrics as number and severity of usability issues, or time to complete tasks.

Generally, redesigning the page to eliminate horizontal scrolling will improve the user experience.

User Audience

Services & capabilities

Project Details

Technologies

Expero Staff

December 28, 2006

Horizontal Scrolling

Q: How do you design a transactional page that requires horizontal scrolling? Do you freeze the left frame like Excel, or use tabs?

Tags:

Q: How do you design a transactional page that requires horizontal scrolling? Do you freeze the left frame like Excel, or use tabs?

It is almost never appropriate to design a page that includes horizontal scrolling. In several studies conducted by Expero staff, horizontal scrolling caused many serious usability issues. For example, in one study, users repeatedly failed to see important row actions within a page that scrolled horizontally – there was just too much information on the page for the user to see what they needed to do.

When data begins to scroll horizontally, one approach is to show only a subset of the data in the page. You can use “details” links to show more data on a secondary page, or you can use “drawers” that will open up more information when the user explicitly selects the control.

Another suggestion is to have view-only pages that can show more information, and take the users to a form-like page to edit information. The different views are each optimized to present data in the most appropriate way for viewing or editing.

Test any pages that contain horizontal scrolling with your users to benchmark any usability issues. Redesign the pages to eliminate horizontal scrolling and see whether there are differences in such metrics as number and severity of usability issues, or time to complete tasks.

Generally, redesigning the page to eliminate horizontal scrolling will improve the user experience.

User Audience

Services

Project Details

Similar Resources

Financial Services Toolkit: Dashboard Demo

  • Transaction History and Recommendations
  • Items for Compliance and Shareable Elements
  • What If' Portfolio Analysis
  • Asset Correlations and Visualizations for Recommendation
Watch Demo

Financial Services Toolkit: Portfolio Demo

  • An In-Depth Look into the Performance Recommendation Widget
  • What If' Scenario Building
  • Sharing Interactions with Jupyter Notebook
  • Running and Editing Scenarios in Jupyter Notebook
Watch Demo

Hey TigerGraph! Your 2020 Forward Looking Thoughts Are Already Here!

At Expero, TigerGraph’s 2020 projections are already in place or well underway.

Watch Demo

Chatting with Data: Interrogative UIs for Exploratory Data Analytics

Natural language processing is a powerful tool in building investigatory user interfaces for data exploration.

Watch Demo