Enhancing UI with scrolling events – good or bad?
If a web document contains textareas or block elements with overflow set to auto and the content inside these elements extends the area of the element itself a scrolling bar will appear, be it horizontal or vertical. By default, users will be able to scroll inside these elements by pointing the mouse inside the element's borders and use the scrolling wheel. If positioned outside the element when using the scrolling wheel the entire page will scroll. This is a good feature. Moreover, it is what users expect to achieve given these circumstances. And this works without developers doing anything.
Many modern websites use inline slideshows or sliders to showcase more content in less space, from photo galleries to product features and more. However some sites enhance these sliders in such a bad way that they completely screw up user experience. Check out João Andrade's website and try to scroll down to the bottom of the page where a contact form is located — contact form which is the selling point of his website. Unfortunately you get stuck in the header of the site because there's an enhanced "awesome" slider which moves to next or previous slides based on how you use the scrolling wheel.
This feature is bad because it redirects the default behavior of the scrolling wheel away from the page scrolling bar, and if you're not quick in reactions you'd think that the site is buggy. This feature would probably be ok if the slider would be properly delimited from the rest of the page and the slider's numeric controls would stand out, just as a textarea or block element that overflow delimit themselves nicely due to the scrolling bar that pops out near the right border of the element. Currently, the slider on João Andrade's website blends in beautifully inside the page.
- 1. Make your own jQuery slider using XML
- 2. The Smashing Book is indeed… Smashing!
- 3. Enhance your clients list page with jQuery goodness
- 4. The change is here. Hover events come to mobile devices
- 5. Consistency. Key element in extraordinary UX
- 6. Buttons and usability
Published on Tuesday, March 16th, 2010 at 12:42 pm in usability.
There are no comments. You can be the first to post one.