2020年，網站設計的趨勢有哪些？什么樣的網站可以起到很好的效果？ 以下總結了幾點網站或網頁設計的趨勢，對于跨境電商獨立站來說，有一定的啟發。

1. 算法設計

算法可以幫助網頁設計師騰出時間去創造新的事物。Design systems International的創始人Mart in Bravo表示，定制工具與系統創建應當齊頭并進。

這些工具可以自動增強設計過程，同時保持設計師的創造力。這樣的好處就是，設計師可以擺脫一些條條框框，騰出時間和精力專注于創意方面，設計用傳統工具無法創造的系統。

Martin和他的商業伙伴Rune Madsen是編程設計系統一書的作者，他們認為并不是所有的東西都必須用Photoshop、InDesign或Figma這樣的工具來創建。設計師可以將傳統工具與特定的工具相結合，使團隊能夠更快地工作，獲得更好的結果。

2. 思辨設計

《新冒險》的設計師兼總監Simon Collison認為，網絡將不再是一個開放的空間，可以進行視覺和交互創新。因此，我們應當跳出舒適區，轉向創新設計，為未來思維提供新的主題。

如果設計能夠得到良好發展，它將為未來提供很多東西。思辨性設計極富想象力，是我們發現新東西的機會。

與網頁設計對自助式設計系統的依賴不同，思辨式設計是要求我們向外看，要具有創新性和開拓性。設計師者需要聽取其他人的意見。

隨著越來越多的設計師涉足這一領域，“貴族化”的思辨性設計就有可能出現，人們擔憂這一領域會被誤解，像設計思維一樣被包裝，被廉價化、商品化。

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

3.瀏覽器中的機器學習

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

除了瀏覽器具有高度分布、高度交互的特性外，運行機器學習客戶端還有其他好處。

Eleanor 指出：“對應用程序開發人員來說，這是一項較為輕松的工作，因為他們不必處理用戶數據。此外，不向服務器端發送用戶數據也考慮到了隱私方面，這對于處理敏感數據尤其重要。”

4. 讓網頁對用戶使用環境做出反應

搭建網站很快，網站可以根據用戶的設備、環境或輸入做出反應。

前端開發人員Mandy Michael一直在嘗試一系列新的傳感器api，這些api能夠利用設備定向和語音識別等在網頁上創建新功能。她最喜歡的是環境光傳感器，她認為2020年，環境光傳感器一定會被更多人所熟知。

Mandy解釋說：“環境光傳感器可以應用在手機、筆記本電腦和電視等各種設備中。可以用來感知室內的環境光線。比如在低光環境中調暗屏幕亮度，以減少對眼睛的壓力。”

該API還可以在網頁上創建更具沉浸感和吸引力的模式，與用戶所在房間的當前光線級別有關。用戶讓文字在弱光下更好閱讀。

5. 可持續性設計

設計的可持續性在幾年前首次出現在榜單上，之后它的發展勢頭就越來越大，部分原因是像反抗滅絕之類的的運動興起。

WordPress agency Wholegrain Digital的高級開發人員、可持續網絡宣言的撰稿人Jerome Toole說：“在過去的一年里，公眾對氣候變化的參與度越來越高，大多數行業都在采取措施減輕氣候變化帶來的災難性影響。網絡制造商也意識到，網絡行業是一個大量消耗能源的行業。有人預測，到2030年，信息技術和通信技術將會占能源消耗的8%至21%，所以，網絡行業的人有責任在設計和實施過程中將能源問題考慮在內。”

數據傳輸失控的罪魁禍首是未壓縮的超大圖像、復雜的外部腳本和視頻自動播放。從用戶體驗的角度來看，如果頁面數據過大，那么加載延遲就十分重要，這樣可以極大地減少服務器負載。

但讓更多的客戶意識到這一問題是一個挑戰，只有更多人意識到了這個問題，設計師才能向開發商申請。

6. 跨服合作

我們生活在一個充滿干擾的世界里，各種各樣的網站和應用程序都在爭奪著用戶的注意力。最大限度地利用用戶在數字產品上花費的時間變得越來越困難，也越來越重要。

2019年，在一些規模較大的發布會上，大型公司開始提供一些其他合作項目：蘋果與信貸和銀行合作，谷歌與醫療保健合作等。這些公司看到了用戶的需求，探索了新的設計領域。

2020年，這些跨服合作的機會將會更多，比如銀行和就業部門、房地產搜索引擎和抵押貸款機構、約會應用程序和餐廳預訂系統等。

這些合作的關鍵是如何與用戶實時互動。這些公司應當通過使用、轉換、刪除和基本的頁面分析，來探究這一問題。進一步的探究則需要用戶參與，反饋使用感受。

2020年將是用戶研究的重要一年。大公司和小公司需要進行研究，才能獲得投資回報。

