成都英文企業(yè)網(wǎng)站

2022-07-06 分類(lèi)：網(wǎng)站建設(shè)

成都英文企業(yè)網(wǎng)站 2020年值得關(guān)注的13個(gè)Web設(shè)計(jì)趨勢(shì)網(wǎng)絡(luò)在2019年已滿30歲。在過(guò)去的三十年中，它改變了我們的世界，這是其他任何技術(shù)都沒(méi)有的。它使我們有能力建立我們從未想過(guò)的經(jīng)驗(yàn)。作為創(chuàng)建者蒂姆·伯納斯·李（Tim Berners-Lee）的誕辰紀(jì)念日，他說(shuō)：“網(wǎng)絡(luò)已經(jīng)變成了公共廣場(chǎng)，圖書(shū)館，醫(yī)生辦公室，商店，學(xué)校，設(shè)計(jì)工作室，辦公室，電影院，銀行，還有更多。”

但是不幸的是，網(wǎng)絡(luò)的許多負(fù)面影響也已經(jīng)發(fā)展，這是任何人都無(wú)法預(yù)料的。與往常一樣，強(qiáng)大的力量伴隨著巨大的責(zé)任-2020年，更多的設(shè)計(jì)師和開(kāi)發(fā)人員將這一點(diǎn)銘記在心，并專(zhuān)注于修復(fù)Web。

提供全方位服務(wù)的創(chuàng)意機(jī)構(gòu)上野（Ueno）的創(chuàng)始人兼設(shè)計(jì)總監(jiān)Haraldur Thorleifsson嘆息道： “我們之所以出售網(wǎng)絡(luò)，是因?yàn)榫W(wǎng)絡(luò)將我們團(tuán)結(jié)在一起。“但我認(rèn)為它在許多方面都相反。我們之間的聯(lián)系越來(lái)越少，越來(lái)越孤立。我們已經(jīng)消除了所有的情感，只專(zhuān)注于功能方面，我擔(dān)心，如果我們不放松，它將導(dǎo)致我們不斷走下更糟的道路。我的希望是，我們可以使人們重新回到網(wǎng)絡(luò)上，并且它將開(kāi)始真正兌現(xiàn)最初使我們所有人如此興奮的承諾。”

我的希望是，我們可以使人們重新回到網(wǎng)絡(luò)上，并且它將開(kāi)始真正兌現(xiàn)最初使我們所有人如此興奮的承諾。

哈拉杜爾·索里??夫森

對(duì)于今年的年度趨勢(shì)，我們將探討設(shè)計(jì)和開(kāi)發(fā)方面的進(jìn)展，這些進(jìn)展將有助于建立更好的網(wǎng)站-無(wú)論是進(jìn)一步創(chuàng)造力還是實(shí)施道德規(guī)范。同時(shí)，我們著眼于先進(jìn)的技術(shù)和流程，這些技術(shù)和流程將幫助您建立在繁忙且始終保持聯(lián)系的世界中脫穎而出并引起用戶注意的體驗(yàn)。

我們還在本文底部提供了2019年以來(lái)的Web設(shè)計(jì)趨勢(shì)預(yù)測(cè)，因此您可以了解這些年份的比較情況以及我們的預(yù)測(cè)結(jié)果。向前跳以閱讀它們。

通過(guò)Shopify合作伙伴計(jì)劃發(fā)展您的業(yè)務(wù)

無(wú)論您提供市場(chǎng)營(yíng)銷(xiāo)，定制服務(wù)還是網(wǎng)站設(shè)計(jì)和開(kāi)發(fā)服務(wù)，Shopify合作伙伴計(jì)劃都將助您成功。免費(fèi)加入并獲得收益分享機(jī)會(huì)，發(fā)展業(yè)務(wù)的工具以及充滿激情的商業(yè)社區(qū)。

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

設(shè)計(jì)越來(lái)越自動(dòng)化。但是，這并不意味著網(wǎng)頁(yè)設(shè)計(jì)師已經(jīng)過(guò)時(shí)了。算法可以幫助我們騰出一些時(shí)間，因此我們可以花更多的錢(qián)進(jìn)行創(chuàng)意。

“我們一直有興趣在最近的一個(gè)想法是利用這齊頭并進(jìn)與創(chuàng)建標(biāo)識(shí)系統(tǒng)的自定義工具，解釋說(shuō)：” 馬丁·布拉沃，創(chuàng)始人設(shè)計(jì)系統(tǒng)國(guó)際，在設(shè)計(jì)的交叉和運(yùn)行的技術(shù)設(shè)計(jì)工作室軟件。

成都英文企業(yè)網(wǎng)站這些工具具有通過(guò)使某些方面自動(dòng)化而使其他方面對(duì)設(shè)計(jì)師的創(chuàng)造力開(kāi)放的潛力來(lái)增強(qiáng)設(shè)計(jì)過(guò)程。這種組合的方法具有雙重好處：使設(shè)計(jì)師擺脫了跟蹤指南的負(fù)擔(dān)，釋放了時(shí)間和精力讓他們專(zhuān)注于創(chuàng)新方面，也使我們?cè)O(shè)??計(jì)了無(wú)法使用傳統(tǒng)工具執(zhí)行的系統(tǒng)。”

這種結(jié)合的方法具有雙重好處，即使設(shè)計(jì)師擺脫了跟蹤指南的負(fù)擔(dān)，從而釋放了時(shí)間和精力讓他們專(zhuān)注于創(chuàng)新方面。

馬丁·布拉沃（MartínBravo）

馬丁和他的商業(yè)伙伴Rune Madsen是免費(fèi)閱讀的數(shù)字書(shū)籍《編程設(shè)計(jì)系統(tǒng)》的作者，他指出，并非必須使用Photoshop，InDesign或Figma之類(lèi)的工具來(lái)創(chuàng)建所有內(nèi)容。相反，我們可以設(shè)計(jì)將傳統(tǒng)工具與定制的，特定于項(xiàng)目的工具相結(jié)合的工作流，從而使團(tuán)隊(duì)能夠更快地工作并獲得更好的結(jié)果。

例如，當(dāng)二人在智利圣地亞哥的一個(gè)新的電子音樂(lè)場(chǎng)所從事標(biāo)識(shí)項(xiàng)目時(shí)，他們?yōu)闋I(yíng)銷(xiāo)團(tuán)隊(duì)構(gòu)建了一個(gè)定制生成器，以快速設(shè)計(jì)使用其新品牌系統(tǒng)的促銷(xiāo)資產(chǎn)。它可以在所有應(yīng)用程序中保持一致性，并減輕設(shè)計(jì)人員的負(fù)擔(dān)，使其專(zhuān)注于品牌的創(chuàng)意方面。

網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)：圖稿生成器

用于電子音樂(lè)場(chǎng)所Noa Noa的基于Web的自定義圖稿生成器使設(shè)計(jì)師能夠在短時(shí)間內(nèi)創(chuàng)建數(shù)百種營(yíng)銷(xiāo)資產(chǎn)。

2.投機(jī)設(shè)計(jì)

