How To Design for the Web in 2019

The web moves fast; keep up!

Casper Beyer

--

Photo by Joshua Aragon on Unsplash.

I wrote about how to design for the modern web way back in 2018, but the web moves forward quickly, so those guidelines are already obsolete and outdated as more modern conventions have become mainstream.

Let's break down and go through the most important design principles of designing for the modern web in 2019.

Let Users Know You Have a Mobile Application

This remains the most important principle, and it’s not without reason. Well-paid focus groups have shown that the very first thing a user wants to do when visiting your web site in their web browser is to install a mobile application.

The best way to achieve this is to show a modal dialog that prompts them to install it.

As an optional step, you may add a button or hyperlink to close said dialog, but it’s important to use some cryptic text, preferably worded to shame the user into compliance.

Tip: If you don’t have an actual mobile application, you can just get an intern to package your website in a WebView with security disabled and ship that!

Implement a Do Not Track Policy

Many modern browsers these days support an HTTP header called DNT, which stands for Do Not Track. This header is meant to signal that a user does not want to be tracked, and unfortunately, this is enabled by default in some browsers like Brave (An open-source ad-blocking browser made by the creator of JavaScript, Brendan Eich).

However, don’t worry, as all is not lost! We’ve found that most users will remove this header when prompted. To handle this, we recommend serving a guide on how to disable it when the header is present.

Tip: Don’t serve the prompt to disable DNT on the guide that shows the users how to disable DNT as the conversion rate ends up being…

--

--

Casper Beyer

Indie Game Developer, Professional Software Developer and Expert Jak Shaver. Working on Deno.