2020年，網(wǎng)站設(shè)計(jì)的趨勢(shì)有哪些？什么樣的網(wǎng)站可以起到很好的效果？ 以下總結(jié)了幾點(diǎn)網(wǎng)站或網(wǎng)頁設(shè)計(jì)的趨勢(shì)，對(duì)于跨境電商獨(dú)立站來說，有一定的啟發(fā)。

1. 算法設(shè)計(jì)

算法可以幫助網(wǎng)頁設(shè)計(jì)師騰出時(shí)間去創(chuàng)造新的事物。Design systems International的創(chuàng)始人Mart in Bravo表示，定制工具與系統(tǒng)創(chuàng)建應(yīng)當(dāng)齊頭并進(jìn)。

這些工具可以自動(dòng)增強(qiáng)設(shè)計(jì)過程，同時(shí)保持設(shè)計(jì)師的創(chuàng)造力。這樣的好處就是，設(shè)計(jì)師可以擺脫一些條條框框，騰出時(shí)間和精力專注于創(chuàng)意方面，設(shè)計(jì)用傳統(tǒng)工具無法創(chuàng)造的系統(tǒng)。

Martin和他的商業(yè)伙伴Rune Madsen是編程設(shè)計(jì)系統(tǒng)一書的作者，他們認(rèn)為并不是所有的東西都必須用Photoshop、InDesign或Figma這樣的工具來創(chuàng)建。設(shè)計(jì)師可以將傳統(tǒng)工具與特定的工具相結(jié)合，使團(tuán)隊(duì)能夠更快地工作，獲得更好的結(jié)果。

2. 思辨設(shè)計(jì)

《新冒險(xiǎn)》的設(shè)計(jì)師兼總監(jiān)Simon Collison認(rèn)為，網(wǎng)絡(luò)將不再是一個(gè)開放的空間，可以進(jìn)行視覺和交互創(chuàng)新。因此，我們應(yīng)當(dāng)跳出舒適區(qū)，轉(zhuǎn)向創(chuàng)新設(shè)計(jì)，為未來思維提供新的主題。

如果設(shè)計(jì)能夠得到良好發(fā)展，它將為未來提供很多東西。思辨性設(shè)計(jì)極富想象力，是我們發(fā)現(xiàn)新東西的機(jī)會(huì)。

與網(wǎng)頁設(shè)計(jì)對(duì)自助式設(shè)計(jì)系統(tǒng)的依賴不同，思辨式設(shè)計(jì)是要求我們向外看，要具有創(chuàng)新性和開拓性。設(shè)計(jì)師者需要聽取其他人的意見。

隨著越來越多的設(shè)計(jì)師涉足這一領(lǐng)域，“貴族化”的思辨性設(shè)計(jì)就有可能出現(xiàn)，人們擔(dān)憂這一領(lǐng)域會(huì)被誤解，像設(shè)計(jì)思維一樣被包裝，被廉價(jià)化、商品化。

思辨性設(shè)計(jì)為數(shù)字從業(yè)者提供了一個(gè)新的空間，與藝術(shù)家、建筑師、作家、演員等進(jìn)行合作。在每個(gè)人都是利益相關(guān)者的情況下，創(chuàng)造有價(jià)值的合作。這是一種包容性的創(chuàng)新，能及早發(fā)現(xiàn)問題，并在造成危害之前預(yù)測(cè)出后果。如果認(rèn)真開展這項(xiàng)工作，世界可能會(huì)變得更美好。

3.瀏覽器中的機(jī)器學(xué)習(xí)

2019年媒體大肆宣傳機(jī)器學(xué)習(xí)，機(jī)器學(xué)習(xí)也逐漸進(jìn)入了前端開發(fā)的世界。開發(fā)人員和機(jī)器學(xué)習(xí)愛好者Eleanor Haproff指出，“瀏覽器很適合用來進(jìn)行機(jī)器學(xué)習(xí)，瀏覽器容易訪問、可以在所有設(shè)備上工作、并且與攝像頭、麥克風(fēng)、GPS、文本、鼠標(biāo)輸入等高度匹配。這些數(shù)據(jù)都可以通過機(jī)器學(xué)習(xí)模型運(yùn)行，增強(qiáng)應(yīng)用程序，添加新功能?！?/p>

除了瀏覽器具有高度分布、高度交互的特性外，運(yùn)行機(jī)器學(xué)習(xí)客戶端還有其他好處。

Eleanor 指出：“對(duì)應(yīng)用程序開發(fā)人員來說，這是一項(xiàng)較為輕松的工作，因?yàn)樗麄儾槐靥幚碛脩魯?shù)據(jù)。此外，不向服務(wù)器端發(fā)送用戶數(shù)據(jù)也考慮到了隱私方面，這對(duì)于處理敏感數(shù)據(jù)尤其重要?！?/p>