對(duì)于面向未來(lái)的數(shù)字設(shè)計(jì)會(huì)議New Adventures的設(shè)計(jì)師兼總監(jiān)Simon Collison來(lái)說(shuō)，Web不再像是一個(gè)開(kāi)放的空間，可以進(jìn)行大膽的視覺(jué)和互動(dòng)創(chuàng)意。因此，他正在超越自己的舒適范圍，轉(zhuǎn)向投機(jī)性設(shè)計(jì)和能啟發(fā)未來(lái)思維的主題。

他解釋說(shuō)：“這種興趣使我相信，如果設(shè)計(jì)愿意負(fù)責(zé)任地發(fā)展，它將為未來(lái)提供很大的幫助。” “投機(jī)性設(shè)計(jì)是富有想象力的研究，是設(shè)計(jì)假設(shè)性破壞的機(jī)會(huì)，以及在我們發(fā)現(xiàn)新信號(hào)和新敘事的假設(shè)條件下的機(jī)會(huì)。如果未來(lái)不確定，那么我們必須推測(cè)。”

對(duì)于Simon來(lái)說(shuō)，這種方法是開(kāi)放的。“代替網(wǎng)頁(yè)設(shè)計(jì)當(dāng)前對(duì)自助式設(shè)計(jì)系統(tǒng)的癡迷，投機(jī)性設(shè)計(jì)從外觀上尋找生活系統(tǒng)。這項(xiàng)工作既具有創(chuàng)新性，又具有開(kāi)創(chuàng)性，但也具有包容性-從業(yè)者渴望聆聽(tīng)和學(xué)習(xí)可能受益于新技術(shù)或受其折磨的人們。我最近參加了在馬德里舉行的以期貨為中心的會(huì)議，大多數(shù)發(fā)言者都參考了涉及普通百姓和不同社區(qū)的案例研究。這是進(jìn)入不確定性的更符合道德和包容性的途徑；以目的為導(dǎo)向的項(xiàng)目，可以減輕傷害并改善生活。”

這是進(jìn)入不確定性的更符合道德和包容性的途徑；以目的為導(dǎo)向的項(xiàng)目，可能減輕傷害并改善生活。

西蒙·科里森

西蒙承認(rèn)，隨著越來(lái)越多的設(shè)計(jì)師涉足并可能“夸大”投機(jī)設(shè)計(jì)，該領(lǐng)域存在合理的關(guān)注，它像設(shè)計(jì)思維一樣被誤解，廉價(jià)化，包裝化和商品化。但是作為一名前藝術(shù)家，他被這種跨學(xué)科的實(shí)踐所吸引。

成都英文企業(yè)網(wǎng)站他解釋說(shuō)：“它為數(shù)字和數(shù)據(jù)從業(yè)者提供了一個(gè)新的開(kāi)放式空間，可以與藝術(shù)家，建筑師，作家，演員等進(jìn)行協(xié)作。” “這為新體驗(yàn)提供了原型，可為有價(jià)值的對(duì)話提供信息，其中每個(gè)人都是利益相關(guān)者，尤其是那些將使用或受新技術(shù)影響的人。這是一項(xiàng)包容性創(chuàng)新，可以盡早發(fā)現(xiàn)問(wèn)題，并在造成危害之前突出意外后果。這就是我們將道德規(guī)范付諸實(shí)踐的方式，如果認(rèn)真執(zhí)行，這項(xiàng)工作可能只會(huì)使世界變得更好。”

以下視頻中的項(xiàng)目設(shè)想了電動(dòng)汽車(chē)的智能充電站，該項(xiàng)目說(shuō)明了投機(jī)性工作對(duì)于減輕危害和盡早實(shí)施道德操守有用的原因：

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

2019年圍繞機(jī)器學(xué)習(xí)的炒作很多，但緩慢但穩(wěn)定地進(jìn)入了前端開(kāi)發(fā)領(lǐng)域。埃莉諾Haproff ，開(kāi)發(fā)人員和機(jī)器學(xué)習(xí)愛(ài)好者，筆記如何庫(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í)的好地方。” “它非常易于訪問(wèn)，可在所有設(shè)備上使用，并且與攝像機(jī)，麥克風(fēng)，GPS，文本，鼠標(biāo)輸入等的訪問(wèn)具有高度的交互性。來(lái)自這些輸入的數(shù)據(jù)可以通過(guò)機(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來(lái)生成連續(xù)的鼓模式，以及Teachable Machine，在這里您可以教機(jī)器識(shí)別圖像并播放聲音。

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

Eleanor指出：“對(duì)于應(yīng)用程序開(kāi)發(fā)人員而言，這無(wú)需花太多時(shí)間，因?yàn)樗麄儾槐靥幚碛脩魯?shù)據(jù)處理。” “例如，這個(gè)明確的內(nèi)容檢查應(yīng)用直接在用戶設(shè)備上查看內(nèi)容。而且，不向服務(wù)器端發(fā)送用戶數(shù)據(jù)對(duì)隱私具有重要意義，這對(duì)于處理敏感數(shù)據(jù)（例如在以健康為重點(diǎn)的應(yīng)用程序中）尤其重要。”

同樣，不向服務(wù)器端發(fā)送用戶數(shù)據(jù)對(duì)隱私具有重要意義，這對(duì)于處理敏感數(shù)據(jù)（例如以健康為重點(diǎn)的應(yīng)用程序）尤其重要。

埃莉諾·哈普洛夫（Eleanor Haproff）

Eleanor建議探索可通過(guò)TensorFlow.js獲得并可以通過(guò)CDN加載的許多預(yù)訓(xùn)練模型。還要檢查她的CodePen，它將數(shù)據(jù)從設(shè)備的相機(jī)傳遞到稱(chēng)為“ MobileNet”的圖像檢測(cè)模型，并輸出可以識(shí)別的內(nèi)容：

4.使網(wǎng)站響應(yīng)用戶的情況

我們可以很快建立一個(gè)網(wǎng)站，該網(wǎng)站可以根據(jù)用戶的設(shè)備，環(huán)境或輸入做出反應(yīng)和響應(yīng)，無(wú)論是出于娛樂(lè)目的還是提高可用性和可訪問(wèn)性。

前端開(kāi)發(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)境光傳感器可以在各種設(shè)備中找到，例如手機(jī)，筆記本電腦和電視，” Mandy解釋說(shuō)。“它用于感應(yīng)房間中的環(huán)境光量。一個(gè)常見(jiàn)的用例是在弱光環(huán)境下調(diào)暗屏幕亮度，以減輕眼睛疲勞。”

首先，Mandy建議首先創(chuàng)建一個(gè)新實(shí)例，該實(shí)例將使我們能夠使用“ AmbientLightSensor”對(duì)象，然后使用“ onReading”事件處理程序從傳感器的“ illuminance”屬性中讀取數(shù)據(jù)。例如：

如果（ 'AmbientLightSensor' 在窗口） {

const sensor = 新的 AmbientLightSensor （）；

傳感器。onreading = （） = { 如果（傳感器。照度 > 元素。風(fēng)格。setProperty （'--bg' ， 'black'）;

} 其他 {< 20 ） {

元件。風(fēng)格。setProperty （'--bg' ， 'blue'）;

}

} ;

傳感器。開(kāi)始（）;

}

查看原始GitHub 托管于?的ambient-light-simple-demo.js

該API還可以用于根據(jù)用戶所在房間的當(dāng)前光照水平在網(wǎng)絡(luò)上創(chuàng)建更具沉浸感和吸引力的故事?；蛘吣梢蕴岣叩凸庹障挛谋镜目勺x性。在下面的示例中，使用可變字體根據(jù)檢測(cè)到的光量更改字體粗細(xì)。

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

