UI Design Challenge: A Table or Grid With Too Much Information

Posted by uidesigner on Mar 8th, 2009 | 2 comments

I hope to post at least one article in this series a week. The goal is to get your brain thinking about real UI design issues and problems. How would you solve these scenarios? I would love to hear your comments and your solutions.

The Problem: 

 A client tells you all information, some 9- 12 columns of data are important to display to the end user.  The problem is there is not enough room all this information in individual columns of a grid. The client insists they have to maintain recommended screen size of 960 px and you have to support multiple resolutions: What are some possible pattern implementations to solve this problem?

Related articles:

  1. Features In The Front Usability Get To The Back
  2. The Haves, Have Nots & Feature Bloated User Experience.
  3. UI Design Patterns: Exploration of Data and Visual Imagery in Application Design
  4. When is it the Right Time to Use Icons?
  5. How Can I Speed up Proto-typing & Visual Design Mocks with Hybrid Design Proto-typing?

2 Responses to “UI Design Challenge: A Table or Grid With Too Much Information”

  1. Rajat says:
    July 21, 2009 at 7:21 am

    We could have Hide/show column on the top right of the grid where in user could select to view columns he/she wants.
    If all, there would be a horizontal scroll for grid.

  2. uidesigner says:
    August 1, 2009 at 7:25 am

    That’s a great idea Rajat. You could set a default list of elements that will be in the grid and have an icon / text that would allow more. I’m not a big fan of horizontal scroll though. You can start to get into some tricky and wierd print issues. Especially with Internet explorer 6.

Leave a Reply

comments-bottom

More UI Design Guide Articles

So what is this corporate thinkers site all about? As 100% of the web tends to be, this is a work in progress. This site is structured towards the corporate & in-house designer. The current plan is to outline web application projects and provide tips, examples, design patterns, and best practices for the delivery of “CTHINKER Fake... Mar 20th, 2007 | no responses
SXSW 2008 – Day 3 Summary - Yes I know I’m a day behind, but to truly get the best perspective out I needed time to reflect. Day 3 was interesting. To start of with was the change with time. Move one hour ahead and what watch what happens to those unfortunante souls that stayed up late. They missed out on a tremendous... Mar 13th, 2008 | no responses
UI Design Challenge: A Table or Grid With Too Much Information I hope to post at least one article in this series a week. The goal is to get your brain thinking about real UI design issues and problems. How would you solve these scenarios? I would love to hear your comments and your solutions. The Problem:   A client tells you all information, some 9- 12... Mar 8th, 2009 | 2 responses

Twitter is a great way to share new and exciting resources with all our viewers. Each day I provide links and commentary on all things UI. You can find UI resources, UI design examples, new techniques, and a lot more by Following @UIDESIGNGUIDE on Twitter.

The idea for this design blog first came about two years ago at SXSW Interactive.

Currently UI Design guide is in its fourth redesign. This site takes quite a bit of time to maintain as well as write the content. Just like UI Design this site is a passion that keeps evolving.

Inside, I cover articles on many topics icluding: lessons, prototyping methods, agile UX methods, design reviews, design challenges, application features, and of course design experiences, just to name a few.

With all the blogs out there you may be asking yourself who are you to give advice? That's a fair question. If you have a moment feel free to read about my design history.