PWA: how mobile usage drives new desktop best practices and behaviors


One could even go as far as saying that the two areas of expertise are increasingly merging. Long gone are the days when mobile and desktop web were opposites. Nowadays, the notion that the user should be able to shift seamlessly from one device to the next, is commonly accepted and taken into consideration by a growing number of players of the sector, towards a more unified user experience.
Specifically this translates into new best practices on desktop. For instance, you might have noticed that more and more websites have turned on notifications, on their desktop browser version. A new visual esthetic is also appearing, highly inspired by mobile. This is characterized by the absence of the footer on more and more websites, in the favor of the infinite scroll—incidentally making content king, an outcome we cannot help but to rejoice at. Besides, this navigation mode is definitely derived from mobile, with most call to actions now located at the top of the screen:

Of course, the responsive design model on desktop still has good days ahead, but it’s being challenged by a new approach, in terms of visual design, driven by mobile.
These websites introduce a new esthetic, with a block layout, from the visual and technical point of view, starting from the requirements of a small screen, to add up more blocks on a larger screen. It’s the exact opposite of the old logic which consisted in deconstructing the ergonomics of a desktop page to fit into a mobile version. This new way of designing online pages takes into consideration the growing proportion of mobile users, with blocks easily adapting to the variety of screen sizes out there.
An example of the look and feel of this block architecture:
This is still a relatively niche dimension, but is nevertheless being explored and even praised by more and more developers, as it's aligned with the idea that the division between mobile and desktop is dated, while not ignoring the undeniable concept : the user is the boss.
The good news is that the technology to enable such an ecosystem already exists. Progressive Web Apps, of which Flipboard is an example, are indeed taking on the challenge. Note that, while Progressive Web Apps rely on the best of web technologies, they still carry the "app" label?. A clear sign that this ongoing revolution is driven by mobile first and foremost.
From our point of view now, we are of course big advocates of mobile still, and of native apps in particular, simply because, to this day, native apps have been the best solution to deliver a qualitative user experience—which is what ultimately drives us. With that commitment in mind though, the topic of PWA has definitely caught our attention. But more on that in our next episode ;)
Design

