A place to cache linked articles (think custom and personal wayback machine)
Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.

index.md 3.5KB

před 4 roky
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>