7. 構建普惠網絡

Truematter的負責人Dean Schuster表示，殘疾人可訪問的網絡構建已經持續了幾年，并且有望在2020年取得重大突破。

Dean指出，2019年，美國最高法院支持，所有網站都應當符合W3C的網頁內容無障礙指南AA標準。

網站必須照顧到需要屏幕閱讀器或不能使用鼠標的用戶。按照WCAG AA標準進行測試。但一個網站僅僅符合規范并不意味著它就對殘疾人友好。最好還是邀請殘疾人實際測試。

8. 包容性設計

無障礙和包容性設計也越來越關注神經多樣性和認知障礙。在這些領域的設計可能很難，因為殘疾，即使非常普遍的是更隱蔽，需要更難以理解。然而，當你設計產品的即時性（見上文）和短暫的注意廣度，你也改善了用戶體驗的人與條件，如多動癥。因此，到2020年，我們將更多地考慮用戶的情緒，為盡可能多的人改善體驗

用戶體驗和感官設計顧問Alastair Somerville解釋說：“人們在做某件事的預期中的感受，或者他們在做這件事時的感受，會影響我們設計交互的方式。情感是創造意義和采取行動的核心。關鍵問題是當它們限制用戶認知時：當記憶和心理模型在交互時刻變得不可訪問時，似乎顯而易見的事情變得不可想象?！?/p>

Alastair建議在交互設計和信息架構方面提供明確的方向。他認為，我們應該幫助用戶尋找需求。

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

9.  隱私保護

網絡設計與技術工作室的創始人Chris Shiflett認為，保護隱私對于在一個越來越不信任和不穩定的網絡中建立信任至關重要。

他認為，雖然大型科技公司長期濫用隱私，但隨著消費者變得越來越聰明謹慎，這種伎倆馬上就會不再適用。

萬維網創始人Tim Berners Lee構建了一份網絡合約，幫助政府和公司保護人們的在線數據和隱私。20世紀90年代人們也曾經制定過一個隱私計劃。

作為互聯網的創造者，應該使用這些指南來指導項目。從Fathom Analytics到Commento，越來越多的工具在幫助人們改進這一點。

另一方面，用戶應當使用和支持能夠保護隱私的工具，比如Firefox、Keybase和privacy Not Included。

10. 降低JavaScript使用頻率

2017年的榜單就曾預測“JavaScript將會越來越多”，果不其然，JavaScript現在無處不在。它創造了豐富的交互體驗，并為整個網頁應用程序提供了動力。

技術搜索引擎優化顧問Jamie Alberico表示，用戶的收件箱里塞滿了JavaScript廠商，兜售特定的JavaScript來監控、個性化和測試內容。一些知名網站試圖改變游戲規則。但所有這些小工具都無法解決這個問題：JavaScript正在衰落。

主人不會歡迎不禮貌的客人。軟件就像是被邀請到用戶設備里的客人，如果表現不好，主人可并不會再次邀請。也就是說，用戶體驗快速提高的網站一定會取代有一定基礎，但是進展緩慢的網站。

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

11. 構建靜態網頁

JAMstack（代表JavaScript、api和標記）現在是一個熱門話題。

Patterson Agency的前端技術負責人 Debbie O’Brien認為，靜態網站聽起來像是過去的東西，建立一個簡單的網站，不能有任何動態的東西。但是靜態可以是新的動態。Nuxt、Gridsome、Next、Gatsby、Eleventy等框架讓我們可以像構建動態頁面一樣開發，但實際上可以生成為靜態頁面。

Debbie 解釋說，api對動態內容起著關鍵作用。它們使我們能夠添加許多內容，比如身份驗證、支付方法等，甚至調用headless cms，這使得靜態網頁表現得與動態頁面一樣。

這樣既可以獲得交互性和動態站點出色的性能，特別是靜態網頁可以托管在Netlify和Zeit等靜態托管服務上。并且托管靜態網頁是免費的。

12. Headless架構

Headless架構，即前端表示層與站點后端數據層分離的思想。這意味著內容可以通過網頁服務或API從數據庫傳遞到任何前端框架中。

Headless架構越來越受歡迎，因為monolith解決方案對源代碼和技術路線圖的控制更少，startup Bumped的高級前端工程師Heidi Olsen解釋道，這可能會影響到長期支持平臺的技術資源。Monolith解決方案還經常使用資源密集型插件和未優化的腳本，也會影響頁面加載和網站速度。

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

13. 大科技互動

Rob Ford的《網絡設計：1990年數字世界的演變》一書中提出了網絡設計的時間軸。今天，人們需要考慮到2020年最佳的網絡設計到底意味著什么。如今絕大多數網站都采用模板，因為人們希望能夠快速訪問信息。

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

網絡將去向何方

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