Original title: How to Design for the Web in 2019
Original Address: medium.com/commitlog/h...
This article first appeared in public numbers: in line with expectations CoyPan
I've written articles on how to design a Web page in 2018, but the network has developed rapidly, so as more and more into the mainstream of modern conventions, these guidelines obsolete.
Let's break down and discuss the most important design principles in 2019 designed for the modern web.
Let the user know that you have an App
This one is still the most important principle, not without reason. Paid focus groups have shown that when users visit your site in the browser, the first thing is to install a mobile application.
The best way to achieve this is to display a dialog box that prompts the user to install App.
As an option, you can also add a button or hyperlink to close pop, but copy must be specifically designed, it is best that allow users to copy ashamed, so users will be able to download the App up obediently.
Recommendation: If you do not App, then you can make your intern will package your website into a disabled security policy Webview, and then publish it!
Implementation of the "do not track" strategy
Many modern browsers support HTTP header called dnt, it stands for "do not track." The HTTP header means that the user does not want to be tracked, unfortunately, in some browsers (such as Brave), this HTTP header enabled by default.
But do not worry, because everything is not lost! We found that most users will disable the HTTP header when prompted. So in order to deal with this problem, we recommend a guide to reference the user to disable the HTTP header.
Recommendation: Do not disable the prompt appears to guide users dnt in the guidelines, such as the conversion rate is very low.
Implementation cookie policy
Cookie consent is confuse users, although the rational use of cookie in most cases do not need to agree, but the best user is prompted to agree, so we can keep track of all the content without worrying about the consequences.
Prevent ad blocking program
Ads are everywhere shield program, which can really hurt your profits. So to prevent explicit ad blocker.
Chrome is working to stop advertising shield, so if users like Brave browser, we can claim that the user's browser is not modern.
Recommendation: Do not mention to anyone Brave browser (based on Chromium, built-in browser screen advertising program)
Shielded non-US countries and equipment
Before we completely understood Cupcake nations, GDPR, link taxes and the Huwaei ban, we'd put them all blocked, so to avoid all responsibility.
Tip: You can of. .
Maximize your layout
800-pixel-wide layout time has gone. Modern widescreen displays often, so make sure in the layout to use the entire width.
Tip: Research shows that better performance can not close the dialog box.
Use notifications
Modern browsers support notifications, enable notifications is a must. As a fallback, it automatically subscribe to a newsletter to users, SMS notification and / or email notification.
Tip: When a new App release, you can use the notification to the user.
The user is prompted
Sometimes users forget that they can be registered, be sure to prompt them on a regular basis, and provide a prominent link or button registered.
Tip: When a user is about to leave the site or the mouse cursor to leave the site, it can prompt the user.
It allows users to opt out
It is important that our user-friendly, does not interfere with the user. So we have to let the user can exit our ongoing prompts and dialogs.
The best practice here is to opt-out setting in place a user can easily find - usually this is a "Account Preferences" page.
Use JavaScript
As we all know, all the site needs JavaScript.
While you may be thinking, "Oh, it's just plain text and some patterns." But the future? By that time, I assure you, there will be an increasing number of models. When that happens, you will regret not doing isomorphic site, not using the latest framework, the site is not running on serverless service.
Recommendation: Do not use JavaScript to render the page.
The author can Tucao said to be very vivid, ha ha ha. I am more concerned about the Brave browser. Tried it, it is indeed very fast hardware. Anti-tracking, and anti-anti-cookie ads. On Brave browser is the parent of JavaScript.
Reproduced in: https: //juejin.im/post/5d079ea1f265da1b6b1cd6b7