Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

Here is the problem:

Two element. Instagram and Flickr. They both show 4 images then the user has to click on Load more to load the next 4 images.

I think it would be pretty annoying for the user to click the load more button every time.

Can you think of another, more efficient way to present this?

Here is a mock-up

share|improve this question
1  
the answer to this question totally depends on the viewing device. Is it for a desktop or a mobile application? –  Vincent Nov 12 '13 at 8:52
1  
@Bakabaka The website-design tag suggests it's for a website, which could be used on either desktop or mobile. Not sure why it's that important a distinction - a good site should be usable and intuitive on desktop and mobile even if it has separate 'mobile' and 'desktop' views - especially with there being a growing number of 'in between' devices. –  user568458 Nov 12 '13 at 16:22
    
I'm not sure why this question got downvoted three times... seems like a good question to me. They've outlined a design problem clearly, and they've explained what they're trying to achieve and why what they've tried doesn't cut it. –  user568458 Nov 12 '13 at 16:29

1 Answer 1

So the standard way to load more stuff at the point the user needs more stuff without requiring them to take an action to get it ("lazy loading") is "infinite scrolling", or, loading more stuff as the user scrolls towards the bottom of the page (like Google Images, Facebook etc). Here's an article on it.

You probably already know that the problem with using infinite scrolling here is that there are two sources of new content. How to deal with this depends on how important that choice is:

  • If flickr vs instagram is an important choice on your site, i.e. if you're essentially asking people to make a choice between two separate options, then it makes sense to have a button like a 'load more' button that is the user 'choosing' that option. Then, once they've chosen the option, you can have the button shrink the other option to, say, just a small tab at the top, make the chosen option (instagram or flickr) go full screen, and then bring in infinite scrolling with the feed of chosen content full screen on the page.

  • If the choice of Instagram or Flickr isn't that important, why separate the images based on where they come from at all? Why not have one feed, of images from both sites mixed together, and have more images load when the user scrolls to the bottom of the page? Or, two vertical columns side by side?

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.