?譯者 | 布加迪

審校 | 孫淑娟

互聯(lián)網(wǎng)一直處于不斷進(jìn)化的狀態(tài)。如果不關(guān)注Web開發(fā)的未來并做出相應(yīng)的調(diào)整，互聯(lián)網(wǎng)企業(yè)的經(jīng)營者很難繼續(xù)取得成功。

三十多年前，大多數(shù)人還無法想象移動設(shè)備在互聯(lián)網(wǎng)用戶當(dāng)中的接受程度。現(xiàn)在有多達(dá)43.2億用戶通過手機訪問互聯(lián)網(wǎng)，這使得眾多開發(fā)人員和公司在搭建網(wǎng)站時把移動響應(yīng)視為首要任務(wù)。

在未來幾年，互聯(lián)網(wǎng)必然會變得更加難以識別，互聯(lián)網(wǎng)用戶的行為模式也將如此。為了幫助您靈活應(yīng)對，我們將探討Web開發(fā)的未來，并詳細(xì)介紹公司用來應(yīng)對變化的Web開發(fā)趨勢。您還會發(fā)現(xiàn)如何給自己定位，從這些趨勢中受益匪淺。

本文介紹的大多數(shù)趨勢歸入這兩個類別：功能類和視覺類。前一類趨勢直接涉及影響網(wǎng)站可用性和功能，后一類趨勢涉及網(wǎng)站的外觀訴求。

1、MotionUI

十多年前，許多開發(fā)人員普遍認(rèn)為最好保持網(wǎng)站“不雜亂”。這里的雜亂是指對于在低端計算機上維護(hù)網(wǎng)站的速度和可訪問性毫無必要的媒體文件和花哨的動畫，低端計算機在處理大量信息時原本常常遇到麻煩。

這種觀點如今仍然合理。您經(jīng)常會發(fā)現(xiàn)最簡可行產(chǎn)品（MVP）只提供最基本的要求來運行其產(chǎn)品，直到它們獲得合理的資金來實現(xiàn)想法。

然而在比較老牌的公司中，我們看到它們從乏味的靜態(tài)網(wǎng)站向基于MotionUI的基礎(chǔ)而建的網(wǎng)站轉(zhuǎn)變。提供獨特動畫集成和組件的CSS轉(zhuǎn)換和獨立庫使這成為了可能。在未來幾年，這個趨勢可能由Web開發(fā)未來的另一個前沿變成任何開發(fā)人員工作的常規(guī)部分。

即使在今天的網(wǎng)站上，也有MotionUI的一些痕跡。一些網(wǎng)站主要將其用于簡單的外觀功能，比如顯示滑動圖像和文本。與許多建立在Webflow平臺上的網(wǎng)站一樣，其他網(wǎng)站也將MotionUI作為其開發(fā)的基礎(chǔ)，交互式組件及其他此類微妙的功能一應(yīng)俱全。

雖然部署MotionUI可能并不總是能顯著提升網(wǎng)站功能，但它可能通過改善外觀設(shè)計來幫助留住用戶。在密切關(guān)注這一趨勢之前，不妨考慮開發(fā)流程的效率。可以通過選擇合適的Web開發(fā)框架來實現(xiàn)這一點。否則，您可能會發(fā)現(xiàn)自己耗費更多的資源來建立一個花哨的網(wǎng)站。

2、移動優(yōu)先的Web開發(fā)

之前，我們提到了數(shù)量驚人的互聯(lián)網(wǎng)用戶通過移動設(shè)備訪問網(wǎng)站。僅憑這一統(tǒng)計數(shù)據(jù)，可以說移動優(yōu)先的網(wǎng)站創(chuàng)建不再是Web開發(fā)的未來，而是已經(jīng)出現(xiàn)在面前了。但是，這個概念可能有局限性，因為它只考慮了移動開發(fā)諸多細(xì)節(jié)中的一小部分。當(dāng)然，移動響應(yīng)和應(yīng)用程序速度已經(jīng)取而代之，而且只會越來越重要。但除此之外，我們還見證了移動網(wǎng)站開發(fā)方面的幾個變化。一個例子是生物特征身份驗證（比如指紋掃描和人臉識別），以訪問銀行應(yīng)用程序和消息傳遞平臺等敏感帳戶。

這在筆記本電腦/桌面電腦用戶中并不常見，如今在移動端也得到采用。另一個移動優(yōu)先網(wǎng)站創(chuàng)建的例子是，使用位置數(shù)據(jù)為用戶提供高度個性化的體驗。這之所以成為可能，是由于普通的手機用戶在手機上比在電腦上更有可能打開位置。

3、技術(shù)和Web 3.0

