This looks like a really cool website for people who have an online business. Love the UI/UX
Thanks @tchret
Report
Great, I like every aggregation of things like this. Though can you please get rid of this infinite scroll thing?
There is no way to keep track where you are and no way to save your position as there is also no way to get a feel for how much is still to go. I usually follow a pretty excessive research routine and if I see no end it becomes even more exhausting.
Infinite scroll is not necessary here as we're not in a mental frame of entertainment consumption where a footprinted structure would constitute friction. It is either used for research purposes or ffs, but both do not benefit from not knowing more structural data i.e. number of pages to go and where you are etc.
Report
@tchret It is actually not a better solution in terms of research. It's too small then to be able to assess the design's value to decide if it is worth to be picked out in a tab. And there still is no way to tell where I am. If I close the tab, my position is lost without a footprint hash.
Report
@tchret Stay put with infinite scroll but use history.pushState and URL identifiers to create a shareable URL and also make it obvious where the user is in his search journey. Add a visual identifier right next to the item list. Like discourse does it very well.
Do you know the discourse forum?
It is a great forum software with exceptionally well crafted UX patterns. One of it is their approach to a modern dynamically lazy loaded posts pagination. In this gif you see someone scrolling through posts of a forum thread.
Or play with it by yourself in the New Relic forum: https://discuss.newrelic.com/ or here a bigger thread: https://discuss.newrelic.com/t/a...
Alternative the "load more + lazy load approach":
Load 10-20 (or whatever you deem as performant) pages on the initial page load and then lazy load another 10-20 until you reach a threshold that makes sense to show a "Load more" button (maybe 50 - regarding the size of the pictures, after 50 posts the scroll-bar might already be pretty huge, which screams for a reload and new URL). Succeeding the "load more" event, repeat the same procedure until hitting the same threshold again. With using a "load more" button you can easier make use of history.pushState and identify each "load more" stack with a hash/slug in the URL making it accessible, shareable and also allows access to use a back button straight to the point of the last action taken by the user. Though, you need to make sure that the back button behaviour pushes the user back to the last item of the last product list.
History.js (https://github.com/browserstate/...) uses an approach that is already SEO friendly complying to Google's infinite scroll guidelines. For GA purposes use _trackPageView to track the history.pushState actions.
Not sure about this: http://infiniteajaxscroll.com/ yet it seems to add pagination as a fallback method and a pushstate history with URL identifiers. (you do not need to buy a licence - just push the download button, there is no request prompt)
Or simply use an old-school pagination and get rid of the fancy stuff. :D
PS: For the developer instincts, here is an interesting talk about how Quartz built their dynamic loading platform https://vip.wordpress.com/2014/0...
I have often been searching for something like this! Have you considered adding some kind of filter functionality to only display a certain type of businesses? As of right now I'm looking for inspiration on b2b SaaS checkouts.
Another solid submission from @tchret - Can't wait 'til the UX panopticon has a full suite of elements to explore - like imgur for the state of the art in web interfaces.
Report
I love these curated pages! However, I have to say that when I click on one of the images, I want to be able to view the full-size version of the image. Instead of being shown an image of the page so that I can view the smaller details, I'm redirected to the website where the checkout page exists. In many of the examples, I have to first create an account and login to view the page. It would sure be nice if I could view the full size screenshots without being redirected to the actual checkout page.
eAngel
Mailflow
VC Puzzle
VC Puzzle
ArtSquare
Dorkoy