Since launching our private beta almost a year ago, our most-requested feature (by quite some margin) has been a better mobile experience. Today we’re pleased to announce the first step: a mobile-optimized view of Letterboxd for visitors on handheld devices.
In today’s release, we’ve added optimized templates for most of the site’s key pages, with more to follow. Our approach was to provide as much of the content from the desktop site as made sense in a mobile context, and to streamline the experience by tucking away navigation elements, and by removing a few of the time-saving shortcuts and popups that add enormous value to the desktop site, but tend to slow down a focused mobile workflow.
While we would love to have built a 100% responsive site, this proved something of a challenge within our existing web application framework. Instead, we’ve built a responsive mobile site, which loads automatically on all devices 640 pixels wide or less (you can manually switch between desktop and mobile views in the footer). A key benefit of this approach is that it affords us more control over which elements we include on each page — instead of including a sidebar element and then hiding it in the mobile view, we can subtly alter the markup or omit the element entirely.
We’d like to underscore that this is a first cut. There are areas we plan to further improve as time allows, and a few of the site’s more complex pages, such as the list-editing screen, have not been optimized (but are still accessible as they were).
This release also addresses a few other nagging issues: your user menu now has a direct link to your Diary; rating a film immediately updates the status of the watched flag in the interface (this previously required a page refresh); lists that have notes on one or more films are now highlighted as such; and list editing is improved in Safari.
As always, we welcome feedback on these new additions through the regular channels, and will work to further improve Letterboxd based on your input. Happy viewing!