4. 讓網(wǎng)頁對(duì)用戶使用環(huán)境做出反應(yīng)

搭建網(wǎng)站很快，網(wǎng)站可以根據(jù)用戶的設(shè)備、環(huán)境或輸入做出反應(yīng)。

前端開發(fā)人員Mandy Michael一直在嘗試一系列新的傳感器api，這些api能夠利用設(shè)備定向和語音識(shí)別等在網(wǎng)頁上創(chuàng)建新功能。她最喜歡的是環(huán)境光傳感器，她認(rèn)為2020年，環(huán)境光傳感器一定會(huì)被更多人所熟知。

Mandy解釋說：“環(huán)境光傳感器可以應(yīng)用在手機(jī)、筆記本電腦和電視等各種設(shè)備中?？梢杂脕砀兄覂?nèi)的環(huán)境光線。比如在低光環(huán)境中調(diào)暗屏幕亮度，以減少對(duì)眼睛的壓力?！?/p>

該API還可以在網(wǎng)頁上創(chuàng)建更具沉浸感和吸引力的模式，與用戶所在房間的當(dāng)前光線級(jí)別有關(guān)。用戶讓文字在弱光下更好閱讀。

5. 可持續(xù)性設(shè)計(jì)

設(shè)計(jì)的可持續(xù)性在幾年前首次出現(xiàn)在榜單上，之后它的發(fā)展勢(shì)頭就越來越大，部分原因是像反抗滅絕之類的的運(yùn)動(dòng)興起。

WordPress agency Wholegrain Digital的高級(jí)開發(fā)人員、可持續(xù)網(wǎng)絡(luò)宣言的撰稿人Jerome Toole說：“在過去的一年里，公眾對(duì)氣候變化的參與度越來越高，大多數(shù)行業(yè)都在采取措施減輕氣候變化帶來的災(zāi)難性影響。網(wǎng)絡(luò)制造商也意識(shí)到，網(wǎng)絡(luò)行業(yè)是一個(gè)大量消耗能源的行業(yè)。有人預(yù)測(cè)，到2030年，信息技術(shù)和通信技術(shù)將會(huì)占能源消耗的8%至21%，所以，網(wǎng)絡(luò)行業(yè)的人有責(zé)任在設(shè)計(jì)和實(shí)施過程中將能源問題考慮在內(nèi)?！?/p>

數(shù)據(jù)傳輸失控的罪魁禍?zhǔn)资俏磯嚎s的超大圖像、復(fù)雜的外部腳本和視頻自動(dòng)播放。從用戶體驗(yàn)的角度來看，如果頁面數(shù)據(jù)過大，那么加載延遲就十分重要，這樣可以極大地減少服務(wù)器負(fù)載。

但讓更多的客戶意識(shí)到這一問題是一個(gè)挑戰(zhàn)，只有更多人意識(shí)到了這個(gè)問題，設(shè)計(jì)師才能向開發(fā)商申請(qǐng)。

6. 跨服合作

我們生活在一個(gè)充滿干擾的世界里，各種各樣的網(wǎng)站和應(yīng)用程序都在爭(zhēng)奪著用戶的注意力。最大限度地利用用戶在數(shù)字產(chǎn)品上花費(fèi)的時(shí)間變得越來越困難，也越來越重要。

2019年，在一些規(guī)模較大的發(fā)布會(huì)上，大型公司開始提供一些其他合作項(xiàng)目：蘋果與信貸和銀行合作，谷歌與醫(yī)療保健合作等。這些公司看到了用戶的需求，探索了新的設(shè)計(jì)領(lǐng)域。

2020年，這些跨服合作的機(jī)會(huì)將會(huì)更多，比如銀行和就業(yè)部門、房地產(chǎn)搜索引擎和抵押貸款機(jī)構(gòu)、約會(huì)應(yīng)用程序和餐廳預(yù)訂系統(tǒng)等。

這些合作的關(guān)鍵是如何與用戶實(shí)時(shí)互動(dòng)。這些公司應(yīng)當(dāng)通過使用、轉(zhuǎn)換、刪除和基本的頁面分析，來探究這一問題。進(jìn)一步的探究則需要用戶參與，反饋使用感受。

2020年將是用戶研究的重要一年。大公司和小公司需要進(jìn)行研究，才能獲得投資回報(bào)。

7. 構(gòu)建普惠網(wǎng)絡(luò)

Truematter的負(fù)責(zé)人Dean Schuster表示，殘疾人可訪問的網(wǎng)絡(luò)構(gòu)建已經(jīng)持續(xù)了幾年，并且有望在2020年取得重大突破。

