網(wǎng)絡(luò)在2019年已滿30歲。在過去的三十年中，它改變了我們的世界，這是其他任何技術(shù)都沒有的。它使我們有能力建立我們從未想過的經(jīng)驗(yàn)。作為創(chuàng)建者蒂姆·伯納斯·李（Tim Berners-Lee）的誕辰紀(jì)念日，他說：“網(wǎng)絡(luò)已經(jīng)變成了公共廣場(chǎng)，圖書館，醫(yī)生辦公室，商店，學(xué)校，設(shè)計(jì)工作室，辦公室，電影院，銀行，還有更多。”
但是不幸的是，網(wǎng)絡(luò)的許多負(fù)面影響也已經(jīng)發(fā)展，這是任何人都無(wú)法預(yù)料的。與往常一樣，強(qiáng)大的力量伴隨著巨大的責(zé)任-2020年，更多的設(shè)計(jì)師和開發(fā)人員將這一點(diǎn)銘記在心，并專注于修復(fù)Web。
提供全方位服務(wù)的創(chuàng)意機(jī)構(gòu)上野（Ueno）的創(chuàng)始人兼設(shè)計(jì)總監(jiān)Haraldur Thorleifsson嘆息道： “我們之所以出售網(wǎng)絡(luò)，是因?yàn)樗梢允刮覀儓F(tuán)結(jié)在一起。“但我認(rèn)為它在許多方面都相反。我們之間的聯(lián)系越來越少，越來越孤立。我們已經(jīng)消除了所有的情感，只專注于功能方面，我擔(dān)心，如果我們不放松，它將導(dǎo)致我們不斷走下更糟的道路。我的希望是，我們可以使人們重新回到網(wǎng)絡(luò)上，并且它將開始真正兌現(xiàn)最初使我們所有人如此興奮的承諾。”
我的希望是，我們可以增加對(duì)網(wǎng)絡(luò)的感覺，并且網(wǎng)絡(luò)將開始真正兌現(xiàn)最初使我們所有人如此興奮的承諾。
哈拉杜爾·索里??夫森
對(duì)于今年的年度趨勢(shì)，我們將探討設(shè)計(jì)和開發(fā)方面的進(jìn)展，這些進(jìn)展將有助于建立更好的網(wǎng)站，無(wú)論是進(jìn)一步創(chuàng)造力還是實(shí)施道德規(guī)范。同時(shí)，我們著眼于最先進(jìn)的技術(shù)和流程，這些技術(shù)和流程將幫助您建立在繁忙且始終保持聯(lián)系的世界中脫穎而出并引起用戶注意的體驗(yàn)。
我們還在本文底部提供了2019年以來的Web設(shè)計(jì)趨勢(shì)預(yù)測(cè)，因此您可以了解這些年份的比較情況以及我們的預(yù)測(cè)結(jié)果。向前跳以閱讀它們。
通過Shopify合作伙伴計(jì)劃發(fā)展您的業(yè)務(wù)
無(wú)論您提供市場(chǎng)營(yíng)銷，定制服務(wù)還是網(wǎng)站設(shè)計(jì)和開發(fā)服務(wù)，Shopify合作伙伴計(jì)劃都將助您成功。免費(fèi)加入并獲得收益共享的機(jī)會(huì)，發(fā)展業(yè)務(wù)的工具以及充滿激情的商業(yè)社區(qū)。
1.算法設(shè)計(jì)
設(shè)計(jì)越來越自動(dòng)化。但是，這并不意味著網(wǎng)頁(yè)設(shè)計(jì)師已經(jīng)過時(shí)了。算法可以幫助我們騰出一些時(shí)間，因此我們可以花更多的錢進(jìn)行創(chuàng)意。
“我們一直有興趣在最近的一個(gè)想法是利用這齊頭并進(jìn)與創(chuàng)建標(biāo)識(shí)系統(tǒng)的自定義工具，解釋說：” 馬丁·布拉沃，創(chuàng)始人設(shè)計(jì)系統(tǒng)國(guó)際，在設(shè)計(jì)的交叉和運(yùn)行的技術(shù)設(shè)計(jì)工作室軟件。
這些工具具有通過使某些方面自動(dòng)化而使其他方面對(duì)設(shè)計(jì)師的創(chuàng)造力開放的潛力來增強(qiáng)設(shè)計(jì)過程。這種組合的方法具有雙重好處：使設(shè)計(jì)師擺脫了跟蹤指南的負(fù)擔(dān)，釋放了時(shí)間和精力讓他們專注于創(chuàng)意方面，也使我們?cè)O(shè)??計(jì)了無(wú)法用傳統(tǒng)工具執(zhí)行的系統(tǒng)。”
這種結(jié)合的方法具有雙重好處，即使設(shè)計(jì)師擺脫了跟蹤指南的負(fù)擔(dān)，從而釋放了時(shí)間和精力讓他們專注于創(chuàng)新方面。
馬丁·布拉沃（MartínBravo）
馬丁和他的商業(yè)伙伴Rune Madsen是免費(fèi)閱讀的數(shù)字書籍《編程設(shè)計(jì)系統(tǒng)》的作者，他指出，并非必須使用Photoshop，InDesign或Figma之類的工具來創(chuàng)建所有內(nèi)容。相反，我們可以設(shè)計(jì)將傳統(tǒng)工具與定制的，特定于項(xiàng)目的工具相結(jié)合的工作流，從而使團(tuán)隊(duì)能夠更快地工作并獲得更好的結(jié)果。
例如，當(dāng)二人在智利圣地亞哥的一個(gè)新的電子音樂場(chǎng)所從事標(biāo)識(shí)項(xiàng)目時(shí)，他們?yōu)闋I(yíng)銷團(tuán)隊(duì)構(gòu)建了一個(gè)定制生成器，以快速設(shè)計(jì)使用其新品牌系統(tǒng)的促銷資產(chǎn)。它可以在所有應(yīng)用程序中保持一致性，并減輕設(shè)計(jì)人員的負(fù)擔(dān)，使其專注于品牌的創(chuàng)意方面。
網(wǎng)站設(shè)計(jì)趨勢(shì)：圖稿生成器
基于網(wǎng)絡(luò)的電子音樂場(chǎng)所Noa Noa的自定義圖稿生成器使設(shè)計(jì)師能夠在短時(shí)間內(nèi)創(chuàng)建數(shù)百種營(yíng)銷資產(chǎn)。
2.投機(jī)設(shè)計(jì)
對(duì)于面向未來的數(shù)字設(shè)計(jì)會(huì)議New Adventures的設(shè)計(jì)師兼總監(jiān)Simon Collison來說，Web不再像是一個(gè)開放的空間，可以進(jìn)行大膽的視覺和互動(dòng)創(chuàng)意。因此，他正在超越自己的舒適范圍，轉(zhuǎn)向投機(jī)性設(shè)計(jì)和能啟發(fā)未來思維的主題。
他解釋說：“這種興趣使我相信，如果設(shè)計(jì)愿意負(fù)責(zé)任地發(fā)展，那么它將為未來提供很大的幫助。” “投機(jī)性設(shè)計(jì)是富有想象力的研究，是設(shè)計(jì)假設(shè)性破壞的機(jī)會(huì)，以及在我們發(fā)現(xiàn)新信號(hào)和新敘事的假設(shè)條件下的機(jī)會(huì)。如果未來不確定，那么我們必須推測(cè)。”
對(duì)于Simon來說，這種方法是開放的。“代替網(wǎng)頁(yè)設(shè)計(jì)當(dāng)前對(duì)自助式設(shè)計(jì)系統(tǒng)的癡迷，投機(jī)性設(shè)計(jì)朝外尋找生活系統(tǒng)。這項(xiàng)工作既具有創(chuàng)新性，又具有開拓性，但也具有包容性-從業(yè)者渴望聆聽和學(xué)習(xí)可能受益于新技術(shù)或受其折磨的人們。我最近參加了在馬德里舉行的以期貨為中心的會(huì)議，大多數(shù)發(fā)言者都參考了涉及普通百姓和不同社區(qū)的案例研究。這是進(jìn)入不確定性的更符合道德和包容性的途徑；以目的為導(dǎo)向的項(xiàng)目，可以減輕傷害并改善生活。”
這是進(jìn)入不確定性的更符合道德和包容性的途徑；以目的為導(dǎo)向的項(xiàng)目，可能減輕傷害并改善生活。
西蒙·科里森
西蒙承認(rèn)，隨著越來越多的設(shè)計(jì)師涉足并可能“夸大”投機(jī)設(shè)計(jì)，該領(lǐng)域存在合理的關(guān)注，它像設(shè)計(jì)思維一樣被誤解，廉價(jià)化，包裝化和商品化。但是，作為前藝術(shù)家，他被這種跨學(xué)科的實(shí)踐所吸引。
他解釋說：“它為數(shù)字和數(shù)據(jù)從業(yè)人員提供了一個(gè)新的開放式空間，可以與藝術(shù)家，建筑師，作家，演員等進(jìn)行協(xié)作。” “這為新體驗(yàn)提供了原型，可為有價(jià)值的對(duì)話提供信息，其中每個(gè)人都是利益相關(guān)者，尤其是那些將使用或受新技術(shù)影響的人。這是一項(xiàng)包容性創(chuàng)新，可以盡早發(fā)現(xiàn)問題，并在造成危害之前突出意外后果。這就是我們將道德規(guī)范付諸實(shí)踐的方式，如果認(rèn)真執(zhí)行，這項(xiàng)工作可能只會(huì)使世界變得更好。”
以下視頻中的項(xiàng)目設(shè)想了電動(dòng)汽車的智能充電站，該項(xiàng)目說明了為什么投機(jī)性工作對(duì)于減輕危害和盡早實(shí)施道德有幫助：
3.瀏覽器中的機(jī)器學(xué)習(xí)
在2019年，圍繞機(jī)器學(xué)習(xí)的炒作很多，但它逐漸但穩(wěn)步地進(jìn)入了前端開發(fā)領(lǐng)域。埃莉諾Haproff ，開發(fā)人員和機(jī)器學(xué)習(xí)愛好者，筆記如何庫(kù)，如TensorFlow.js和Brain.js取得了運(yùn)行機(jī)器學(xué)習(xí)在瀏覽器中成為現(xiàn)實(shí)?，F(xiàn)在，您可以在瀏覽器中訓(xùn)練模型，重新訓(xùn)練現(xiàn)有模型或運(yùn)行預(yù)先訓(xùn)練的模型。
她發(fā)現(xiàn)：“瀏覽器是使用機(jī)器學(xué)習(xí)的好地方。” “它非常易于訪問，可在所有設(shè)備上使用，并且與攝像機(jī)，麥克風(fēng)，GPS，文本，鼠標(biāo)輸入等的訪問具有高度的交互性。這些輸入的數(shù)據(jù)可以通過機(jī)器學(xué)習(xí)模型運(yùn)行，以增強(qiáng)應(yīng)用程序并添加新功能。”
由Eleanor與Asim Hussain和Osama Jandali共同構(gòu)建的aijs.rocks網(wǎng)站展示了許多有趣且富有創(chuàng)造力的應(yīng)用程序，它們?cè)跒g覽器中運(yùn)行機(jī)器學(xué)習(xí)，例如Deep Drum來生成連續(xù)的鼓模式，以及Teachable Machine，您可以在其中教機(jī)器識(shí)別圖像并播放聲音。
除了瀏覽器的高度分布式，高度交互性之外，在客戶端運(yùn)行機(jī)器學(xué)習(xí)還有其他好處。
Eleanor指出：“對(duì)于應(yīng)用程序開發(fā)人員而言，這無(wú)需花太多時(shí)間，因?yàn)樗麄儾槐靥幚碛脩魯?shù)據(jù)處理。” “例如，這個(gè)明確的內(nèi)容檢查應(yīng)用直接在用戶設(shè)備上查看內(nèi)容。而且，不向服務(wù)器端發(fā)送用戶數(shù)據(jù)對(duì)隱私具有重要意義，這對(duì)于處理敏感數(shù)據(jù)（例如以健康為中心的應(yīng)用程序）尤其重要。”
另外，不向服務(wù)器端發(fā)送用戶數(shù)據(jù)對(duì)隱私具有重要意義，這對(duì)于處理敏感數(shù)據(jù)（例如以健康為重點(diǎn)的應(yīng)用程序）尤其重要。
埃莉諾·哈普洛夫（Eleanor Haproff）
Eleanor建議探索可通過TensorFlow.js獲得并可以通過CDN加載的許多預(yù)訓(xùn)練模型。還要檢查她的CodePen，它將數(shù)據(jù)從設(shè)備的相機(jī)傳遞到稱為“ MobileNet”的圖像檢測(cè)模型，并輸出可以識(shí)別的內(nèi)容：
4.使網(wǎng)站響應(yīng)用戶的情況
我們可以很快建立一個(gè)網(wǎng)站，該網(wǎng)站可以根據(jù)用戶的設(shè)備，環(huán)境或輸入做出反應(yīng)和響應(yīng)，無(wú)論是出于娛樂目的還是提高可用性和可訪問性。
前端開發(fā)人員Mandy Michael一直在嘗試一系列新的傳感器API，這些API使我們能夠利用設(shè)備定位和語(yǔ)音識(shí)別等功能在網(wǎng)絡(luò)上創(chuàng)建新的，有用的，令人興奮的體驗(yàn)。她最喜歡的是環(huán)境光傳感器（目前在Google Chrome中受支持），她預(yù)測(cè)到2020年我們會(huì)看到更多的傳感器。
“環(huán)境光傳感器可以在手機(jī)，筆記本電腦和電視等各種設(shè)備中找到，” Mandy解釋說。“它用于感應(yīng)房間中的環(huán)境光量。一個(gè)常見的用例是在弱光環(huán)境下調(diào)暗屏幕亮度，以減輕眼睛疲勞。”
首先，Mandy建議先創(chuàng)建一個(gè)新實(shí)例，該實(shí)例將使我們能夠訪問“ AmbientLightSensor”對(duì)象，然后再使用“ onReading”事件處理程序從傳感器的“ illuminance”屬性中獲取讀數(shù)。例如：
如果 （ 'AmbientLightSensor' 在 窗口 ） {
const sensor = 新的 AmbientLightSensor （）；
傳感器。onreading = （） => {
如果 （ 傳感器。照度 < 20 ） {
元素。風(fēng)格。setProperty （'--bg' ， 'black'）;
} 其他 {
元件。風(fēng)格。setProperty （'--bg' ， 'blue'）;
}
} ;
傳感器。開始（）;
}
查看原始GitHub 托管于?的ambient-light-simple-demo.js
該API還可以用于根據(jù)用戶所在房間的當(dāng)前光照水平在網(wǎng)絡(luò)上創(chuàng)建更具沉浸性和吸引力的故事講述。或者您可以提高低光照下文本的可讀性。在以下示例中，使用可變字體根據(jù)檢測(cè)到的光量更改字體粗細(xì)。
5.可持續(xù)性設(shè)計(jì)
可持續(xù)的用戶體驗(yàn)和設(shè)計(jì)是幾年前首次出現(xiàn)在我們的榜單上的，但是自那以后，它的發(fā)展勢(shì)頭迅猛，這在一定程度上要?dú)w功于《滅絕叛亂》之類的運(yùn)動(dòng)。
“在過去的一年中，這似乎是氣候變化的公眾參與，終于變得越來越普遍，大多數(shù)行業(yè)現(xiàn)在似乎正在采取措施，以減輕災(zāi)難性影響，”發(fā)現(xiàn)杰羅姆·圖爾，在WordPress的機(jī)構(gòu)高級(jí)開發(fā)人員全麥數(shù)字和貢獻(xiàn)者在可持續(xù)發(fā)展的網(wǎng)絡(luò)宣言。
“網(wǎng)絡(luò)制造商還意識(shí)到，他們掌握著一個(gè)不斷發(fā)展，渴望能源的行業(yè)的束縛。預(yù)報(bào)員預(yù)測(cè)，到2030年，信息和通信技術(shù)可能占能源消耗的8％至21％，因此，提供網(wǎng)絡(luò)產(chǎn)品的任何人都有責(zé)任在其設(shè)計(jì)和實(shí)施中考慮能源的使用。”
提供Web產(chǎn)品的任何人都有責(zé)任在其設(shè)計(jì)和實(shí)現(xiàn)中考慮能耗。
杰羅姆·圖爾
Jerome警告說，失控?cái)?shù)據(jù)傳輸?shù)淖畲笞锟準(zhǔn)资沁^大和未壓縮的圖像、,腫的外部腳本以及自動(dòng)播放視頻。從UX和環(huán)境的角度來看，如果頁(yè)面上有很多資產(chǎn)，則使用延遲加載至關(guān)重要。在后端，緩存可以極大地減少服務(wù)器負(fù)載。”
Jerome指出，下一個(gè)重大挑戰(zhàn)是讓更多的客戶意識(shí)到這一問題，以便他們要求開發(fā)商提供低碳網(wǎng)站，并要求托管服務(wù)提供商提供可再生能源。
網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)：碳計(jì)算器
Wholegrain Digital創(chuàng)建了一個(gè)碳計(jì)算器，用于估算網(wǎng)站的碳排放。有關(guān)該工具第2版的詳細(xì)信息，請(qǐng)參見Jerome的博客文章。
您可能還會(huì)喜歡： 可持續(xù)用戶體驗(yàn)：設(shè)計(jì)師如何幫助對(duì)環(huán)境產(chǎn)生積極影響。
6.即時(shí)性設(shè)計(jì)和用戶研究的興起
我們生活在一個(gè)充滿干擾的世界中，無(wú)休止的網(wǎng)站和應(yīng)用流爭(zhēng)奪我們的注意力。學(xué)習(xí)如何抓住并保持這種注意力，以及最大限度地增加用戶在我們的數(shù)字產(chǎn)品上花費(fèi)的時(shí)間，正變得越來越困難，但在最佳網(wǎng)站設(shè)計(jì)中就越來越重要。
2020年，網(wǎng)頁(yè)設(shè)計(jì)師需要解決時(shí)，這些需求發(fā)生的情況下用戶的迫切需求，”建議UX研究員維克多Yocco，作者的思維設(shè)計(jì)。“我看到這種情況以幾種方式發(fā)生。首先，使用位置或其他上下文數(shù)據(jù)來浮現(xiàn)與用戶所發(fā)生的事情有關(guān)的體驗(yàn)。其次，在綜合經(jīng)驗(yàn)中，跨行業(yè)提供服務(wù)的增加。為了有效地設(shè)計(jì)即時(shí)性，將更加關(guān)注用戶研究。”
2020年，網(wǎng)頁(yè)設(shè)計(jì)師需要在用戶需求出現(xiàn)時(shí)解決他們的迫切需求
維克多·約科（Victor Yocco）
舉例來說，維克多（Victor）指出了2019年的一些大型發(fā)布活動(dòng)，大型公司開始提供附加服務(wù)：具有信貸和銀行業(yè)務(wù)的蘋果，谷歌在醫(yī)療保健領(lǐng)域的合作以及Facebook將約會(huì)服務(wù)推向美國(guó)市場(chǎng)。這些公司探索了新的設(shè)計(jì)領(lǐng)域，因?yàn)樗麄儼l(fā)現(xiàn)有機(jī)會(huì)在需要時(shí)向用戶提供產(chǎn)品或服務(wù)。
Victor預(yù)測(cè)，到2020年，這些跨服務(wù)合作伙伴關(guān)系和機(jī)會(huì)將更多，例如銀行和工作，房地產(chǎn)搜索引擎和抵押貸款人，約會(huì)應(yīng)用程序和餐廳預(yù)訂系統(tǒng)。
他認(rèn)為：“關(guān)鍵在于這些體驗(yàn)如何與用戶實(shí)時(shí)互動(dòng)。” “它們無(wú)縫嗎？他們?cè)谡_的時(shí)間交付嗎？要知道這一點(diǎn)，我們將看到關(guān)鍵用戶研究的持續(xù)擴(kuò)展。Analytics（分析）可以通過使用，轉(zhuǎn)換，刪除和基本頁(yè)面統(tǒng)計(jì)信息來告訴我們部分故事。仍然需要定性研究來告訴我們用戶如何需要我們產(chǎn)品的故事?；蛘撸绻麄冞@樣做的話。”
因此，2020年將是用戶研究的重要一年。大小公司將承擔(dān)專門研究人員的角色，以提供合理的投資回報(bào)。
網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)：蘋果信用卡
蘋果聲稱其服務(wù)將因其易用性，費(fèi)用低廉和每日現(xiàn)金返還而徹底改變信用卡。
7.無(wú)障礙進(jìn)入主流
用戶體驗(yàn)設(shè)計(jì)策略師，用戶體驗(yàn)和網(wǎng)站設(shè)計(jì)機(jī)構(gòu)truematter的負(fù)責(zé)人Dean Schuster預(yù)測(cè)，使殘疾人可以訪問網(wǎng)絡(luò)已經(jīng)持續(xù)了幾年，但它有望在2020年實(shí)現(xiàn)重大突破。
“在2019年，美國(guó)最高法院維持了所有站點(diǎn)都符合W3C的Web內(nèi)容可訪問性指南（WCAG） AA標(biāo)準(zhǔn)的想法，” Dean指出。“這意味著必須使所有人都能使用網(wǎng)站。”
對(duì)于使用屏幕閱讀器或不容易使用鼠標(biāo)的用戶，網(wǎng)站現(xiàn)在必須正常工作。要建立WCAG AA標(biāo)準(zhǔn)，需要對(duì)規(guī)范進(jìn)行測(cè)試，但是還需要技巧和理解。僅僅因?yàn)橐粋€(gè)站點(diǎn)符合規(guī)范并不意味著它容易為視力低下或身體有缺陷的人使用。與往常一樣，Dean建議，最好是與真實(shí)用戶（在這種情況下為殘疾人）測(cè)試工作。
他建議：“現(xiàn)在是Web設(shè)計(jì)師和開發(fā)人員使網(wǎng)站真正可用的時(shí)候了。” “在美國(guó)，這已不再是一種選擇，而是一項(xiàng)法律要求。這意味著網(wǎng)絡(luò)專業(yè)人員也必須成為可訪問性專家。這種過渡已經(jīng)開始，并將在2020年加速。”
現(xiàn)在是Web設(shè)計(jì)人員和開發(fā)人員使網(wǎng)站真正可用的時(shí)候了。
迪恩·舒斯特
網(wǎng)站設(shè)計(jì)趨勢(shì)：輔助功能演示
Dean的代理商truematter在UX Columbia舉行的可訪問性演示，演示了各種可訪問性工具的工作原理。
您可能還會(huì)喜歡： 通用設(shè)計(jì)：11個(gè)實(shí)用技巧，使您的網(wǎng)站和應(yīng)用程序更易于訪問。
8.考慮到認(rèn)知差異的設(shè)計(jì)
無(wú)障礙獲取和包容性設(shè)計(jì)也越來越關(guān)注神經(jīng)多樣性和認(rèn)知障礙。這些方面的設(shè)計(jì)可能很困難，因?yàn)闅埣踩耍词购芷毡椋┮哺[蔽并且需要更難理解。但是，當(dāng)您設(shè)計(jì)用于即時(shí)性（請(qǐng)參見上文）和關(guān)注時(shí)間跨度較短的產(chǎn)品時(shí)，也會(huì)改善患有ADHD等疾病的人的用戶體驗(yàn)。因此，在2020年，我們將更多地考慮用戶的情緒，以改善盡可能多的人的體驗(yàn)。
UX和感官設(shè)計(jì)顧問Alastair Somerville解釋說：“人們對(duì)做某事的期望或做事的感覺會(huì)影響我們?cè)O(shè)計(jì)交互的方式。” 情感是意義制定和采取行動(dòng)的核心。關(guān)鍵問題是當(dāng)他們限制用戶認(rèn)知時(shí)：隨著交互過程中記憶和思維模型變得不可訪問，似乎顯而易見的事情變得不可想象。”
人們?cè)谄诖瞿呈聲r(shí)的感受或做事時(shí)的感受會(huì)影響我們?cè)O(shè)計(jì)交互的方式。
阿拉斯泰爾·薩默維爾
Alastair建議在交互設(shè)計(jì)和信息架構(gòu)中提供明確的方向，因?yàn)槟＠鈨煽珊瓦x擇過多會(huì)產(chǎn)生壓力。
他建議：“幫助用戶提出問題，問自己想要做的事情。” “確保引起情緒的通知采取明確的措施。如果沒有提供下一步，請(qǐng)不要引起注意。”
使多動(dòng)癥患者更容易獲得信息的其他技巧包括：通過在懸停圖標(biāo)上添加文本標(biāo)簽來突出顯示重要內(nèi)容，包裝文本而不是將其截?cái)啵褂眠\(yùn)動(dòng)增強(qiáng)理解并讓人們自己定制體驗(yàn)。
在Inclusive Design 24中觀看Elizabeth Schafer關(guān)于此主題的演講：
9.隱私保護(hù)
網(wǎng)站設(shè)計(jì)和技術(shù)工作室Faculty的創(chuàng)始人克里斯·希弗萊特（Chris Shiflett）認(rèn)為，保護(hù)隱私對(duì)于在日益不信任和動(dòng)蕩的網(wǎng)絡(luò)上建立信任至關(guān)重要。
他發(fā)現(xiàn)：“盡管大型科技公司濫用隱私已有一段時(shí)間，但隨著消費(fèi)者變得越來越聰明和警惕，我們正受到關(guān)注。” “就解決方案而言，GDPR是一個(gè)良好的開端，但仍有許多工作要做。”
在解決方案方面，GDPR是一個(gè)良好的開端，但仍有大量工作要做。
克里斯·史弗萊特
克里斯（Chris）建議檢查一下Web合同，其中萬(wàn)維網(wǎng)的創(chuàng)建者蒂姆·伯納斯·李（Tim Berners-Lee）在其中創(chuàng)建了框架，以幫助政府和公司尊重和保護(hù)人們的在線隱私和數(shù)據(jù)。另一個(gè)值得參考的框架是“ 隱私設(shè)計(jì)”，最初是在1990年代制定的。
克里斯說：“作為互聯(lián)網(wǎng)的創(chuàng)造者，我們應(yīng)該使用此類指南來指導(dǎo)我們自己的項(xiàng)目。” “有前途的工具來幫助我們做到這一點(diǎn)，從不斷增長(zhǎng)的少數(shù)深淵分析到Commento。”
克里斯（Chris）的工作室Faculty還創(chuàng)建了一份文檔，概述了那些為網(wǎng)絡(luò)構(gòu)建者的良好工作標(biāo)準(zhǔn)。
另一方面，作為消費(fèi)者，克里斯建議使用并支持以隱私為中心的工具，例如Firefox（包括其多帳戶容器），Keybase和不包含隱私，這是Mozilla提供的有關(guān)安全的，可與互聯(lián)網(wǎng)連接的產(chǎn)品的指南。
網(wǎng)站設(shè)計(jì)趨勢(shì)：網(wǎng)絡(luò)合同
Web合同包括公司尊重和保護(hù)人們的隱私和個(gè)人數(shù)據(jù)以建立在線信任的原則。
您可能還會(huì)喜歡： 在電子商務(wù)網(wǎng)站和應(yīng)用程序上建立信任的10種方法。
10.更少的JavaScript
在2017年的清單中，我們預(yù)測(cè)“甚至?xí)懈嗟腏avaScript”，實(shí)際上JavaScript現(xiàn)在無(wú)處不在。它創(chuàng)造了豐富的交互式體驗(yàn)，并為整個(gè)Web應(yīng)用程序提供了強(qiáng)大的動(dòng)力。但是，越來越多的人越來越負(fù)責(zé)任地使用JavaScript，只有在必要時(shí)才使用JavaScript，因?yàn)檫@會(huì)影響性能。
SEO技術(shù)顧問Jamie Alberico解釋說：“您的收件箱中有很多供應(yīng)商在宣傳使用JavaScript解決方案來監(jiān)視，個(gè)性化和測(cè)試您的內(nèi)容選項(xiàng)的產(chǎn)品。” “我與知名網(wǎng)站合作，在那里購(gòu)買了每一個(gè)尖端的鈴鐺和改變游戲規(guī)則的哨子。所有這些小工具都無(wú)法解決問題：JavaScript的decade廢。”
Jamie指出JavaScript是您網(wǎng)站上最昂貴的資源，并且比喻說依靠decade廢的JavaScript功能在客戶端上執(zhí)行有效，并將decade廢放在用戶的標(biāo)簽上。
她警告說：“無(wú)禮的客人很快就受到歡迎。” “我們是受邀使用用戶設(shè)備的客人，因此無(wú)法保證會(huì)再次邀請(qǐng)。依靠提供快速的，以用戶為中心的體驗(yàn)的網(wǎng)站將取代緩慢而成熟的網(wǎng)站。”
依靠提供快速的，以用戶為中心的體驗(yàn)的網(wǎng)站將取代緩慢的市場(chǎng)。
杰米·阿爾貝里科（Jamie Alberico）
杰米（Jamie）認(rèn)為，有些網(wǎng)站會(huì)將JavaScript歸咎于一切邪惡的根源，但試圖將JavaScript淘汰掉可能是“錯(cuò)誤的喜劇”，并且可能直到2021年才投入生產(chǎn)。其他網(wǎng)站將翻倍并添加更多內(nèi)容。監(jiān)視和測(cè)試其網(wǎng)站的JavaScript。
杰米預(yù)測(cè)：“ 2020年設(shè)計(jì)的最大贏家將是那些優(yōu)先回答用戶意圖的人。” “我們可以通過在重要時(shí)刻加載重要內(nèi)容來實(shí)現(xiàn)這一目標(biāo)。”
觀看Stuart Langridge的演講，內(nèi)容可能不像您被告知的那么多：
11.靜態(tài)站點(diǎn)
該JAMstack（其代表JavaScript，API和標(biāo)記）是眼下的一個(gè)熱門話題。但這不僅是靜態(tài)網(wǎng)站的幻想嗎？
“靜態(tài)站點(diǎn)聽起來像是我們正在倒退，建立簡(jiǎn)單的站點(diǎn)，沒有任何動(dòng)態(tài)。” Patterson Agency的前端技術(shù)負(fù)責(zé)人，Vue School的老師Debbie O'Brien承認(rèn)。“但是靜態(tài)是新的動(dòng)態(tài)。多虧了Nuxt，Gridsome，Next，Gatsby，Eleventy等框架，我們可以像構(gòu)建單頁(yè)應(yīng)用程序一樣進(jìn)行開發(fā)，但實(shí)際上是將頁(yè)面生成為靜態(tài)頁(yè)面。”
Debbie解釋說API對(duì)于動(dòng)態(tài)內(nèi)容起著關(guān)鍵作用。它們使我們能夠添加從身份驗(yàn)證到付款方式的所有內(nèi)容，甚至可以調(diào)用無(wú)頭CMS（請(qǐng)參見下文），這使靜態(tài)網(wǎng)站與單頁(yè)應(yīng)用程序一樣動(dòng)態(tài)。
“這意味著我們將兩全其美”，黛比解釋說。“我們獲得了交互性和動(dòng)態(tài)站點(diǎn)以及出色的性能，特別是因?yàn)榭梢詫㈧o態(tài)站點(diǎn)托管在Netlify和Vercel等靜態(tài)托管服務(wù)上。哦，我有提到成本優(yōu)惠嗎？托管靜態(tài)站點(diǎn)是免費(fèi)的，因?yàn)槟恍枰?wù)器！”
哦，我有提到成本優(yōu)惠嗎？托管靜態(tài)站點(diǎn)是免費(fèi)的，因?yàn)槟恍枰?wù)器！
黛比·奧布萊恩（Debbie O'Brien）
Debbie認(rèn)為JAMstack是提高網(wǎng)站性能的關(guān)鍵，并指出，即使Google Chrome瀏覽器也在投入時(shí)間和金錢，以確保靜態(tài)網(wǎng)站生成器不受影響。
觀看Debbie在來自JAMstack Conf舊金山的靜態(tài)站點(diǎn)上的演講：
您可能還會(huì)喜歡： 如何使用JAMstack構(gòu)建快速而安全的網(wǎng)站。
12.無(wú)頭建筑
與JAMstack相關(guān)的是無(wú)頭架構(gòu)，即將前端表示層與站點(diǎn)的后端數(shù)據(jù)層分離的想法。這意味著內(nèi)容是通過Web服務(wù)或API從數(shù)據(jù)庫(kù)傳遞到您喜歡的任何前端框架的。
“無(wú)頭方法正變得越來越流行，因?yàn)檎w解決方案提供了對(duì)源代碼和技術(shù)路線圖的更少控制，” 新興公司Bumped的資深前端工程師Heidi Olsen解釋說，她正在幫助建立一個(gè)設(shè)計(jì)系統(tǒng)來彌合本機(jī)之間的差距。和DOM。“這可能會(huì)對(duì)尋找技術(shù)資源以長(zhǎng)期支持該平臺(tái)產(chǎn)生影響。Monolith解決方案還經(jīng)常使用資源密集型插件和未優(yōu)化的腳本，這會(huì)影響頁(yè)面加載和網(wǎng)站速度。”
2020網(wǎng)站制作中13個(gè)必然的趨勢(shì) 除了可以完全控制網(wǎng)站的構(gòu)建方式之外，您還可以從一個(gè)數(shù)據(jù)源跨多個(gè)渠道提供內(nèi)容。Heidi指出，這些渠道可以包括您的網(wǎng)站，博客，電子郵件，推送，SMS甚至是移動(dòng)應(yīng)用程序。這可以幫助緩解內(nèi)容不一致的情況，并可以使針對(duì)全球市場(chǎng)的本地化內(nèi)容的工作量減小。
“您應(yīng)該選擇斷開Web應(yīng)用程序的耦合并采取無(wú)腦的方法，您需要從要說的內(nèi)容入手，而不是要如何呈現(xiàn)它，” Heidi建議。“問誰(shuí)是您的受眾群體，他們需要什么內(nèi)容，以及可以通過哪些渠道吸引他們。這將幫助您了解所需的服務(wù)，從而可以構(gòu)建穩(wěn)定，可擴(kuò)展的后端。”
如果您選擇斷開Web應(yīng)用程序的耦合并采取無(wú)腦的方法，則需要從要說的內(nèi)容開始，而不是要如何展示它。
海蒂·奧爾森（Heidi Olsen）
從WebCamp Zagreb觀看Heidi關(guān)于無(wú)頭架構(gòu)和網(wǎng)站未來的演講：
13.與大技術(shù)的互動(dòng)
羅布·福特（Rob Ford）的著作《網(wǎng)絡(luò)設(shè)計(jì)：1990年當(dāng)今數(shù)字世界的演變》中提出的網(wǎng)絡(luò)設(shè)計(jì)時(shí)間表最終導(dǎo)致需要考慮到2020年最佳網(wǎng)絡(luò)設(shè)計(jì)的真正含義。羅伯發(fā)現(xiàn)絕大多數(shù)網(wǎng)站采用模板樣式。 ，以適應(yīng)需求驅(qū)動(dòng)的世界，人們期望以快速且可識(shí)別的格式訪問信息。
他指出：“在某些方面，Instagram是當(dāng)今的網(wǎng)站，許多人都需要它。” “但是，我們絕對(duì)會(huì)看到尖端微型站點(diǎn)的回歸。但是下一個(gè)大趨勢(shì)仍然不是在臺(tái)式機(jī)上，也不是在移動(dòng)設(shè)備上，而是在與大型技術(shù)的人機(jī)交互中：無(wú)論是大型設(shè)備，逃生室還是AR世界。”
但是下一個(gè)大趨勢(shì)仍然不是在臺(tái)式機(jī)上，也不是在移動(dòng)設(shè)備上，而是在與大型技術(shù)的人機(jī)交互中：無(wú)論是大型安裝，逃生室還是AR世界。
羅伯·福特
羅布（Rob）認(rèn)為，品牌不再需要?jiǎng)?chuàng)建出色的網(wǎng)站，因?yàn)檫@種情況正在其他地方發(fā)生，因此他擔(dān)心該網(wǎng)站將長(zhǎng)期保持千篇一律，一些微小的細(xì)分受眾群從現(xiàn)在和現(xiàn)在偶爾的出色網(wǎng)絡(luò)體驗(yàn)中受益然后。
網(wǎng)站設(shè)計(jì)趨勢(shì)：盡我所能
PUMA在上海最繁忙的地區(qū)之一安裝了Run My Way設(shè)備：路人走上跑步機(jī)，通過三個(gè)虛擬環(huán)境為自己的定制化身供電。
網(wǎng)絡(luò)的下一步是什么？
隨著網(wǎng)絡(luò)的成熟，我們作為設(shè)計(jì)人員和開發(fā)人員必須對(duì)使用它承擔(dān)更多責(zé)任。趨勢(shì)不僅涉及只有特權(quán)用戶才能訪問的最新框架或沉浸式3D體驗(yàn)。它涉及趨勢(shì)如何適應(yīng)整體情況，以及我們?nèi)绾螢楸M可能多的用戶（盡可能多的用戶）改善體驗(yàn)。本文顯示了自動(dòng)化，機(jī)器學(xué)習(xí)，包容性設(shè)計(jì)和用戶研究中的一些令人興奮的趨勢(shì)，以及超越了短暫的視覺設(shè)計(jì)趨勢(shì)的諸如投機(jī)設(shè)計(jì)之類的方法。我們希望至少其中一些趨勢(shì)會(huì)在未來12個(gè)月內(nèi)產(chǎn)生影響，以便我們可以構(gòu)建所需的網(wǎng)絡(luò)。
