Show HN: We made an addictive way to browse pictures on reddit
mongout.com
mongout.com
Usually my browsing of reddit is done like this.
1. Click homepage.
2. Determine which links are images.
3. Click image link
4. Chuckle, or shrug
5. Two finger swipe back on my trackpad on lion
6. Scroll
7. Repeat 2 - 6
Now its
1. Go to Mongout 2. Click right 3. Repeat 2 ... again and again
I'm also a big fan of the progress bar. If there was no bar I'd feel ungrounded in the infinite space of reddit. Additionally, because its so addicting to look at reddit images, I can say to myself "I'll look at enough images that fills one progress bar"
Its super simple, and really well executed. Big time props!
I'm one of those that thinks 'gamification' is generally a bad philosophy, but to the extent that this partitioning into discrete consumption units could be called that I think it really works and adds a lot of value to the experience. My only problem with the site is that there's no clear indication anywhere that reddit is where the content is being pulled from, and it took me a bit to figure out how to get to the original page — maybe clicking the image could bring up the reddit panel from the bottom as well, but with some content-swapping to insert the full-size image into the reddit page above the comments?
In many cases a quick glance is not enough to tell what's a picture about, do you select by overall color, or what?
* Title is below the picture, so now you see the image, check the title and have to look up again: reverse this title/image order.
* I' missing a reddit upvote/downvote embed, now I can't rate the pictures.
I'm not sure if "MongOut" is a derivative of MongoDB, but if you're aiming at a maintream global audience you might want to consider the sensitivities.
'MongoOut' would be fine
'MongOut' is not.
It may be related to the insult against those with downs syndrome, but people aren't thinking about that when they say it. They're thinking about lying on their bed with a laptop having just woken up at lunchtime, browsing through funny pictures using only the arrow keys.
Feature Requests:
1. Preload next image? My connection sucks so pre-loading would be extremely valuable.
2. I would also love to see the top comment for each photo. Though, I suppose that may make it less addicting and cause traffic to bleed back to Reddit.
Great work ^_^
- In portuguese, and I imagine a lot of other languages, "mongo" is a pretty nasty word. Think "retard", only worse.
- Have this linked with your reddit account so you can up/down vote. Also, then you could, by default, show pics from the user's default subreddits. You should allow an user to add/remove subreddits to get pics from, independently from the user's default subreddits.
- Gamify this. Think up some sort of achievements (opting out has to be an option, of course). First step: you have that bar filling up, what about having a counter nearby, which increments everytime the bar fills?
- You should do some preloading up to a max of USER_CONFIGURABLE_NUMBER images, have a sane default like 1 or 2.
That's it for now.
Edit:
- I just got a imgur "this image is no longer available" thingy. I think you can scratch those from showing up entirely.
- You could add some sort of sharing feature. A permalink would be a nice step in that direction. I just found an image I'd like to share with a friend and I noticed mongout wasn't gonna be a part of that process.
Were they going for "mongo" when they called it "mongout"?
The portuguese/brazillian web users are suckers for this sort of quick-fix, instant-gratification entertainment [1]. I, personally, would take no chances with the apps name. It wouldn't be the first time the portuguese language had a play on significant naming decisions [2] :)
[1] http://www.appappeal.com/maps/9gag/
[2] https://blogs.msdn.com/b/oldnewthing/archive/2012/01/19/1025...
Historically mong is an abbreviation of mongoloid, as in mongoloidism. (http://en.wikipedia.org/wiki/Down_syndrome)
- We didn't realise that mongo had such a negative connotation Portuguese - in british english it doesn't. We'll probably stick with it for the time being but change it if we offend people.
- Yes, we really want to add in a way to select different subreddits. Not too sure about letting people sign in though but definitely a good idea.
- We might go for non-obtrusive game mechanics, so the progress bar + points + leaderboard + tweet progress. It just didn't make it into this release.
- Preloading images is a good idea that we didn't think about.
Achievement unlocked:
I should be working
Browse for one hour straight.
Although that adds some complexity to the codebase, of course.
Yahoo pipes[2] turns the subreddit's top stories .json representation into an RSS feed, and then Twitterfeed[3] posts that RSS feed to a custom twitter account which I can then follow on Flipboard.
I got this setup from http://miguelrios.org/reddit-in-flipboard/ and a handy trick is to combine subreddits. So for example I have the 'SFW Porn Network' reddits all combined using the + e.g., /r/earthporn+cityporn+... etc.
http://www.reddit.com/r/programming/.rss http://www.reddit.com/r/programming/.json
Another challenge was elegantly showing the UI elements without in any way distracting from the image -- I think by fading them out after a couple seconds of mouse inactivty, we accomplished that pretty well. Left/right keys are obviously the best way to do things, but we also wanted "point and click" users to get it right away as well, so we allowed for that in the UI. I think mongout's way of doing it is pretty elegant though, with the picture of the arrow keys.
Things I still intend to iron out are the ability to mix and match arbitrary subreddits and non-reddit sources, and an integration with facebook accounts.
This has been my main side project for the past year, and I'd love to chat about any and all aspects of it :)
The left-right keys still advance to the previous / next picture in the background, when the comments are in the foreground. Suggest that a left or right hides the comments as well as moving forward or back.
I second the comment made elsewhere on pre-loading the next picture to save your users waiting for the load-time.
How do I navigate the comments with the keyboard? I use the cursor keys to scroll down, and it doesn't work, as up / down is mapped to show / hide comments.
Agree, this behavior was very unintuitive.
Feature request: filter out photos of cats.
http://107.20.224.248:8000/#pics;funny;humor;comics;reddit.c...
hack the URL to control subreddits
source here https://github.com/mwhooker/procrastinatr
Nice site, btw.
I think your approach was better.
Yes, we, the rest of the world understand that the 'religious issue' in the US has become tied in with the 'political issue'. But (again speaking on behalf of the rest of the world) we just wish the US would grow the @@@@ up and get the @@@@ over it.
Btw: appropriate user name.
Just kidding, this is excellent. Great job!
2. Let me get the URL of the reddit page somehow.
3. Add tooltips for the arrows - what does the down arrow do?
We've pushed up a new version:
- preloads the next image, slightly faster than before.
- smarter ordering, the newest and best content is pushed in hourly.
- finally, a tweet button to spread the love.
Thank you!
I was happy to see the onscreen arrows since many experimental UIs seem to be relying on the keyboard exclusively. I figured those keys meant some thought went into iOS support.
Regardless, I'm still having fun just clicking thru the pics. Thanks.
Seriously, nice job, very cool.
But did use it for like 10 minutes.
I had made something similar a while back.
Consider mapping a key to share links too
"Mongout" seems to do this for reddit and imgur, both sites where I willfully disable my ad-blocker.
Outstanding job, the interface is as simple as it could be.