Dean指出，2019年，美國(guó)最高法院支持，所有網(wǎng)站都應(yīng)當(dāng)符合W3C的網(wǎng)頁內(nèi)容無障礙指南AA標(biāo)準(zhǔn)。

網(wǎng)站必須照顧到需要屏幕閱讀器或不能使用鼠標(biāo)的用戶。按照WCAG AA標(biāo)準(zhǔn)進(jìn)行測(cè)試。但一個(gè)網(wǎng)站僅僅符合規(guī)范并不意味著它就對(duì)殘疾人友好。最好還是邀請(qǐng)殘疾人實(shí)際測(cè)試。

8. 包容性設(shè)計(jì)

無障礙和包容性設(shè)計(jì)也越來越關(guān)注神經(jīng)多樣性和認(rèn)知障礙。在這些領(lǐng)域的設(shè)計(jì)可能很難，因?yàn)闅埣?，即使非常普遍的是更隱蔽，需要更難以理解。然而，當(dāng)你設(shè)計(jì)產(chǎn)品的即時(shí)性（見上文）和短暫的注意廣度，你也改善了用戶體驗(yàn)的人與條件，如多動(dòng)癥。因此，到2020年，我們將更多地考慮用戶的情緒，為盡可能多的人改善體驗(yàn)

用戶體驗(yàn)和感官設(shè)計(jì)顧問Alastair Somerville解釋說：“人們?cè)谧瞿臣碌念A(yù)期中的感受，或者他們?cè)谧鲞@件事時(shí)的感受，會(huì)影響我們?cè)O(shè)計(jì)交互的方式。情感是創(chuàng)造意義和采取行動(dòng)的核心。關(guān)鍵問題是當(dāng)它們限制用戶認(rèn)知時(shí)：當(dāng)記憶和心理模型在交互時(shí)刻變得不可訪問時(shí)，似乎顯而易見的事情變得不可想象?！?/p>

Alastair建議在交互設(shè)計(jì)和信息架構(gòu)方面提供明確的方向。他認(rèn)為，我們應(yīng)該幫助用戶尋找需求。

讓ADHD患者更容易獲得信息的其他技巧包括：通過在懸停圖標(biāo)上添加文本標(biāo)簽來突出顯示重要內(nèi)容，使用運(yùn)動(dòng)增強(qiáng)理解等，并讓人們自己選擇需要的功能 。

9.  隱私保護(hù)

網(wǎng)絡(luò)設(shè)計(jì)與技術(shù)工作室的創(chuàng)始人Chris Shiflett認(rèn)為，保護(hù)隱私對(duì)于在一個(gè)越來越不信任和不穩(wěn)定的網(wǎng)絡(luò)中建立信任至關(guān)重要。

他認(rèn)為，雖然大型科技公司長(zhǎng)期濫用隱私，但隨著消費(fèi)者變得越來越聰明謹(jǐn)慎，這種伎倆馬上就會(huì)不再適用。

萬維網(wǎng)創(chuàng)始人Tim Berners Lee構(gòu)建了一份網(wǎng)絡(luò)合約，幫助政府和公司保護(hù)人們的在線數(shù)據(jù)和隱私。20世紀(jì)90年代人們也曾經(jīng)制定過一個(gè)隱私計(jì)劃。

作為互聯(lián)網(wǎng)的創(chuàng)造者，應(yīng)該使用這些指南來指導(dǎo)項(xiàng)目。從Fathom Analytics到Commento，越來越多的工具在幫助人們改進(jìn)這一點(diǎn)。

另一方面，用戶應(yīng)當(dāng)使用和支持能夠保護(hù)隱私的工具，比如Firefox、Keybase和privacy Not Included。

10. 降低JavaScript使用頻率

2017年的榜單就曾預(yù)測(cè)“JavaScript將會(huì)越來越多”，果不其然，JavaScript現(xiàn)在無處不在。它創(chuàng)造了豐富的交互體驗(yàn)，并為整個(gè)網(wǎng)頁應(yīng)用程序提供了動(dòng)力。

技術(shù)搜索引擎優(yōu)化顧問Jamie Alberico表示，用戶的收件箱里塞滿了JavaScript廠商，兜售特定的JavaScript來監(jiān)控、個(gè)性化和測(cè)試內(nèi)容。一些知名網(wǎng)站試圖改變游戲規(guī)則。但所有這些小工具都無法解決這個(gè)問題：JavaScript正在衰落。

主人不會(huì)歡迎不禮貌的客人。軟件就像是被邀請(qǐng)到用戶設(shè)備里的客人，如果表現(xiàn)不好，主人可并不會(huì)再次邀請(qǐng)。也就是說，用戶體驗(yàn)快速提高的網(wǎng)站一定會(huì)取代有一定基礎(chǔ)，但是進(jìn)展緩慢的網(wǎng)站。