可持續(xù)的用戶體驗(yàn)和設(shè)計(jì)是幾年前首次出現(xiàn)在我們的榜單上的，但是自那以后，它的發(fā)展勢(shì)頭迅猛，這在一定程度上要?dú)w功于《滅絕叛亂》之類(lèi)的運(yùn)動(dòng)。

“在過(guò)去的一年中，這似乎是氣候變化的公眾參與，終于變得越來(lái)越普遍，大多數(shù)行業(yè)現(xiàn)在似乎正在采取措施，以減輕災(zāi)難性影響，”發(fā)現(xiàn)杰羅姆·圖爾，在WordPress的機(jī)構(gòu)高級(jí)開(kāi)發(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í)施中考慮能耗。

杰羅姆·圖爾

Jerome警告說(shuō)，失控?cái)?shù)據(jù)傳輸?shù)拇笞锟準(zhǔn)资沁^(guò)大和未壓縮的圖像、,腫的外部腳本以及自動(dòng)播放視頻。從UX和環(huán)境的角度來(lái)看，如果頁(yè)面上有很多資產(chǎn)，則使用延遲加載至關(guān)重要。在后端，緩存可以極大地減少服務(wù)器負(fù)載。”

Jerome指出，下一個(gè)重大挑戰(zhàn)是讓更多的客戶意識(shí)到這一問(wèn)題，以便他們要求開(kāi)發(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)參見(jiàn)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í)間，變得越來(lái)越困難，但是在網(wǎng)站設(shè)計(jì)中，這一點(diǎn)越來(lái)越重要。

2020年，網(wǎng)頁(yè)設(shè)計(jì)師需要解決時(shí)，這些需求發(fā)生的情況下用戶的迫切需求，”建議UX研究員維克多Yocco，作者的思維設(shè)計(jì)。“我看到這種情況以幾種方式發(fā)生。首先，使用位置或其他上下文數(shù)據(jù)來(lái)浮現(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）

舉例來(lái)說(shuō)，維克多（Victor）指出了2019年的一些大型發(fā)布活動(dòng)，大型公司開(kāi)始提供附加服務(wù)：具有信貸和銀行業(yè)務(wù)的蘋(píng)果公司，谷歌在醫(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（分析）可以通過(guò)使用，轉(zhuǎn)換，刪除和基本頁(yè)面統(tǒng)計(jì)信息來(lái)告訴我們部分故事。仍然需要定性研究來(lái)告訴我們用戶如何需要我們產(chǎn)品的故事?；蛘?，如果他們這樣做的話。”

因此，2020年將是用戶研究的重要一年。大小公司將承擔(dān)專(zhuān)門(mén)研究人員的角色，以提供合理的投資回報(bào)。

網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)：蘋(píng)果信用卡

蘋(píng)果聲稱(chēng)其服務(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èn)網(wǎng)絡(luò)已經(jīng)持續(xù)了幾年，但它有望在2020年實(shí)現(xiàn)重大突破。

“在2019年，美國(guó)高法院維持了所有站點(diǎn)均符合W3C的Web內(nèi)容可訪問(wèn)性指南（WCAG） AA標(biāo)準(zhǔn)的觀點(diǎ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ì)師和開(kāi)發(fā)人員使網(wǎng)站真正可用的時(shí)候了。” “在美國(guó)，這已不再是一種選擇，而是一項(xiàng)法律要求。這意味著網(wǎng)絡(luò)專(zhuān)業(yè)人員也必須成為可訪問(wèn)性專(zhuān)家。這種過(guò)渡已經(jīng)開(kāi)始，并將在2020年加速。”

現(xiàn)在是Web設(shè)計(jì)人員和開(kāi)發(fā)人員使網(wǎng)站真正可用的時(shí)候了。

迪恩·舒斯特

網(wǎng)站設(shè)計(jì)趨勢(shì)：輔助功能演示

Dean的代理商truematter在UX Columbia舉行的可訪問(wèn)性演示，演示了各種可訪問(wèn)性工具的工作方式。

您可能還會(huì)喜歡：通用設(shè)計(jì)：11個(gè)實(shí)用技巧，使您的網(wǎng)站和應(yīng)用程序更易于訪問(wèn)。

8.考慮到認(rèn)知差異的設(shè)計(jì)

無(wú)障礙獲取和包容性設(shè)計(jì)也越來(lái)越關(guān)注神經(jīng)多樣性和認(rèn)知障礙。這些方面的設(shè)計(jì)可能很困難，因?yàn)闅埣踩耍词购芷毡椋┮哺[蔽并且需要更難理解。但是，當(dāng)您設(shè)計(jì)用于即時(shí)性（請(qǐng)參見(jiàn)上文）和關(guān)注時(shí)間跨度較短的產(chǎn)品時(shí)，還可以改善患有ADHD等疾病的人的用戶體驗(yàn)。因此，在2020年，我們將更多地考慮用戶的情緒，以改善盡可能多的人的體驗(yàn)。

UX和感官設(shè)計(jì)顧問(wèn)Alastair Somerville解釋說(shuō)：“人們對(duì)做某事的期望或做事的感覺(jué)會(huì)影響我們?cè)O(shè)計(jì)交互的方式。” 情感是意義制定和采取行動(dòng)的核心。關(guān)鍵問(wèn)題是當(dāng)它們限制用戶的認(rèn)知時(shí)：隨著交互過(guò)程中記憶和思維模型變得不可訪問(wèn)，似乎顯而易見(jiàn)的事情變得不可想象。”

人們?cè)谄诖瞿呈聲r(shí)的感受或做事時(shí)的感受會(huì)影響我們?cè)O(shè)計(jì)交互的方式。

阿拉斯泰爾·薩默維爾

Alastair建議在交互設(shè)計(jì)和信息架構(gòu)中提供明確的方向，因?yàn)槟＠鈨煽珊瓦x擇過(guò)多會(huì)產(chǎn)生壓力。

他建議：“幫助用戶提出問(wèn)題，問(wèn)自己想要做的事情。” “確保引起情緒的通知采取明確的行動(dòng)。如果沒(méi)有提供下一步，請(qǐng)不要引起注意。”

使多動(dòng)癥患者更容易獲得信息的其他技巧包括：通過(guò)在懸停圖標(biāo)上添加文本標(biāo)簽來(lái)突出顯示重要內(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)站上建立信任至關(guān)重要。

他發(fā)現(xiàn)：“雖然大型科技公司已經(jīng)濫用隱私已有一段時(shí)間了，但隨著消費(fèi)者變得越來(lái)越聰明和警惕，我們正受到關(guān)注。” “就解決方案而言，GDPR是一個(gè)良好的開(kāi)端，但仍有許多工作要做。”

就解決方案而言，GDPR是一個(gè)良好的開(kāi)端，但仍有許多工作要做。

克里斯·史弗萊特

克里斯（Chris）建議檢查一下Web合同，萬(wàn)維網(wǎng)的創(chuàng)始人蒂姆·伯納斯·李（Tim Berners-Lee）在其中創(chuàng)建了框架，以幫助政府和公司尊重和保護(hù)人們的在線隱私和數(shù)據(jù)。另一個(gè)值得參考的框架是“ 隱私設(shè)計(jì)”，最初是在1990年代制定的。

