Linked by Thom Holwerda on Tue 26th Nov 2013 23:07 UTC
Graphics, User Interfaces

It's rare these days, but it happens: a (what I think) is a completely new UI element (or 'widget', in proper parlance).

In my quest for an Android Twitter client that doesn't suck, I stumbled upon Tweedle, a no-frills, properly designed Twitter client for Android that, as far as I can tell after a few days, does not suck. It integrates properly with Android and has an actual Android user interface - unlike other Android Twitter clients, it doesn't shove any non-standard UI crap in my face. Really, the complicated, overdesigned user interfaces many Android developers come up with just to show several snippets of text in a scrollable list (that's all Twitter is, folks) is remarkable. Let's save that rant for another day, however.

What I find most intriguing about Tweedle is that it includes a UI widget I've never seen before. Instead of a regular scrollbar, Tweedle has a vertical line that increases in length as you scroll down in your timeline, and decreases in length as you scroll upwards. If you reach the newest tweet, the bar disappears. It's a different take on the traditional scrollbar, but to me, it feels like a better fit for a timeline than a traditional scrollbar.

If you scroll far enough down, the line will reach all the way to the bottom. If you keep scrolling beyond that point, the line just stays there. A traditional scrollbar, like in, say, Tweetbot 3 for iOS 7, acts differently. Once the scrollblob hits the bottom of the screen, a new set of tweets loads, and the blob erratically jumps upwards, which is just plain weird when you think about it.

The traditional scrollbar - even a proportional one - does its job best when used with finite scrollable areas. Timelines on Twitter, Facebook, Google+, and so on, however, are essentially infinite lists, which causes traditional scrollbars to jump around whenever you reach the 'bottom' of your timeline and new content is loaded. The line in Tweedle does not have this issue, but it does introduce a new one - once the line fills up and hits the bottom, but you keep on scrolling - it stops conveying any new information.

Still, I find it a fascinating rethinking of the traditional scrollbar, and I hope to see it in more applications.

Thread beginning with comment 577508
To read all comments associated with this story, please click here.
Comment by flypig
by flypig on Wed 27th Nov 2013 00:51 UTC
Member since:

After watching the video it looks like a nice idea. Now that scrollbars are more for information than control, there should be flexibility to do interesting things like this.

Perhaps the obvious solution for an infinite list would be to have the length of the bar follow the formula

screenheight * (1 - (1 / x))

where x is the position in the list increasing from one. This would ensure the scrollbar never grows to the bottom of the screen: it just grows slower, and slower, and slower...

Edited 2013-11-27 00:52 UTC

Reply Score: 6

RE: Comment by flypig
by Invincible Cow on Wed 27th Nov 2013 22:25 in reply to "Comment by flypig"
Invincible Cow Member since:

Still the problem of the skipping scrollbar on infinite scroll keeps popping up (pun intended).

Reply Parent Score: 2