有些網(wǎng)站會(huì)認(rèn)為JavaScript是萬惡之源，但把JavaScript去掉顯然是不可能的，而且完成這一步可能要到2021年。2020年的最大贏家將是那些優(yōu)先滿足用戶需求的人。

11. 構(gòu)建靜態(tài)網(wǎng)頁

JAMstack（代表JavaScript、api和標(biāo)記）現(xiàn)在是一個(gè)熱門話題。

Patterson Agency的前端技術(shù)負(fù)責(zé)人 Debbie O’Brien認(rèn)為，靜態(tài)網(wǎng)站聽起來像是過去的東西，建立一個(gè)簡(jiǎn)單的網(wǎng)站，不能有任何動(dòng)態(tài)的東西。但是靜態(tài)可以是新的動(dòng)態(tài)。Nuxt、Gridsome、Next、Gatsby、Eleventy等框架讓我們可以像構(gòu)建動(dòng)態(tài)頁面一樣開發(fā)，但實(shí)際上可以生成為靜態(tài)頁面。

Debbie 解釋說，api對(duì)動(dòng)態(tài)內(nèi)容起著關(guān)鍵作用。它們使我們能夠添加許多內(nèi)容，比如身份驗(yàn)證、支付方法等，甚至調(diào)用headless cms，這使得靜態(tài)網(wǎng)頁表現(xiàn)得與動(dòng)態(tài)頁面一樣。

這樣既可以獲得交互性和動(dòng)態(tài)站點(diǎn)出色的性能，特別是靜態(tài)網(wǎng)頁可以托管在Netlify和Zeit等靜態(tài)托管服務(wù)上。并且托管靜態(tài)網(wǎng)頁是免費(fèi)的。

12. Headless架構(gòu)

Headless架構(gòu)，即前端表示層與站點(diǎn)后端數(shù)據(jù)層分離的思想。這意味著內(nèi)容可以通過網(wǎng)頁服務(wù)或API從數(shù)據(jù)庫(kù)傳遞到任何前端框架中。

Headless架構(gòu)越來越受歡迎，因?yàn)閙onolith解決方案對(duì)源代碼和技術(shù)路線圖的控制更少，startup Bumped的高級(jí)前端工程師Heidi Olsen解釋道，這可能會(huì)影響到長(zhǎng)期支持平臺(tái)的技術(shù)資源。Monolith解決方案還經(jīng)常使用資源密集型插件和未優(yōu)化的腳本，也會(huì)影響頁面加載和網(wǎng)站速度。

除了完全控制網(wǎng)站的構(gòu)建方式之外，用戶還可以從一個(gè)數(shù)據(jù)源跨多個(gè)渠道傳送內(nèi)容。海蒂指出，這些渠道包括個(gè)人網(wǎng)站、博客、電子郵件、推送、短信，應(yīng)用程序等。這有助于改善內(nèi)容的不一致性。

13. 大科技互動(dòng)

Rob Ford的《網(wǎng)絡(luò)設(shè)計(jì)：1990年數(shù)字世界的演變》一書中提出了網(wǎng)絡(luò)設(shè)計(jì)的時(shí)間軸。今天，人們需要考慮到2020年最佳的網(wǎng)絡(luò)設(shè)計(jì)到底意味著什么。如今絕大多數(shù)網(wǎng)站都采用模板，因?yàn)槿藗兿Ｍ軌蚩焖僭L問信息。

他指出，在某些方面，Instagram響應(yīng)了許多人的需求。然而尖端微型網(wǎng)站正在回歸。下一個(gè)大趨勢(shì)不是在桌面上，也不是在移動(dòng)設(shè)備上，而是在人類與大科技的互動(dòng)中。

網(wǎng)絡(luò)將去向何方

隨著網(wǎng)絡(luò)的成熟，設(shè)計(jì)師和開發(fā)人員必須對(duì)它的使用負(fù)責(zé)。這不僅僅是構(gòu)造新的框架，或構(gòu)建只有VIP用戶才能訪問的沉浸式3D體驗(yàn)，而是如何融入全局，如何為盡可能多的用戶改善體驗(yàn)。自動(dòng)化、機(jī)器學(xué)習(xí)、包容性設(shè)計(jì)、用戶研究以及超越短暫視覺設(shè)計(jì)趨勢(shì)的思辨性設(shè)計(jì)等方面已經(jīng)有了一些進(jìn)步。希望其中一些能夠在未來12個(gè)月產(chǎn)生影響，建立出大家想要的網(wǎng)絡(luò)。