30 Mar 2011 12:28 PM #1
[beta] - grid infinite scrolling user experience is jarring
When using the new infinite scrolling, it is a jarring user experience to have a big grey "loading" screen thrown up when the scrollbar is moved. As a user it throws me out of my immersion in the data and makes me think "big grey box says loading".
It's fairly easy to solve these usability issues by giving control over whether or not the "loading" is displayed, when it is displayed, whether or not the grey box is displayed, and when the previous rows are cleared.
Is it possible to do one or more of:
1: leave blank alternating colored rows in place whilst the grid is busy, and optionally display .. as a placeholder until the new rows become available
2: choose whether or not to display the "loading" message
3: choose to display the "loading" message, but only after X seconds have elapsed
4: leave the existing rows displayed until the new rows are ready for display
If such things were possible then the user experience of the grid would be vastly improved and allow the user to immerse in the data, not to think about "big grey box says loading".
30 Mar 2011 12:57 PM #2
Thanks for the great feedback. We're looking to improve the user experience and have a few things in the works that weren't able to make it for B1.
You have some great ideas on configurations here that we will definitely take into account.
30 Mar 2011 4:10 PM #3
I vote for -> leave the existing rows displayed until the new rows are ready for display + the loading box after 500 ms
I evaluated so many grids recently and it's the best feedback there is. Users hate so much a white page.
30 Mar 2011 4:43 PM #4
It should be configurable if you want
display loading message after X seconds
continue to show alternating row colours whilst fetching more data
show .. (i.e. two dots, or something else) whilst fetching data
I think the existing rows should remain displayed until the new ones can be shown.
30 Mar 2011 11:25 PM #5
what is really bad from user perspective is that it starts loading while you drag the scrollbar handler, it should start on release anyways.vg Steffen
Release Manager of TYPO3 4.5
3 Aug 2011 11:23 AM #6
NOTE: The comments below applies only when scrolling the grid quickly by dragging the scroller handler. I think the current behavior of the grid when simply scrolling using arrows is pretty decent.
What users dislike in my opinion is to feel that the view is getting blocked when they are moving the scrollbar. It is counter-intuitive to scroll and see that nothing's moving / changing on the screen. None of the proposed solutions are solving this issue. Keeping the last available rows in place while new ones are getting loaded is already a nice step over the passive loading mask, but from my point of view is still not enough. As a user, what I would like to see is the row numbers increasing/decreasing as I scroll, even if I'am not seeing any data. When things are still moving/changing, it doesn't feel like waiting. Now, not all grids have the row number column, so we could clear the grid's body and show 'x - x of total', where 'x - x' would change as we scroll. Anyway, there might be better solutions, but the key point here is to find a way of showing row numbers as we scroll, or give the users an indicator telling them where they at in the record collection. Also, the rows would only need to get loaded when releasing the scroll handler.
By Elijah in forum Ext 3.x: Help & DiscussionReplies: 5Last Post: 25 Mar 2010, 11:42 AM
By dawesi in forum Community DiscussionReplies: 19Last Post: 7 Apr 2008, 10:32 PM
By dawesi in forum Ext 2.x: BugsReplies: 0Last Post: 13 Mar 2008, 5:12 PM
By hgcphoenix in forum Community DiscussionReplies: 3Last Post: 27 Nov 2007, 3:54 AM