Nothing Insightful

  • Archive
  • RSS

Great concept. Be sure to watch the video as the text just doesn’t do it justice!

simurai:

Flick Scrolling

You might wanna watch the video above, but in short: When scrolling content on a touch-screen, instead of letting momentum stop the scrolling, you can decide exactly where it should stop. It stops at the point where you flicked it.

It would be great for things like books, blogs, timelines or anywhere where you don’t fly over, but continuously wanna “move forward”. Kinda like paging but within and long scroll. Some apps have a page up/down feature, but I don’t really use it because it moves always the whole height and might cut off a picture or so. With this “flick scrolling” you can decide to where it should move to. The last paragraph or beginning of a picture.

Flick Scroll illustration

Why not just use pages or cards? Yes, that works sometimes, but not always, especially not when you have no control over the content. iA wrote a good post about it: Scroll or Card? With flick-scrolling you get the joy of “card flipping” without the cards.

Here the two demos from the video so you can try it out (only tested on iOS).

Book demo

Timeline demo

Warning: I’m not really a programmer so the demo is just a hack to demonstrate how it could work. Would need some improvements. And of course, performance would be better if it would be implemented natively.

One thing I’m not sure about.. there is the possibility that you intend to do a flick scroll but end up doing a normal scroll or vice versa. You can judge for yourself in the demos. Maybe the detection could be further optimized or here some other possibilities (Let me know if you can think of more).

  • Use a two-finger scroll. But then you can’t use just your thumb which makes it not that useful.
  • Split up the screen into two areas, for example left for normal scroll and right for flick-scroll.

Credits: Demos use the iScroll4 library and in the timeline demo, the “scrollToElement” feature is used, which is a pretty cool one.

    • #ios
    • #iphone
    • #ipad
    • #scroll
    • #javascript
    • #ux
    • #iscroll
  • 8 months ago > simurai
  • 217
  • Comments
  • Permalink
  • Share

217 Notes/ Hide

  1. over-compensate likes this
  2. notangenerico reblogged this from simurai
  3. caielryandias likes this
  4. testevm reblogged this from simurai and added:
    Flick Scrolling An idea of a new gesture that extends scrolling content on a touch-screen. Instead of letting momentum...
  5. succistent likes this
  6. lanooz likes this
  7. upahman likes this
  8. dompovey reblogged this from simurai
  9. neilsarkar likes this
  10. alesf likes this
  11. mystcolor reblogged this from simurai and added:
    Interesting.
  12. neuevertex reblogged this from simurai and added:
    Flick Scrolling Conceito de gesture híbrida de paginação e scroll.
  13. rtsnance likes this
  14. zenstealth reblogged this from simurai
  15. zenstealth likes this
  16. blogthecasbah likes this
  17. 0064paula likes this
  18. disinfeqt likes this
  19. uvmann likes this
  20. herrkrueger reblogged this from simurai
  21. herrkrueger likes this
  22. godthanks likes this
  23. cleberwsantos likes this
  24. jimb0 likes this
  25. veryben likes this
  26. tingyuchen likes this
  27. uxkid likes this
  28. lindsayrain likes this
  29. benjaminroesner likes this
  30. bhuvidya likes this
  31. tuhin likes this
  32. drublic likes this
  33. jeffwheelerpdx likes this
  34. einfacher reblogged this from simurai
  35. missingwords likes this
  36. thiesbrake likes this
  37. bradenhamm likes this
  38. psl likes this
  39. santiagoa likes this
  40. lukeimyour likes this
  41. sebastianwaters likes this
  42. domleca likes this
  43. sanghoon2 likes this
  44. jayisforjelly likes this
  45. ruimarinhopt reblogged this from simurai and added:
    Awesome!!!!
  46. liquidx likes this
  47. devanggandhi likes this
  48. aesdesign likes this
  49. chriskalani likes this
  50. kim likes this
  51. Show more notesLoading...

Recent comments

Blog comments powered by Disqus
← Previous • Next →

About

My name is Tait Brown, and I'm a Melbourne-based UI designer and a front end developer. I like to make stuff.

taitbrown.com

taitbrown@gmail.com

Me, Elsewhere

  • taitems on Dribbble
  • taitems on Forrst
  • @taitems on Twitter
  • taita_cakes on Last.fm
  • Linkedin Profile
  • taitems on github

Twitter

loading tweets…

  • RSS
  • Random
  • Archive
  • Mobile

Effector Theme by Carlo Franco.

Powered by Tumblr