?譯者 | 布加迪

審校 | 孫淑娟

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

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

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

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

1、MotionUI

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

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

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

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

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

2、移動(dòng)優(yōu)先的Web開(kāi)發(fā)

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

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

3、技術(shù)和Web 3.0

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

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

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

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

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

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

Web開(kāi)發(fā)人員多半常常添加網(wǎng)站不需要的未經(jīng)優(yōu)化的動(dòng)畫(huà)和代碼行。即使在網(wǎng)速最快的情況下，這些都會(huì)影響加載時(shí)間，并損害網(wǎng)站的轉(zhuǎn)換能力。單頁(yè)應(yīng)用程序是下一個(gè)Web開(kāi)發(fā)階段的核心部分，因?yàn)樗鼈兙哂薪鉀Q這個(gè)問(wèn)題的獨(dú)特能力。

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

5、基于AI的聊天機(jī)器人

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

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

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

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

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

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

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

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