Load more posts with sliding effect?

Question

I created a feed aggregator with a "load more" button at the end of the posts. When the user clicks on it, loads some more posts and when it is completed, the list of the new posts slides to the top of the window browser with a yellow highlight on the first new post. The previous list is "hidden" because the first post of the new list is on the top. If he wants to see the previous posts, moves the scrollbar up, or down to read the new.

My thought is if it would be better, when the "load more" is clicked, the scrollbar stays as is in the current position user left it and just show the new list below the last post. With this, the previous list is appeared but also some of the new posts(meaning hey it's loaded). There is no sliding effect, no highlighting, and the user continues to read from where he stayed.

In both versions there is a loading animation image.

What is your opinion?

Answer 1

Maybe the first scenario is better,because user wont click on the "load more" link unless he already read the older posts,so he don't need them,at least not now(after the click event!).

Adding an action like to the new incomers like highlighting,fadeIn or separating them with bold clear line will be good addition to UX,so that user find reference to "where did i stop?" position.

Keeping the scroll at the older posts is not a good idea.i guess the whole second scenario lacks the "look-feel-do-n-get" approach.

Answer 2

Have you considered not having a 'load more' button? Instead once the user reaches the bottom of the page, more posts are automatically loaded. I believe it's called infinite scrolling and is used on Twitter.