克里斯說(shuō)：“作為互聯(lián)網(wǎng)的創(chuàng)造者，我們應(yīng)該使用此類(lèi)指南來(lái)指導(dǎo)我們自己的項(xiàng)目。” “有前途的工具來(lái)幫助我們做到這一點(diǎn)，從不斷增長(zhǎng)的少數(shù)深淵分析到Commento。”

克里斯（Chris）的工作室Faculty還創(chuàng)建了一份文檔，概述了那些為網(wǎng)絡(luò)構(gòu)建者的良好工作標(biāo)準(zhǔn)。

另一方面，作為消費(fèi)者，克里斯建議使用并支持以隱私為中心的工具，例如Firefox（包括其多帳戶容器），Keybase和不包含隱私，這是Mozilla 編寫(xiě)的有關(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è)到“甚至還會(huì)有更多JavaScript”，實(shí)際上JavaScript現(xiàn)在無(wú)處不在。它創(chuàng)造了豐富的交互式體驗(yàn)，并為整個(gè)Web應(yīng)用程序提供了強(qiáng)大的動(dòng)力。但是，越來(lái)越多的人越來(lái)越負(fù)責(zé)任地使用JavaScript，但這僅在必要時(shí)使用，因?yàn)樗鼤?huì)影響性能。

SEO技術(shù)顧問(wèn)Jamie Alberico解釋說(shuō)：“您的收件箱中有很多供應(yīng)商在宣傳使用JavaScript解決方案來(lái)監(jiān)視，個(gè)性化和測(cè)試您的內(nèi)容選項(xiàng)的產(chǎn)品。” “我與知名網(wǎng)站合作，在那里購(gòu)買(mǎi)了所有先進(jìn)的鈴鐺和改變游戲規(guī)則的哨子。所有這些小工具都無(wú)法解決問(wèn)題：JavaScript的decade廢。”

Jamie指出JavaScript是您網(wǎng)站上最昂貴的資源，并且比喻說(shuō)依靠decade廢的JavaScript功能在客戶端上執(zhí)行有效，并將decade廢放在用戶的標(biāo)簽上。

她警告說(shuō)：“無(wú)禮的客人很快就受到歡迎。” “我們是受邀來(lái)賓訪問(wèn)用戶設(shè)備的，因此無(wú)法保證第二次邀請(qǐng)。依靠提供快速的，以用戶為中心的體驗(yàn)的網(wǎng)站將取代緩慢而成熟的網(wǎng)站。”

依靠提供快速的，以用戶為中心的體驗(yàn)的網(wǎng)站將取代緩慢的市場(chǎng)。

杰米·阿爾貝里科（Jamie Alberico）

杰米（Jamie）認(rèn)為，有些網(wǎng)站將怪罪歸咎于JavaScript，但試圖將JavaScript淘汰掉可能是“錯(cuò)誤的喜劇”，并且可能要到2021年才能投入生產(chǎn)。其他網(wǎng)站將翻倍并添加更多內(nèi)容。監(jiān)視和測(cè)試其網(wǎng)站的JavaScript。

杰米預(yù)測(cè)：“ 2020年設(shè)計(jì)的大贏家將是那些優(yōu)先回答用戶意圖的人。” “我們可以通過(guò)在重要時(shí)刻加載重要內(nèi)容來(lái)實(shí)現(xiàn)這一目標(biāo)。”

觀看Stuart Langridge的演講，內(nèi)容可能不像您被告知的那么多：

11.

成都英文企業(yè)網(wǎng)站

靜態(tài)站點(diǎn)該JAMstack（其代表JavaScript，API和標(biāo)記）是眼下的一個(gè)熱門(mén)話題。但這不僅是靜態(tài)網(wǎng)站的幻想嗎？

“靜態(tài)站點(diǎn)聽(tīng)起來(lái)像是我們?cè)谧汾s時(shí)光，并建立沒(méi)有動(dòng)態(tài)的簡(jiǎn)單站點(diǎn)，” 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)行開(kāi)發(fā)，但實(shí)際上是將頁(yè)面生成為靜態(tài)頁(yè)面。”

Debbie解釋說(shuō)API對(duì)于動(dòng)態(tài)內(nèi)容起著關(guān)鍵作用。它們使我們能夠添加從身份驗(yàn)證到付款方式的所有內(nèi)容，甚至可以調(diào)用無(wú)頭CMS（請(qǐng)參見(jiàn)下文），這使靜態(tài)站點(diǎn)與單頁(yè)應(yīng)用程序一樣動(dòng)態(tài)。

“這意味著我們將兩全其美”，黛比解釋說(shuō)。“我們獲得了交互性和動(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í)間和金錢(qián)，以確保靜態(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)容通過(guò)Web服務(wù)或API從數(shù)據(jù)庫(kù)傳遞到您喜歡的任何前端框架。

“無(wú)頭方法正變得越來(lái)越流行，因?yàn)檎w解決方案對(duì)源代碼和技術(shù)路線圖的控制較少。” 新興公司Bumped的資深前端工程師Heidi Olsen解釋說(shuō)，她正在幫助建立一個(gè)設(shè)計(jì)系統(tǒng)來(lái)彌合本機(jī)之間的差距。和DOM。“這可能會(huì)對(duì)尋找技術(shù)資源以長(zhǎng)期支持該平臺(tái)產(chǎn)生影響。Monolith解決方案還經(jīng)常使用資源密集型插件和未優(yōu)化的腳本，這會(huì)影響頁(yè)面加載和網(wǎng)站速度。”

除了可以完全控制網(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)容的提升幅度減小。

“如果您選擇斷開(kāi)Web應(yīng)用程序的耦合并采取無(wú)腦的方法，則需要從要說(shuō)的內(nèi)容入手，而不是要如何呈現(xiàn)它，” Heidi建議。“問(wèn)誰(shuí)是您的受眾群體，他們需要什么內(nèi)容，以及可以通過(guò)哪些渠道吸引他們。這將幫助您了解所需的服務(wù)，從而可以構(gòu)建穩(wěn)定，可擴(kuò)展的后端。”

如果您選擇斷開(kāi)Web應(yīng)用程序的耦合并采取無(wú)腦的方法，則需要從要說(shuō)的內(nèi)容開(kāi)始，而不是要如何展示它。

海蒂·奧爾森（Heidi Olsen）

從WebCamp Zagreb觀看Heidi關(guān)于無(wú)頭架構(gòu)和網(wǎng)站未來(lái)的演講：

13.與大技術(shù)的互動(dòng)

羅布·福特（Rob Ford）的著作《網(wǎng)絡(luò)設(shè)計(jì)：1990年數(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í)別的格式訪問(wèn)信息。

他指出：“在某些方面，Instagram是當(dāng)今的網(wǎng)站，許多人都需要它。” “但是，我們絕對(duì)可以看到尖端微型站點(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ì)分受眾群會(huì)從偶爾的超酷網(wǎng)絡(luò)體驗(yàn)中受益，并且現(xiàn)在然后。

網(wǎng)站設(shè)計(jì)趨勢(shì)：盡我所能

