A place to cache linked articles (think custom and personal wayback machine)
Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.

index.md 3.5KB

4 år sedan
12345678910111213141516171819202122232425
  1. title: Native Scrolling
  2. url: https://helloanselm.com/2015/altering-scroll-behavior/
  3. hash_url: 67d9307da5244e41fffe08db089b1391
  4. <p>Usually I am the one who says ‘Let the developer change every default browser behaviour’. Except, there are behaviours that, when customised, can hurt the user’s experience more than a custom behaviour could help. Such a case is custom scrolling.</p>
  5. <p>In the past week I visited a lot of different websites. Not the usual web development websites that I visit all the time but very different normal websites: Product pages and travel websites which are much more likely to be seen by normal users than my web development pages. But on some pages I experienced serious issues to navigate. Many of them used custom scroll behaviour. And not in a way you would assume, like binding animations (i.e. fading in elements on scroll) to scroll events but they actually altered the scroll behaviour itself. Some altered the speed which I found the worst, others blocked the scrolling entirely to jump to the next or previous section of a page.</p>
  6. <p>The main issue with that is that even I as an experienced web user couldn’t read some product specifications as I failed to scroll slow enough (or more precisely, to scroll only a few pixels which seemed to be the threshold on a page to go to the next page), resulting that I always switched not one section but two or three and was unable to go where I wanted to.</p>
  7. <p><img src="//img-anselmhannemann.netdna-ssl.com/img/blog/2015/altering-scroll-behaviour/custom-scrolling-1.gif" alt="An animated screenshot showing my try to read content from top to bottom scrolling but I fail utterly due to custom scrolling behaviour" /></p>
  8. <p>The same issue occurred on sites making scrolling faster. It is a key principle of a scroll device experience that I can set the speed of scrolling to my own default in the OS settings. A page altering this now leads to issues because the user can’t scroll in the speed he’s used to. This means he can’t read the content of a site anymore which should be <em>the</em> ultimate goal of a website.</p>
  9. <h3>Do it right, do it properly</h3>
  10. <p>Now you could say: ‘Do it right, do it properly’. But what if people use Wordpress Themes that include this behaviour?</p>
  11. <p>Facing the facts, that is what most people do and what causes most issues nowadays.</p>
  12. <p>Again, why would you alter the default scroll speed? I agree that we probably shouldn’t prevent the jumping to next section behaviour on scroll because web-apps sometimes want to do this and although I think a proper responsive concept shouldn’t have a <em>paging mode</em> I also accept that people use this for an application style.</p>
  13. <p>But maybe a smart browser would automatically fix issues like a threshold which is too small to navigate or disables the function then. Because currently, it’s going the other way round. It seems that Blink wants to <a href="https://docs.google.com/document/d/1VnvAqeWFG9JFZfgG5evBqrLGDZYRE5w6G5jEDORekPY/edit#heading=h.kd0gtwwz5bf9">provide native binding to scrolling</a>. While they seem to be aware of some issues they want to allow hiding scroll bars (which is bad because it’s a great indicator for the user) and don’t prevent too fast scrolls on the snap point navigation.</p>
  14. <p>For altering the default scroll speed I honestly couldn’t come up with a valid use-case. If you have one, let me know. To me this is one of the worst and contra productive UX ”improvements“ people have done so far.</p>