I'm designing a web app that includes a list builder. I've proposed that the height of the list box containing the available items should grow depending upon the available browser height. However, I haven't been able to find any examples or best practice articles on this topic, so now I'm unsure.
The list may have a handful of items or up to hundreds/thousands. It can be a flat list or a tree. I'm including a filter box to help users to reduce the list and find particular items.
Also, In general I'm not forcing all the page content to fit into the visible area. The page can scroll as necessary, but probably won't on these list builder pages. I just wanted the list to take the available height to provide the largest view possible.
Answer
Well, expanding panes with window resizing is so routine on desktop apps it's almost a given. The Windows 7 UX Guidelines say:
Of course, the reason users resize a window is to take advanced of the additional screen space, so the content should expand accordingly by giving more space to the UI elements that need it. Windows with dynamic content, documents, images, lists, and trees benefit the most from resizable windows. (p583)
The guidelines provide an illustration of a resizing list view control.
Not expanding your panes sort of defeats the purpose of having resizable windows, preventing users from using the screen resources in the best way they can. Expanding your panes in web apps really has no downside I can think of.
I believe web apps don’t do it because (a) it used to be impossible, (b) lots of developers never learned how, (c) the rest didn’t want to bother. I think it’s far overdue.
But then, there are a lot of goods things that are routine in the desktop world that have yet to make it into web apps –they’re still in the pre-GUI era in many ways.
No comments:
Post a Comment