PUMA在上海最繁忙的地區(qū)之一安裝了Run My Way設(shè)備：路人走上跑步機(jī)，通過(guò)三個(gè)虛擬環(huán)境為自己的定制化身供電。

網(wǎng)絡(luò)的下一步是什么？

隨著網(wǎng)絡(luò)的成熟，我們作為設(shè)計(jì)人員和開(kāi)發(fā)人員必須對(duì)使用它承擔(dān)更多責(zé)任。趨勢(shì)不僅涉及只有特權(quán)用戶才能訪問(wèn)的最新框架或沉浸式3D體驗(yàn)。它涉及趨勢(shì)如何適應(yīng)整體情況，以及我們?nèi)绾螢楸M可能多的用戶（盡可能多的用戶）改善體驗(yàn)。本文顯示了自動(dòng)化，機(jī)器學(xué)習(xí)，包容性設(shè)計(jì)和用戶研究中的一些令人興奮的趨勢(shì)，以及超越了短暫的視覺(jué)設(shè)計(jì)趨勢(shì)的諸如投機(jī)設(shè)計(jì)之類(lèi)的方法。我們希望至少其中一些趨勢(shì)會(huì)在未來(lái)12個(gè)月內(nèi)產(chǎn)生影響，以便我們可以構(gòu)建所需的網(wǎng)絡(luò)。

2020年新年快樂(lè)！

我們2019年的預(yù)測(cè)

在2019年，我們認(rèn)為Web設(shè)計(jì)將看到環(huán)境設(shè)計(jì)，更好的身份驗(yàn)證模式等的使用增加。這是我們的2019年預(yù)測(cè)，自去年1月首次發(fā)布以來(lái)未經(jīng)編輯。

1.內(nèi)部網(wǎng)頁(yè)設(shè)計(jì)

Mozilla的設(shè)計(jì)師倡導(dǎo)者詹·西蒙斯（Jen Simmons）去年創(chuàng)造了“內(nèi)在網(wǎng)頁(yè)設(shè)計(jì)”一詞，這是我們?cè)?019年將聽(tīng)到的更多信息。

自學(xué)成才的設(shè)計(jì)師和開(kāi)發(fā)商Chen Hui Jing認(rèn)為這是一個(gè)非常恰當(dāng)?shù)拿~。

她解釋說(shuō)：“固有”一詞被定義為“屬于事物的本質(zhì)或構(gòu)成”。“當(dāng)我們談?wù)摼W(wǎng)絡(luò)作為一種視覺(jué)媒介時(shí)，畫(huà)布就是瀏覽器。瀏覽器功能已經(jīng)達(dá)到了一個(gè)可以通過(guò)使用工具和屬性來(lái)使用它們本應(yīng)使用的方式來(lái)做很多創(chuàng)造性工作的地步，而不是為了克服瀏覽器的局限性而采用的黑客和變通方法。”

Hui Jing鼓勵(lì)開(kāi)發(fā)人員嘗試這種全面的Web布局工具新套件，包括Flexbox，Grid和Box對(duì)齊，它可以讓我們對(duì)需要放置物品的位置進(jìn)行細(xì)粒度的控制，但也允許我們放棄控制瀏覽器為我們布置我們的物品。

通過(guò)實(shí)驗(yàn)，慧菁自己找出了很多技術(shù)。例如，這些天她在教授Grid時(shí)強(qiáng)調(diào)的一件關(guān)鍵事情是，我們現(xiàn)在能夠通過(guò)Grid提供的各種大小調(diào)整值來(lái)更改項(xiàng)目的擴(kuò)展和收縮率。

Hui Jing指出：“這種行為為Web設(shè)計(jì)師和開(kāi)發(fā)人員提供了更好的選擇和更大的藝術(shù)指導(dǎo)靈活性，并確保無(wú)論在何種上下文中觀看內(nèi)容，都不會(huì)失去內(nèi)容的焦點(diǎn)。” “隨著越來(lái)越多的開(kāi)發(fā)人員和設(shè)計(jì)師使用這些新工具，我們將有更多的想法和靈感來(lái)構(gòu)建真正適合網(wǎng)絡(luò)本質(zhì)的設(shè)計(jì)。”

觀看Jen Simmons的演示，您對(duì)Web設(shè)計(jì)了解的一切都已改變：

2. CSS變量和Houdini

在2019年，隨著越來(lái)越多的人意識(shí)到他們可以做什么，我們還將看到CSS自定義屬性（也稱(chēng)為CSS變量）的更廣泛使用。

“隨著原生CSS功能的增強(qiáng)，Sass和其他預(yù)處理器的使用將很快消失，” 食品和飲料訂購(gòu)應(yīng)用程序Ordoo的前端開(kāi)發(fā)人員Michelle Barker認(rèn)為，他運(yùn)行CSS {In Real Life }。“變量是朝著這一目標(biāo)邁出的一大步-盡管預(yù)測(cè)2019年預(yù)處理器的消亡有些為時(shí)過(guò)早！”

用例包括主題化（使用CSS變量可以非常有效）和更改不同斷點(diǎn)的屬性值。例如，當(dāng)在CSS Grid中使用變量時(shí)，只需很少的代碼即可輕松地在不同的斷點(diǎn)處調(diào)整布局（例如，列和裝訂線的數(shù)量）。瀏覽器對(duì)Grid和變量的支持都相當(dāng)高，因此在使用Grid的地方使用變量是有意義的，并且為較舊的瀏覽器提供了合理的備用。

“ CSS變量在CSS函數(shù)中尤其有用，” Michelle建議。“一個(gè)很好的例子是Ana Tudor如何將它們conic-gradient()用于創(chuàng)建交互式餅圖。我認(rèn)為我們會(huì)在2019年看到更多具有創(chuàng)意的示例。我對(duì)CSS環(huán)境變量（或全局變量）也寄予厚望-盡管該規(guī)范仍在起草中，但該規(guī)范已獲得瀏覽器的支持。能夠?qū)⑺鼈兣cCSS變量結(jié)合使用將意味著我們唾手可得。”

Houdini是一套新的API，它們使這些新的效果成為可能，這將使開(kāi)發(fā)人員能夠擴(kuò)展CSS并加入瀏覽器渲染引擎的樣式和布局過(guò)程。

Google的設(shè)計(jì)倡導(dǎo)者M(jìn)ustafa Kurtuldu解釋說(shuō)：“這意味著我們可以創(chuàng)建真正高性能的動(dòng)畫(huà)和交互，而不必?fù)?dān)心需要使用polyfils 。”

觀看穆斯塔法的同事Surma在11月的Chrome開(kāi)發(fā)者峰會(huì)上發(fā)表的《胡迪尼州》演講：

3.環(huán)境設(shè)計(jì)

杰克·科洛斯庫(kù)斯（Jack Koloskus）曾設(shè)計(jì)并打破數(shù)字?jǐn)⑹鲁霭嫖铩短峋V》中的圖形設(shè)計(jì)規(guī)則，他預(yù)測(cè)我們將看到網(wǎng)站在環(huán)境方面的情況有所增加。

他解釋說(shuō)：“其中有些來(lái)自技術(shù)能力的變化，但是很多來(lái)自我們花了大量時(shí)間看屏幕的事實(shí)。盡管10年前您可能還沒(méi)有足夠的網(wǎng)站來(lái)關(guān)注幾個(gè)小時(shí)內(nèi)是否發(fā)生了變化，但是現(xiàn)在，如果設(shè)計(jì)元素從下午到晚上發(fā)生了變化，那么您很有可能會(huì)去上它。”

