【譯】2019年，如何設計Web頁面

寫在前面

原文標題：How to Design for the Web in 2019

原文地址：https://medium.com/commitlog/...

本文首發於公衆號：符合預期的CoyPan

正文

我曾經寫過關於如何在2018年設計Web頁面的文章，可是網絡發展得很快，因此隨着愈來愈多的現代公約成爲主流，這些指導方針已通過時了。

讓咱們來分解並討論一下2019年爲現代網絡設計的最重要的設計原則。

讓用戶知道你有一個App

這一條仍然是最重要的原則，也並不是沒有理由。高薪的焦點小組已經代表，當用戶在瀏覽器中訪問您的網站時，第一件事就是安裝一個移動應用程序。

實現這一點的最佳方法，就是顯示一個對話框，提示用戶安裝App。

做爲一個可選項，你還能夠增長一個按鈕或超鏈來關閉彈窗，可是文案必定要特別設計，最好是那種能讓用戶感到羞恥的文案，這樣用戶就能乖乖下載App了。

建議：若是你沒有App，那麼你可讓你的實習生將你的網站打包成一個禁用安全策略的Webview，而後發佈它！

實施「不跟蹤」策略

如今許多現代瀏覽器都支持一個叫作dnt的HTTP頭，它表明「不跟蹤」。這個HTTP頭意味着用戶不想被跟蹤，不幸的是，在一些瀏覽器中(好比Brave)，這個HTTP頭會默認開啓。

可是，不要擔憂，由於一切都不會失去！咱們發現，大多數用戶會在出現提示時禁用這個HTTP頭。所以爲了處理此問題，咱們建議提供一個指南，引用用戶禁用這個HTTP頭。

建議：不要在指南上出現引導用戶禁用dnt的提示，由於這樣轉換率很是低。

實施cookie策略

贊成使用cookie是會讓用戶感到困惑的，雖然在大多數狀況下合理使用cookie並不須要贊成，但最好提示用戶贊成，這樣咱們就能夠跟蹤全部內容，而且沒必要擔憂後果。

提示：即便咱們不須要cookie，也不要在沒有啓用cookie的狀況下給用戶提供頁面。由於這意味着咱們只能跟蹤少許的我的信息，也就只能銷售少許的用戶信息。

阻止廣告屏蔽程序

廣告屏蔽程序處處都是，這可能真的會損害你的利潤。因此要明確的阻止廣告屏蔽程序。

Chrome正着手阻止廣告屏蔽，所以，若是用戶使用像Brave這樣的瀏覽器，咱們就能夠宣稱用戶的瀏覽器不夠現代。

建議：不要向任何人提起Brave瀏覽器（基於Chromium，內置廣告屏幕程序的瀏覽器）

屏蔽非美國國家和設備

在咱們徹底弄清楚Cupcake nations, GDPR, link taxes 和 the Huwaei ban以前，咱們最好把他們都屏蔽了，這樣能夠避免一切責任。

提示：你能夠的。。

最大化你的佈局

800像素寬的佈局時代已經一去不復返了。現代顯示器每每是寬屏的，因此要確保在佈局中充分利用整個寬度。

提示：研究代表，沒法關閉的對話框表現會更好。

使用通知

現代瀏覽器支持通知，所以啓用通知是必須的。做爲兜底，它還自動向用戶訂閱時事通信、短信通知和/或電子郵件通知。

提示：當有新的App版本發佈時，可使用通知告知用戶。

提示用戶

有時用戶會忘記他們能夠註冊，必定要按期提示他們，並提供一個突出的註冊連接或按鈕。

提示：當用戶即將離開網站或鼠標光標離開網站時，也能夠提示用戶。

容許用戶選擇退出

很重要的一點是，咱們對用戶友好，不會干擾到用戶。因此咱們必須讓用戶能夠退出咱們不間斷的提示和對話框。

這裏的最佳實踐是將選擇退出設置放在一個用戶很容易發現的地方-一般這是在一個「賬戶首選項」頁面中。

使用JavaScript

衆所周知，全部的站點都須要JavaScript。

雖然你可能會想，"哦，這只是純文本和一些模式"。可是將來呢？到那個時候，我向你保證，會有愈來愈多的模式。到時候，你將會後悔沒有作網站的同構，沒有使用最新的框架，沒有將網站運行在serverless服務上。

建議：不要使用JavaScript渲染頁面。

寫在後面

做者的吐槽能夠說是十分生動形象了，哈哈哈。我比較關注的是Brave瀏覽器。試了一下，確實挺牛逼。反 tracking，反 cookie 和反 ads。Brave瀏覽器的做者是JavaScript之父。

---