Over a million developers have joined DZone.

Mice, Scroll Bars and Lazy Loading Don't Mix

DZone's Guide to

Mice, Scroll Bars and Lazy Loading Don't Mix

· Mobile Zone
Free Resource

Download this comprehensive Mobile Testing Reference Guide to help prioritize which mobile devices and OSs to test against, brought to you in partnership with Sauce Labs.

If you're designing for a platform that allows user input in multiple forms you must account for all the forms of user input at each time.

Let's consider what happens if you've got a list to which the app will add more when the user gets close to the end.

For example, imagine a list that starts with 20 items and when the user gets five from the end it loads 10 more. If the app can always load more this will go on forever, or maybe it only does this until it can load no more.

Now consider a non-touch screen device--there are still a lot of them around. To scroll the list the user uses their mouse and drags the scroll bar.

Considering the above, if the user drags the scroll bar 75 percent of the way down we reach the magic trigger value. Let's say the user hovers at this point to view the items at that position in the list. But then all of a sudden, without the user doing anything, the items on the display have changed.

What happened?

  • The user was confused.
  • The user lost confidence in their ability to use the app.
  • The user lost confidence in the app.

These are not feelings or reactions you should want to create in your users. Well, not if you want them to come back and use your app again, leave positive reviews, or recommend it to others.

What happened technically?

After the additional items had been added to the list, it changed from showing the items 75 percent of the way through 20 items to showing the items at 75 percent through 30 items. Depending on how many items are visible at once this might mean that the items that were on display are now completely gone.

If you have an app that incorporates lazy loading, I'd recommend implementing an alternative way of allowing a user to interact with the list than just dragging the scroll bar if using a mouse.

Analysts agree that a mix of emulators/simulators and real devices are necessary to optimize your mobile app testing - learn more in this white paper, brought to you in partnership with Sauce Labs.


Published at DZone with permission of Matt Lacey, DZone MVB. See the original article here.

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}