How does Reddit translate from desktop to mobile?
Let’s take a look at “The front page of the internet”, glorious ol’ Reddit. If you don’t know what Reddit is, it is a huge sector on the internet that features user created forum pages for chatter and discussion. Lots of memes and unfiltered content. We will be looking at how this site displays and functions from a desktop vs a mobile device.
Of course, let’s start off with the Home Page.
Right off the bat, the mobile version is just a horizontally squished version of the full site but prioritizes the main content which is the Post Feed. This is convenient to keep the experience consistent when switching devices. Awesome!
With less screen real estate, the mobile site opts out of additional icons as seen at the top right ribbon of the desktop. However, most of the functions are still accessible via some other drop-downs.
To note at this point, it seems the mobile version has a dark banner in comparison the desktop. I think this may have been a good way to to create contrast on a smaller screen to make the main subsections more noticeable.
Overall, the main functions of the usual browsing experience is consistent across desktop to mobile. I don’t think the mobile is lacking anything significant and it actually makes great use of the screen real estate. If you’re familiar with either platform, transitioning to the other is not too big a challenge. I guess you could consider this good design in that case!