杰克承認(rèn)，環(huán)境設(shè)計(jì)并不是什么新鮮事物，但是現(xiàn)在廣泛使用變得可行了。例如，您可以根據(jù)時(shí)間，位置或天氣來(lái)更改網(wǎng)站的設(shè)計(jì)。例如，杰克指出了蘋(píng)果最新的操作系統(tǒng)Mojave，該操作系統(tǒng)具有兩個(gè)預(yù)先打包好的桌面背景，這些背景會(huì)根據(jù)一天中的時(shí)間而變化。

杰克建議：“桌面背景是顯而易見(jiàn)的候選者，因?yàn)閳D像的持久性使更改的影響易于發(fā)現(xiàn)。” “但是網(wǎng)站允許以更動(dòng)態(tài)的方式采用這種方法，同時(shí)也考慮了用戶交互。我們當(dāng)然可以找到更多的環(huán)境用途，但是將會(huì)發(fā)生更多的技術(shù)發(fā)展，但是開(kāi)發(fā)人員已經(jīng)可以通過(guò)瀏覽器獲得這些環(huán)境方面所需的所有信息。”

2019年網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)：莫哈韋沙漠

蘋(píng)果公司最新的操作系統(tǒng)Mojave引入了兩個(gè)新的時(shí)移臺(tái)式機(jī)，無(wú)論您身在何處，它都能滿足一天中的不同時(shí)段。

4.自由設(shè)計(jì)

杰克·科洛斯庫(kù)斯（Jack Koloskus）還認(rèn)為，我們將繼續(xù)看到從罐頭前端框架美學(xué)向更自由形式的設(shè)計(jì)的轉(zhuǎn)變。

他解釋說(shuō)：“關(guān)于框架的偉大之處在于它們是快速且易于訪問(wèn)的，但是它們的速度來(lái)自使事物在視覺(jué)上相似。” “但是，普通網(wǎng)絡(luò)沖浪者的視覺(jué)素養(yǎng)正在提高，他們?cè)诰W(wǎng)上花費(fèi)了太多時(shí)間，如果您想完全脫穎而出，那將需要一些奇怪的事情，甚至是錯(cuò)誤的事情。完全遵守設(shè)計(jì)規(guī)則不會(huì)使人們與您互動(dòng)。比這更內(nèi)臟。”

此外，免費(fèi)在線教育資源的激增使沒(méi)有進(jìn)行網(wǎng)絡(luò)開(kāi)發(fā)經(jīng)典教育的人們可以從自己的角度開(kāi)始探索這一領(lǐng)域，這使進(jìn)入該領(lǐng)域的想法更加多樣化和有趣。

杰克預(yù)測(cè)：“這將要求開(kāi)發(fā)人員和設(shè)計(jì)師具有開(kāi)放的思想，但是我們可以從中學(xué)到很多東西。” “我們將繼續(xù)遠(yuǎn)離那些功能相對(duì)不變的，功能強(qiáng)大，不可變的容器的網(wǎng)站。玩得開(kāi)心，然后旋轉(zhuǎn)45度！”

設(shè)計(jì)工具UXPin的首席執(zhí)行官M(fèi)arcin Treder對(duì)此表示同意，并希望2019年將成為Web設(shè)計(jì)過(guò)度審美化的一年。

他嘆息道：“對(duì)用戶體驗(yàn)的關(guān)注已被對(duì)某些視覺(jué)樣式的主流關(guān)注所取代。” “讓您的網(wǎng)站代表平面設(shè)計(jì)，或用特定的插圖樣式填充它（當(dāng)每個(gè)人都遵循一種插圖樣式時(shí)，在2018年的網(wǎng)絡(luò)中都非常痛苦地可見(jiàn)），這比精心設(shè)計(jì)的用戶體驗(yàn)更為重要。網(wǎng)絡(luò)非常需要以用戶為中心的優(yōu)良舊設(shè)計(jì)的復(fù)興。”

同時(shí)，Springer Nature的前端開(kāi)發(fā)人員Oliver Williams 對(duì)瀏覽器不斷改進(jìn)DevTools中的設(shè)計(jì)體驗(yàn)感到興奮。他說(shuō)：“有了CSS剪切路徑和外部形狀，我們可能會(huì)開(kāi)始看到矩形較少的網(wǎng)絡(luò)。”

2019年網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)：大綱

The Outline對(duì)野蠻主義充滿熱情，反對(duì)采用越來(lái)越統(tǒng)一的數(shù)字媒體設(shè)計(jì)方法。

5.價(jià)值設(shè)計(jì)

數(shù)字產(chǎn)品工作室Dawson Andrews的設(shè)計(jì)總監(jiān)Jordan Moore預(yù)計(jì)會(huì)朝著商業(yè)價(jià)值邁進(jìn)。

他解釋說(shuō)：“數(shù)字產(chǎn)品設(shè)計(jì)中的游戲名稱(chēng)不是美學(xué)設(shè)計(jì)，而是價(jià)值設(shè)計(jì)。這是數(shù)字設(shè)計(jì)中的難點(diǎn)，因?yàn)樗ǔＰ枰紫葟脑硭伎级皇峭ㄟ^(guò)類(lèi)推推理。模仿美學(xué)（例如您在設(shè)計(jì)畫(huà)廊中看到的概念）太容易了，因?yàn)樗鼈冎荒馨凑斩x處理皮膚深層的問(wèn)題。通常，如果它可以復(fù)制，那么它是批量生產(chǎn)和某個(gè)領(lǐng)域的主要候選人毫無(wú)疑問(wèn)，這將在未來(lái)被AI取代-傳統(tǒng)的，以界面為中心的領(lǐng)域的價(jià)值正在迅速流失。”

另一方面，Jordan認(rèn)為，有意義的價(jià)值創(chuàng)造是一個(gè)不容易復(fù)制且算法和AI可以大量生產(chǎn)的機(jī)會(huì)較少的領(lǐng)域。在2019年，他可以看到我們的行業(yè)逐漸意識(shí)到這一點(diǎn)。

“我們將更輕松地將低價(jià)值的任務(wù)推遲到自動(dòng)化工具上，并創(chuàng)建除設(shè)計(jì)和構(gòu)建系統(tǒng)之外的其他系統(tǒng)，使我們能夠?qū)⒏嗟木性趦r(jià)值更高，認(rèn)知強(qiáng)度更高的工作上。意識(shí)到這一點(diǎn)的電影制片廠將超越周?chē)拿總€(gè)人，他們將帶著幸運(yùn)的顧客前來(lái)。”

6.更好的身份驗(yàn)證模式

去年是GDPR定義的一年，而數(shù)據(jù)泄露和信任違規(guī)的聲音越來(lái)越多，這些公司以前在客戶對(duì)網(wǎng)絡(luò)的積極認(rèn)知方面擁有大的影響力。

“因此，2019年，網(wǎng)頁(yè)設(shè)計(jì)師必須認(rèn)真研究他們的身份驗(yàn)證模式，” Ideaplatz的首席設(shè)計(jì)師兼所有者Cheryl Platz警告說(shuō)。“以前使用Facebook登錄來(lái)簡(jiǎn)化易用性的站點(diǎn)現(xiàn)在必須通過(guò)代理來(lái)解決其對(duì)第一位客戶的負(fù)面印象。”