這個趨勢比較復(fù)雜，但也是最值得關(guān)注的趨勢之一，如果您正考慮以Web開發(fā)為業(yè)更是如此。它最初始于21世紀(jì)初，當(dāng)時加密貨幣出現(xiàn)在互聯(lián)網(wǎng)上。當(dāng)時，幾乎所有了解區(qū)塊鏈的人都持懷疑態(tài)度或漠不關(guān)心，那些不了解區(qū)塊鏈的人懶得去了解區(qū)塊鏈到底是怎么回事。

相比之下，今天全球近8000萬人在積極使用區(qū)塊鏈錢包。除了個人用戶外，許多大國的政府對區(qū)塊鏈技術(shù)及相關(guān)概念也明顯感興趣起來，日本、中國、瑞士和英國就是幾個典例。

區(qū)塊鏈技術(shù)很可能在未來的Web開發(fā)中扮演更重要的角色，考慮到它的好處，這不足為奇。如果使用得當(dāng)，區(qū)塊鏈技術(shù)可提供真正的可跟蹤性和透明度，增加了安全性（特別是在事務(wù)副本由不同節(jié)點持有的情況下），并通過自動化加快了速度。

政府和公司要想真正獲得關(guān)鍵項目方面的這些好處，就需要技能嫻熟的開發(fā)人員。因此，可以說區(qū)塊鏈將是Web開發(fā)未來的一個關(guān)鍵角色。

4、單頁應(yīng)用程序（SPA）

自互聯(lián)網(wǎng)誕生以來，普通用戶對速度的渴望一直有增無減。在2019年Unbounce的一項調(diào)查中，約70%的買家承認(rèn)，頁面速度影響了他們在線上零售商店的購買決定。為了速度和效率，您可以編程設(shè)計有多個頁面的網(wǎng)站，但并不總是這樣。

Web開發(fā)人員多半常常添加網(wǎng)站不需要的未經(jīng)優(yōu)化的動畫和代碼行。即使在網(wǎng)速最快的情況下，這些都會影響加載時間，并損害網(wǎng)站的轉(zhuǎn)換能力。單頁應(yīng)用程序是下一個Web開發(fā)階段的核心部分，因為它們具有解決這個問題的獨特能力。

與多頁面網(wǎng)站不同，SPA一次加載整個網(wǎng)站，讓用戶可以導(dǎo)航到同一頁面上的特定內(nèi)容，而不需要重新加載。Web開發(fā)人員使用AJAX和HTML5來保持SPA方面的響應(yīng)性。除了SPA速度快外，它還有另外幾個好處，包括易于導(dǎo)航、相對輕松的調(diào)試以及較低的跳出率。

5、基于AI的聊天機器人

普通B2C企業(yè)主面臨的主要問題之一是，客戶服務(wù)人員與客戶的比例嚴(yán)重失衡。也就是說，沒有足夠的人來響應(yīng)每個客戶的需求，同時還要維持企業(yè)運轉(zhuǎn)。從理論上講，這可能是一個好主意，因為這可能帶來一定程度的秩序和協(xié)調(diào)。

但實際上，將客戶限制在單一平臺上可能不是好主意。在AI聊天機器人誕生之初，許多公司將這類工具定位于解決這一問題的方案。但是一些人提出了這個問題：AI聊天機器人反應(yīng)太呆板，最終毫無幫助。考慮到AI聊天機器人無法解決復(fù)雜的客戶問題，這不足為奇。此外，還存在這個問題：AI聊天機器人只能識別特定的單詞和語音模式。

今天，我們看到網(wǎng)站上人工智能客服代表的質(zhì)量在不斷提高。比如說，一些電子商務(wù)聊天機器人可以幫助解決從回答查詢到訂單履行的一切問題。還有一些可以與第三方社交網(wǎng)站（比如Instagram、Facebook和WhatsApp Messenger）以及客戶與品牌互動的其他應(yīng)用無縫集成。在未來幾年，AI聊天機器人一定會成為Web開發(fā)的游戲規(guī)則改變者，尤其是對B2C公司而言。

6、關(guān)注Web開發(fā)趨勢，迎接成功

值得一提的是，Web開發(fā)的未來在不斷變化。除此之外，本文并非旨在詳盡列出未來幾年Web開發(fā)領(lǐng)域的全部趨勢。

因此，在做出任何決定之前，您須先了解哪個趨勢與自己密切相關(guān)、哪些對您的客戶最有幫助，以及如果要做出任何變更的話，成本是多少。另外，要確保正確落實了變更。

不是您網(wǎng)站的每個部分都需要MotionUI。此外，如果用戶可能通過手機在您的網(wǎng)站上瀏覽大量時間，您可能只需要暗模式（dark mode）。這時，最好在您的博客子網(wǎng)站上實現(xiàn)暗模式。找到適合您的方法，并相應(yīng)地實施。

原文鏈接：https://hackernoon.com/the-future-of-web-development-5-things-to-expect-in-the-next-decade