Improving behavior of "N new or updated topics. Click to show" (less page blinking)


(Anton) #1

Problem

Currently, when I click the blue message to show new or updated topics, my screen changes 2 times:

  1. The blue message gets hidden and all the topics move up, which is not smooth. This is the first change of my screen. It lasts for 1 to 2 seconds.
  2. When the new topics are loaded, they get inserted at the top of the list, and the whole screen changes again. This is the second change.

So, one click changes the screen twice and with delay between these two changes.
I consider it being not very good user experience.

http://imagizer.imageshack.com/img539/4348/RYz2WV.gif

Proposed Solution

Instead of hiding the blue message, change its text to Loading...:

http://imagizer.imageshack.com/img673/2765/oY9Vo4.png

This will allow to avoid moving the whole list of the topics twice.

Another benefit is that if only one topic is to be shown, there will be no movement of topics at all - because the blue message will be replaced by a new topic, and everything below will stay in the same place vertically.

Highlighting of the newly loaded topics

Just as an additional request,

Does it make sense to highlight (and fade out that highlight) the newly displayed topics, just the same as a message in a topic is highlighted when a direct link is used? I feel this has been discussed already, but can’t find anything about it.

http://imagizer.imageshack.com/img661/5733/T19zvk.png


Dedicated layout space for the blue bar
(Dave McClure) #2

I’m bumping this because I think it’d be a big improvement UX-wise. What do you think @codinghorror? How difficult would it be to make this change?


(Jeff Atwood) #3

This is complete as of a while ago (1.2 release); the blue “new topics” overlays the column titles so the topic list no longer shifts down.

That was indeed jarring, and the more frequent the updates, the more annoying it was for everything to shift down at random times when you tried to click/tap it.

Should no longer be an issue, no more shifting with the current design.


(Jeff Atwood) #4