“即使沒(méi)有Facebook Connect，所有網(wǎng)站在注冊(cè)時(shí)也將面臨更高的舉證責(zé)任。您注冊(cè)客戶時(shí)要解決什么客戶需求？如果它不能滿足未滿足的需求，那是愚蠢的假設(shè)客戶會(huì)像以前一樣愿意參與。此外，所有設(shè)計(jì)師都需要通過(guò)細(xì)齒梳來(lái)進(jìn)行他們的客戶資料設(shè)計(jì)。您是否真的需要客戶的性別？年齡？電話號(hào)碼？每個(gè)“額外”字段都會(huì)增加您和客戶的風(fēng)險(xiǎn)。”

盡管在語(yǔ)音接口的未來(lái)工作中最著名的謝麗爾（Cheryl）希望對(duì)話式UI取得真正的進(jìn)展，但她擔(dān)心這些信任問(wèn)題威脅著行業(yè)的發(fā)展，并警告說(shuō)必須在將焦點(diǎn)返回到最前沿之前進(jìn)行處理。她警告說(shuō)：“大多數(shù)'尖端'技術(shù)都更加侵犯隱私，如果沒(méi)有堅(jiān)實(shí)的基礎(chǔ)，它們將不會(huì)成功。”

7.認(rèn)識(shí)偏見(jiàn)

內(nèi)容戰(zhàn)略顧問(wèn)Rahel Bailie認(rèn)為，2019年將是為包容性進(jìn)行多年設(shè)計(jì)的第一年。

她預(yù)測(cè)：“將對(duì)算法中的系統(tǒng)偏差以及設(shè)計(jì)如何放大或減小該偏差進(jìn)行大量關(guān)注。” “例如，使用深色圖案進(jìn)行設(shè)計(jì)可以以增強(qiáng)錯(cuò)誤結(jié)果的方式捕獲數(shù)據(jù)。反過(guò)來(lái)，這會(huì)影響反饋到算法中的數(shù)據(jù)質(zhì)量。”

“詮釋UX設(shè)計(jì)中的冒險(xiǎn)，深色圖案搶劫了他們代理商的用戶。人們不會(huì)認(rèn)識(shí)到有多個(gè)受眾群體都是重要的群體，而不是將主流邊緣的所有用戶都減少?？梢哉f(shuō)，網(wǎng)絡(luò)電視或主流廣播以這種方式為具有不同受眾的流媒體服務(wù)（每個(gè)人具有不同的類(lèi)別）的數(shù)字服務(wù)將開(kāi)始認(rèn)識(shí)到不同的受眾及其需求。范圍從呈現(xiàn)內(nèi)容的方式到內(nèi)容本身。”

觀看我如何在算法中消除偏見(jiàn)，由創(chuàng)建于算法正義聯(lián)盟的麻省理工學(xué)院媒體實(shí)驗(yàn)室的計(jì)算機(jī)科學(xué)家兼數(shù)字活動(dòng)家Joy Buolamwini進(jìn)行的演講：

8.通過(guò)全渠道內(nèi)容實(shí)現(xiàn)包容性

Rahel Bailie還認(rèn)為，通過(guò)全渠道交付內(nèi)容所包含的包容性將在2019年得到提振。其想法是通過(guò)了解上下文（例如，當(dāng)您了解客戶在其旅途中所處的階段或您的受眾群體的受眾特征），則可以投放更合適的內(nèi)容。

她解釋說(shuō)：“這已經(jīng)很長(zhǎng)時(shí)間了，但是有了更好的了解，如何通過(guò)個(gè)性化和更好的工具來(lái)實(shí)現(xiàn)包容性，更容易包容不同的受眾。”

Rahel承認(rèn)，一段時(shí)間以來(lái)，技術(shù)交流者已經(jīng)使用帶有XML編輯界面的組件內(nèi)容管理系統(tǒng)來(lái)處理復(fù)雜的全渠道內(nèi)容，但是它已經(jīng)處于結(jié)構(gòu)合理，語(yǔ)義內(nèi)容封閉的生態(tài)系統(tǒng)中。在行銷(xiāo)內(nèi)容的雜亂世界中，對(duì)內(nèi)容和工作流強(qiáng)制執(zhí)行結(jié)構(gòu)以及學(xué)習(xí)復(fù)雜的編輯界面的需求遠(yuǎn)沒(méi)有那么緊迫。相反，已經(jīng)承擔(dān)了彌補(bǔ)技術(shù)的責(zé)任。

“我認(rèn)為2019年將是冰山一角，但是隨著越來(lái)越多的機(jī)器學(xué)習(xí)和人工智能被納入到通過(guò)機(jī)器人和語(yǔ)音界面?zhèn)鬟f內(nèi)容的過(guò)程中，Web設(shè)計(jì)將需要改變以適應(yīng)可以傳遞的各種內(nèi)容。這些算法可以提供基于文本或視覺(jué)的內(nèi)容，這些內(nèi)容來(lái)自各種來(lái)源和格式，并且長(zhǎng)度和質(zhì)量各不相同。”

拉赫爾（Rahel）認(rèn)為會(huì)有一個(gè)調(diào)整期，適應(yīng)這些觀眾可能會(huì)導(dǎo)致一些焦慮，直到我們弄清楚如何處理所有變體。

她說(shuō)：“ ??2019年的進(jìn)展可能相對(duì)膚淺，但這將是為更先進(jìn)的方法實(shí)施包容性措施奠定基礎(chǔ)的一年。”

9. DesignOps

在過(guò)去的幾年中，我們看到了從代理商到內(nèi)部團(tuán)隊(duì)的轉(zhuǎn)變。戰(zhàn)略設(shè)計(jì)咨詢公司Clearleft的創(chuàng)始人兼首席執(zhí)行官安迪·巴德（Andy Budd）認(rèn)為，發(fā)生這種情況的原因是，隨著對(duì)數(shù)字技術(shù)的依賴(lài)增加，公司需要提高內(nèi)部能力，以更快的速度行動(dòng)并以降低的成本獲取更多價(jià)值。

他解釋說(shuō)：“大型科技公司決定通過(guò)收購(gòu)一些知名機(jī)構(gòu)來(lái)啟動(dòng)其設(shè)計(jì)職能。” 這些收購(gòu)帶來(lái)了新的管理技能，并催生了DesignOps或Design Operations領(lǐng)域。獲得廣泛關(guān)注的DesignOps的第一個(gè)方面之一是設(shè)計(jì)系統(tǒng)的創(chuàng)建。但是，事實(shí)證明，雖然擴(kuò)展技術(shù)團(tuán)隊(duì)相對(duì)容易，但在傳統(tǒng)公司內(nèi)部擴(kuò)展設(shè)計(jì)要困難得多。”

隨著內(nèi)部設(shè)計(jì)團(tuán)隊(duì)從五個(gè)增加到20到50或更多，Andy認(rèn)為需要其他流程和技術(shù)來(lái)保持設(shè)計(jì)團(tuán)隊(duì)的生產(chǎn)力并防止事情停滯不前。另外，在一些大型科技公司之外，DesignOps尚未得到廣泛的實(shí)踐，或者到目前為止還沒(méi)有得到很好的實(shí)踐。安迪（Andy）認(rèn)為，這將在未來(lái)幾年內(nèi)發(fā)生變化，并且公司將尋求外部機(jī)構(gòu)的幫助。

