Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

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

Get gorgeous, multi-touch charts for your iOS application with just a few lines of code.

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.

.Net developers: use Highcharts, the industry's leading interactive charting library, without writing a single line of JavaScript.

Topics:

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

Opinions expressed by DZone contributors are their own.

THE DZONE NEWSLETTER

Dev Resources & Solutions Straight to Your Inbox

Thanks for subscribing!

Awesome! Check your inbox to verify your email so you can start receiving the latest in tech news and resources.

X

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

{{ parent.tldr }}

{{ parent.urlSource.name }}