與此相關(guān)的是團(tuán)隊(duì)的多元化。

“將一群具有相同性別，興趣和社會(huì)傾向的特權(quán)年輕人放在一起，使一個(gè)商業(yè)構(gòu)想成真是必然的，” Rahel Bailie承認(rèn)。“但是隨著他們業(yè)務(wù)的成熟，對(duì)包容性需求的顛簸喚醒導(dǎo)致了一片混亂。這導(dǎo)致人們意識(shí)到包容性意味著要建立一支具有內(nèi)在多樣性的團(tuán)隊(duì)，這不僅意味著種族和性別，還意味著年齡和生活環(huán)境。”

10.有目的的講故事

多年來(lái)，講故事影響并推動(dòng)了科技創(chuàng)新。夏洛克·福爾摩斯（Sherlock Holmes）影響了犯罪的解決方式，而《星際迷航》（Star Trek）為亞馬遜的Alexa提供了靈感。

UX設(shè)計(jì)師AnnaDahlström正在撰寫(xiě)一本關(guān)于設(shè)計(jì)中的講故事的書(shū)，他認(rèn)為，隨著產(chǎn)品使用的環(huán)境越來(lái)越復(fù)雜，在2019年，我們將越來(lái)越需要轉(zhuǎn)向傳統(tǒng)的講故事以與受眾建立聯(lián)系。

她建議：“作為設(shè)計(jì)師，我們需要掌握沃爾特·迪斯尼（Walt Disney）的技能，以便能夠同時(shí)獲得更大的圖像和較小的細(xì)節(jié)。” “我們還需要考慮到越來(lái)越多的事件和需要定義和設(shè)計(jì)的運(yùn)動(dòng)部件，以便將它們?nèi)诤显谝黄?。就像一個(gè)好故事。”

安娜建議從角色發(fā)展中??學(xué)習(xí)，以幫助我們識(shí)別和定義在產(chǎn)品中扮演角色的所有角色，將快樂(lè)和不滿意的用戶考慮在內(nèi)的敘事結(jié)構(gòu)，以及有助于我們獲得產(chǎn)品體驗(yàn)中特定部分的場(chǎng)景設(shè)計(jì)。回過(guò)神來(lái)。

“所有這些都有助于確保英雄是我們正在開(kāi)發(fā)的產(chǎn)品和服務(wù)的用戶，并且是體驗(yàn)的源頭。”

全方位服務(wù)創(chuàng)意機(jī)構(gòu)上野的創(chuàng)始人兼首席執(zhí)行官Haraldur Thorleifsson對(duì)此表示贊同。

他指出：“設(shè)計(jì)師是企業(yè)需求與最終用戶需求之間的轉(zhuǎn)換者。” “如果網(wǎng)頁(yè)設(shè)計(jì)更多地是關(guān)于有目的的講故事，使用戶感到獨(dú)特而通用的東西，我會(huì)喜歡的。我們需要記住，作為設(shè)計(jì)師，我們對(duì)用戶與我們創(chuàng)造的事物進(jìn)行互動(dòng)的那一刻負(fù)責(zé)。由于時(shí)間是最終的有限資源，因此使這一時(shí)刻有意義是我們的責(zé)任。”

11.智能辦公室

全球創(chuàng)意機(jī)構(gòu)AKQA的經(jīng)驗(yàn)設(shè)計(jì)總監(jiān)David Vogel認(rèn)為，到2019年，我們將把物聯(lián)網(wǎng)，邊緣計(jì)算，語(yǔ)音交互，智能照明和多傳感器與自學(xué)習(xí)系統(tǒng)相結(jié)合，以創(chuàng)建可識(shí)別人員的智能辦公環(huán)境并根據(jù)他們的個(gè)人偏好為其量身定制工作場(chǎng)所的經(jīng)驗(yàn)。

他解釋說(shuō)：“我們與數(shù)字的關(guān)系曾經(jīng)是與另一個(gè)世界的關(guān)系，可以通過(guò)PC，平板電腦或電話之類(lèi)的界面進(jìn)行訪問(wèn)。” 現(xiàn)在，我們與現(xiàn)實(shí)世界的關(guān)系通過(guò)使用數(shù)字技術(shù)得到增強(qiáng)和增強(qiáng)。我們的習(xí)慣和行為可以使我們的環(huán)境適應(yīng)我們的需求，協(xié)調(diào)具有相稱(chēng)技能和興趣的人們之間的偶然接觸，并減少工作場(chǎng)所的摩擦并提高個(gè)人生產(chǎn)率。”

David認(rèn)為，這不僅將有益于員工的健康，福祉，協(xié)作和成就感，而且還將為具有前瞻性的企業(yè)盈利做出貢獻(xiàn)，這些企業(yè)將更聰明，更高效地利用空間，能源和人才。

2019年網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)：akqa

AKQA一直在為客戶開(kāi)發(fā)應(yīng)用程序，使您可以調(diào)整會(huì)議室的溫度和設(shè)置以及訂購(gòu)食物。

12.漸進(jìn)式Web應(yīng)用程序

Google設(shè)計(jì)倡導(dǎo)者M(jìn)ustafa Kurtuldu預(yù)計(jì)，漸進(jìn)式Web應(yīng)用程序雖然已經(jīng)存在了一段時(shí)間，但它將在今年產(chǎn)生巨大影響。

“我們已經(jīng)看到了多本關(guān)于PWA的書(shū)，特別是Jason Grigsby 編寫(xiě)的Progressive Web Apps，” Mustafa解釋說(shuō)。“ Book Apart始終致力于數(shù)字設(shè)計(jì)的發(fā)展，因此從設(shè)計(jì)師的角度來(lái)看，這表明了巨大的變化。了解PWA的設(shè)計(jì)方式意味著要考慮離線，在線和li-fi的用戶狀態(tài)。”

Google剛剛啟動(dòng)了漸進(jìn)式網(wǎng)絡(luò)應(yīng)用程序squoosh.app，該工具可讓您將圖像拖放到瀏覽器中，使用各種設(shè)置對(duì)其進(jìn)行壓縮，將原始圖像與新版本進(jìn)行比較，然后下載。Squoosh是開(kāi)源的，因此其他人也可以學(xué)習(xí)如何實(shí)現(xiàn)設(shè)計(jì)模式。

有關(guān)漸進(jìn)式Web應(yīng)用程序的更多信息，請(qǐng)下載免費(fèi)的電子書(shū)“ 漸進(jìn)式Web應(yīng)用程序：移動(dòng)網(wǎng)絡(luò)的未來(lái)”，這是Google，Microsoft和Awwwards.com之間的合作。

網(wǎng)站標(biāo)題：成都英文企業(yè)網(wǎng)站
文章來(lái)源：http://m.rwnh.cn/news38/174838.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供響應(yīng)式網(wǎng)站、Google、網(wǎng)站維護(hù)、網(wǎng)站制作、品牌網(wǎng)站設(shè)計(jì)、全網(wǎng)營(yíng)銷(xiāo)推廣

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

成都英文企業(yè)網(wǎng)站