成都英文企業(yè)網(wǎng)站 2020年值得關(guān)注的13個(gè)Web設(shè)計(jì)趨勢(shì)網(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)榫W(wǎng)絡(luò)將我們團(tuán)結(jié)在一起。“但我認(rèn)為它在許多方面都相反。我們之間的聯(lián)系越來(lái)越少,越來(lái)越孤立。我們已經(jīng)消除了所有的情感,只專注于功能方面,我擔(dān)心,如果我們不放松,它將導(dǎo)致我們不斷走下更糟的道路。我的希望是,我們可以使人們重新回到網(wǎng)絡(luò)上,并且它將開始真正兌現(xiàn)最初使我們所有人如此興奮的承諾。”
我的希望是,我們可以使人們重新回到網(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年以來(lái)的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ì)越來(lái)越自動(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ì)工作室軟件。
成都英文企業(yè)網(wǎng)站這些工具具有通過使某些方面自動(dòng)化而使其他方面對(duì)設(shè)計(jì)師的創(chuàng)造力開放的潛力來(lái)增強(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之類的工具來(lái)創(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)頁(yè)設(shè)計(jì)趨勢(shì):圖稿生成器
用于電子音樂場(chǎng)所Noa Noa的基于Web的自定義圖稿生成器使設(shè)計(jì)師能夠在短時(shí)間內(nèi)創(chuàng)建數(shù)百種營(yíng)銷資產(chǎn)。
2.投機(jī)設(shè)計(jì)
對(duì)于面向未來(lái)的數(shù)字設(shè)計(jì)會(huì)議New Adventures的設(shè)計(jì)師兼總監(jiān)Simon Collison來(lái)說,Web不再像是一個(gè)開放的空間,可以進(jìn)行大膽的視覺和互動(dòng)創(chuàng)意。因此,他正在超越自己的舒適范圍,轉(zhuǎn)向投機(jī)性設(shè)計(jì)和能啟發(fā)未來(lái)思維的主題。
他解釋說:“這種興趣使我相信,如果設(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)說,這種方法是開放的。“代替網(wǎng)頁(yè)設(shè)計(jì)當(dāng)前對(duì)自助式設(shè)計(jì)系統(tǒng)的癡迷,投機(jī)性設(shè)計(jì)從外觀上尋找生活系統(tǒng)。這項(xiàng)工作既具有創(chuà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),隨著越來(lái)越多的設(shè)計(jì)師涉足并可能“夸大”投機(jī)設(shè)計(jì),該領(lǐng)域存在合理的關(guān)注,它像設(shè)計(jì)思維一樣被誤解,廉價(jià)化,包裝化和商品化。但是作為一名前藝術(shù)家,他被這種跨學(xué)科的實(shí)踐所吸引。
成都英文企業(yè)網(wǎng)站他解釋說:“它為數(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)輸入等的訪問具有高度的交互性。來(lái)自這些輸入的數(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來(lái)生成連續(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ù)(例如在以健康為重點(diǎn)的應(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)境光傳感器可以在各種設(shè)備中找到,例如手機(jī),筆記本電腦和電視,” Mandy解釋說。“它用于感應(yīng)房間中的環(huán)境光量。一個(gè)常見的用例是在弱光環(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');
}
} ;
傳感器。開始();
}
查看原始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功于《滅絕叛亂》之類的運(yùn)動(dòng)。
“在過去的一年中,這似乎是氣候變化的公眾參與,終于變得越來(lái)越普遍,大多數(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í)施中考慮能耗。
杰羅姆·圖爾
Jerome警告說,失控?cái)?shù)據(jù)傳輸?shù)拇笞锟準(zhǔn)资沁^大和未壓縮的圖像、,腫的外部腳本以及自動(dòng)播放視頻。從UX和環(huán)境的角度來(lái)看,如果頁(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í)間,變得越來(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)說,維克多(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ì)信息來(lái)告訴我們部分故事。仍然需要定性研究來(lái)告訴我們用戶如何需要我們產(chǎn)品的故事。或者,如果他們這樣做的話。”
因此,2020年將是用戶研究的重要一年。大小公司將承擔(dān)專門研究人員的角色,以提供合理的投資回報(bào)。
蘋果聲稱其服務(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)的觀點(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ì)師和開發(fā)人員使網(wǎng)站真正可用的時(shí)候了。” “在美國(guó),這已不再是一種選擇,而是一項(xiàng)法律要求。這意味著網(wǎng)絡(luò)專業(yè)人員也必須成為可訪問性專家。這種過渡已經(jīng)開始,并將在2020年加速。”
現(xiàn)在是Web設(shè)計(jì)人員和開發(fā)人員使網(wǎng)站真正可用的時(shí)候了。
迪恩·舒斯特
Dean的代理商truematter在UX Columbia舉行的可訪問性演示,演示了各種可訪問性工具的工作方式。
您可能還會(huì)喜歡: 通用設(shè)計(jì):11個(gè)實(shí)用技巧,使您的網(wǎng)站和應(yīng)用程序更易于訪問。
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)參見上文)和關(guān)注時(shí)間跨度較短的產(chǎn)品時(shí),還可以改善患有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)生壓力。
他建議:“幫助用戶提出問題,問自己想要做的事情。” “確保引起情緒的通知采取明確的行動(dòng)。如果沒有提供下一步,請(qǐng)不要引起注意。”
使多動(dòng)癥患者更容易獲得信息的其他技巧包括:通過在懸停圖標(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è)良好的開端,但仍有許多工作要做。”
就
解決方案而言,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)該使用此類指南來(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 編寫的有關(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ù)顧問Jamie Alberico解釋說:“您的收件箱中有很多供應(yīng)商在宣傳使用JavaScript解決方案來(lái)監(jiān)視,個(gè)性化和測(cè)試您的內(nèi)容選項(xiàng)的產(chǎn)品。” “我與知名網(wǎng)站合作,在那里購(gòu)買了所有先進(jìn)的鈴鐺和改變游戲規(guī)則的哨子。所有這些小工具都無(wú)法解決問題:JavaScript的decade廢。”
Jamie指出JavaScript是您網(wǎng)站上最昂貴的資源,并且比喻說依靠decade廢的JavaScript功能在客戶端上執(zhí)行有效,并將decade廢放在用戶的標(biāo)簽上。
她警告說:“無(wú)禮的客人很快就受到歡迎。” “我們是受邀來(lái)賓訪問用戶設(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)先回答用戶意圖的人。” “我們可以通過在重要時(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è)熱門話題。但這不僅是靜態(tài)網(wǎng)站的幻想嗎?
“靜態(tài)站點(diǎn)聽起來(lái)像是我們?cè)谧汾s時(shí)光,并建立沒有動(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)行開發(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)站點(diǎn)與單頁(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ú)頭方法正變得越來(lái)越流行,因?yàn)檎w解決方案對(duì)源代碼和技術(shù)路線圖的控制較少。” 新興公司Bumped的資深前端工程師Heidi Olsen解釋說,她正在幫助建立一個(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)容的提升幅度減小。
“如果您選擇斷開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)站未來(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í)別的格式訪問信息。
他指出:“在某些方面,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ī),通過三個(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ì)在未來(lái)12個(gè)月內(nèi)產(chǎn)生影響,以便我們可以構(gòu)建所需的網(wǎng)絡(luò)。
2020年新年快樂!
我們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年將聽到的更多信息。
自學(xué)成才的設(shè)計(jì)師和開發(fā)商Chen Hui Jing認(rèn)為這是一個(gè)非常恰當(dāng)?shù)拿~。
她解釋說:“固有”一詞被定義為“屬于事物的本質(zhì)或構(gòu)成”。“當(dāng)我們談?wù)摼W(wǎng)絡(luò)作為一種視覺媒介時(shí),畫布就是瀏覽器。瀏覽器功能已經(jīng)達(dá)到了一個(gè)可以通過使用工具和屬性來(lái)使用它們本應(yīng)使用的方式來(lái)做很多創(chuàng)造性工作的地步,而不是為了克服瀏覽器的局限性而采用的黑客和變通方法。”
Hui Jing鼓勵(lì)開發(fā)人員嘗試這種全面的Web布局工具新套件,包括Flexbox,Grid和Box對(duì)齊,它可以讓我們對(duì)需要放置物品的位置進(jìn)行細(xì)粒度的控制,但也允許我們放棄控制瀏覽器為我們布置我們的物品。
通過實(shí)驗(yàn),慧菁自己找出了很多技術(shù)。例如,這些天她在教授Grid時(shí)強(qiáng)調(diào)的一件關(guān)鍵事情是,我們現(xiàn)在能夠通過Grid提供的各種大小調(diào)整值來(lái)更改項(xiàng)目的擴(kuò)展和收縮率。
Hui Jing指出:“這種行為為Web設(shè)計(jì)師和開發(fā)人員提供了更好的選擇和更大的藝術(shù)指導(dǎo)靈活性,并確保無(wú)論在何種上下文中觀看內(nèi)容,都不會(huì)失去內(nèi)容的焦點(diǎn)。” “隨著越來(lá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自定義屬性(也稱為CSS變量)的更廣泛使用。
“隨著原生CSS功能的增強(qiáng),Sass和其他預(yù)處理器的使用將很快消失,” 食品和飲料訂購(gòu)應(yīng)用程序Ordoo的前端開發(fā)人員Michelle Barker認(rèn)為,他運(yùn)行CSS {In Real Life }。“變量是朝著這一目標(biāo)邁出的一大步-盡管預(yù)測(cè)2019年預(yù)處理器的消亡有些為時(shí)過早!”
用例包括主題化(使用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,它們使這些新的效果成為可能,這將使開發(fā)人員能夠擴(kuò)展CSS并加入瀏覽器渲染引擎的樣式和布局過程。
Google的設(shè)計(jì)倡導(dǎo)者M(jìn)ustafa Kurtuldu解釋說:“這意味著我們可以創(chuàng)建真正高性能的動(dòng)畫和交互,而不必?fù)?dān)心需要使用polyfils 。”
觀看穆斯塔法的同事Surma在11月的Chrome開發(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)境方面的情況有所增加。
他解釋說:“其中有些來(lái)自技術(shù)能力的變化,但是很多來(lái)自我們花了大量時(shí)間看屏幕的事實(shí)。盡管10年前您可能還沒有足夠的網(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ì)。例如,杰克指出了蘋果最新的操作系統(tǒng)Mojave,該操作系統(tǒng)具有兩個(gè)預(yù)先打包好的桌面背景,這些背景會(huì)根據(jù)一天中的時(shí)間而變化。
杰克建議:“桌面背景是顯而易見的候選者,因?yàn)閳D像的持久性使更改的影響易于發(fā)現(xiàn)。” “但是網(wǎng)站允許以更動(dòng)態(tài)的方式采用這種方法,同時(shí)也考慮了用戶交互。我們當(dāng)然可以找到更多的環(huán)境用途,但是將會(huì)發(fā)生更多的技術(shù)發(fā)展,但是開發(fā)人員已經(jīng)可以通過瀏覽器獲得這些環(huán)境方面所需的所有信息。”
2019年網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì):莫哈韋沙漠
蘋果公司最新的操作系統(tǒng)Mojave引入了兩個(gè)新的時(shí)移臺(tái)式機(jī),無(wú)論您身在何處,它都能滿足一天中的不同時(shí)段。
4.自由設(shè)計(jì)
杰克·科洛斯庫(kù)斯(Jack Koloskus)還認(rèn)為,我們將繼續(xù)看到從罐頭前端框架美學(xué)向更自由形式的設(shè)計(jì)的轉(zhuǎn)變。
他解釋說:“關(guān)于框架的偉大之處在于它們是快速且易于訪問的,但是它們的速度來(lái)自使事物在視覺上相似。” “但是,普通網(wǎng)絡(luò)沖浪者的視覺素養(yǎng)正在提高,他們?cè)诰W(wǎng)上花費(fèi)了太多時(shí)間,如果您想完全脫穎而出,那將需要一些奇怪的事情,甚至是錯(cuò)誤的事情。完全遵守設(shè)計(jì)規(guī)則不會(huì)使人們與您互動(dòng)。比這更內(nèi)臟。”
此外,免費(fèi)在線教育資源的激增使沒有進(jìn)行網(wǎng)絡(luò)開發(fā)經(jīng)典教育的人們可以從自己的角度開始探索這一領(lǐng)域,這使進(jìn)入該領(lǐng)域的想法更加多樣化和有趣。
杰克預(yù)測(cè):“這將要求開發(fā)人員和設(shè)計(jì)師具有開放的思想,但是我們可以從中學(xué)到很多東西。” “我們將繼續(xù)遠(yuǎn)離那些功能相對(duì)不變的,功能強(qiáng)大,不可變的容器的網(wǎng)站。玩得開心,然后旋轉(zhuǎn)45度!”
設(shè)計(jì)工具UXPin的首席執(zhí)行官M(fèi)arcin Treder對(duì)此表示同意,并希望2019年將成為Web設(shè)計(jì)過度審美化的一年。
他嘆息道:“對(duì)用戶體驗(yàn)的關(guān)注已被對(duì)某些視覺樣式的主流關(guān)注所取代。” “讓您的網(wǎng)站代表平面設(shè)計(jì),或用特定的插圖樣式填充它(當(dāng)每個(gè)人都遵循一種插圖樣式時(shí),在2018年的網(wǎng)絡(luò)中都非常痛苦地可見),這比精心設(shè)計(jì)的用戶體驗(yàn)更為重要。網(wǎng)絡(luò)非常需要以用戶為中心的優(yōu)良舊設(shè)計(jì)的復(fù)興。”
同時(shí),Springer Nature的前端開發(fā)人員Oliver Williams 對(duì)瀏覽器不斷改進(jìn)DevTools中的設(shè)計(jì)體驗(yàn)感到興奮。他說:“有了CSS剪切路徑和外部形狀,我們可能會(huì)開始看到矩形較少的網(wǎng)絡(luò)。”
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)。
他解釋說:“數(shù)字產(chǎn)品設(shè)計(jì)中的游戲名稱不是美學(xué)設(shè)計(jì),而是價(jià)值設(shè)計(jì)。這是數(shù)字設(shè)計(jì)中的難點(diǎn),因?yàn)樗ǔP枰紫葟脑硭伎级皇峭ㄟ^類推推理。模仿美學(xué)(例如您在設(shè)計(jì)畫廊中看到的概念)太容易了,因?yàn)樗鼈冎荒馨凑斩x處理皮膚深層的問題。通常,如果它可以復(fù)制,那么它是批量生產(chǎn)和某個(gè)領(lǐng)域的主要候選人毫無(wú)疑問,這將在未來(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)的電影制片廠將超越周圍的每個(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警告說。“以前使用Facebook登錄來(lái)簡(jiǎn)化易用性的站點(diǎn)現(xiàn)在必須通過代理來(lái)解決其對(duì)第一位客戶的負(fù)面印象。”
“即使沒有Facebook Connect,所有網(wǎng)站在注冊(cè)時(shí)也將面臨更高的舉證責(zé)任。您注冊(cè)客戶時(shí)要解決什么客戶需求?如果它不能滿足未滿足的需求,那是愚蠢的假設(shè)客戶會(huì)像以前一樣愿意參與。此外,所有設(shè)計(jì)師都需要通過細(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)心這些信任問題威脅著行業(yè)的發(fā)展,并警告說必須在將焦點(diǎn)返回到最前沿之前進(jìn)行處理。她警告說:“大多數(shù)'尖端'技術(shù)都更加侵犯隱私,如果沒有堅(jiān)實(shí)的基礎(chǔ),它們將不會(huì)成功。”
7.認(rèn)識(shí)偏見
內(nèi)容戰(zhà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ù)。反過來(lái),這會(huì)影響反饋到算法中的數(shù)據(jù)質(zhì)量。”
“詮釋UX設(shè)計(jì)中的冒險(xiǎn),深色圖案搶劫了他們代理商的用戶。人們不會(huì)認(rèn)識(shí)到有多個(gè)受眾群體都是重要的群體,而不是將主流邊緣的所有用戶都減少??梢哉f,網(wǎng)絡(luò)電視或主流廣播以這種方式為具有不同受眾的流媒體服務(wù)(每個(gè)人具有不同的類別)的數(shù)字服務(wù)將開始認(rèn)識(shí)到不同的受眾及其需求。范圍從呈現(xiàn)內(nèi)容的方式到內(nèi)容本身。”
觀看我如何在算法中消除偏見,由創(chuàng)建于算法正義聯(lián)盟的麻省理工學(xué)院媒體實(shí)驗(yàn)室的計(jì)算機(jī)科學(xué)家兼數(shù)字活動(dòng)家Joy Buolamwini進(jìn)行的演講:
8.通過全渠道內(nèi)容實(shí)現(xiàn)包容性
Rahel Bailie還認(rèn)為,通過全渠道交付內(nèi)容所包含的包容性將在2019年得到提振。其想法是通過了解上下文(例如,當(dāng)您了解客戶在其旅途中所處的階段或您的受眾群體的受眾特征),則可以投放更合適的內(nèi)容。
她解釋說:“這已經(jīng)很長(zhǎng)時(shí)間了,但是有了更好的了解,如何通過個(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)中。在行銷內(nèi)容的雜亂世界中,對(duì)內(nèi)容和工作流強(qiáng)制執(zhí)行結(jié)構(gòu)以及學(xué)習(xí)復(fù)雜的編輯界面的需求遠(yuǎn)沒有那么緊迫。相反,已經(jīng)承擔(dān)了彌補(bǔ)技術(shù)的責(zé)任。
“我認(rèn)為2019年將是冰山一角,但是隨著越來(lái)越多的機(jī)器學(xué)習(xí)和人工智能被納入到通過機(jī)器人和語(yǔ)音界面?zhèn)鬟f內(nèi)容的過程中,Web設(shè)計(jì)將需要改變以適應(yīng)可以傳遞的各種內(nèi)容。這些算法可以提供基于文本或視覺的內(nèi)容,這些內(nèi)容來(lái)自各種來(lái)源和格式,并且長(zhǎng)度和質(zhì)量各不相同。”
拉赫爾(Rahel)認(rèn)為會(huì)有一個(gè)調(diào)整期,適應(yīng)這些觀眾可能會(huì)導(dǎo)致一些焦慮,直到我們弄清楚如何處理所有變體。
她說:“ ??2019年的進(jìn)展可能相對(duì)膚淺,但這將是為更先進(jìn)的方法實(shí)施包容性措施奠定基礎(chǔ)的一年。”
9. DesignOps
在過去的幾年中,我們看到了從代理商到內(nèi)部團(tuán)隊(duì)的轉(zhuǎn)變。戰(zhàn)略設(shè)計(jì)咨詢公司Clearleft的創(chuàng)始人兼首席執(zhí)行官安迪·巴德(Andy Budd)認(rèn)為,發(fā)生這種情況的原因是,隨著對(duì)數(shù)字技術(shù)的依賴增加,公司需要提高內(nèi)部能力,以更快的速度行動(dòng)并以降低的成本獲取更多價(jià)值。
他解釋說:“大型科技公司決定通過收購(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í)踐,或者到目前為止還沒有得到很好的實(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正在撰寫一本關(guān)于設(shè)計(jì)中的講故事的書,他認(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)品中扮演角色的所有角色,將快樂和不滿意的用戶考慮在內(nèi)的敘事結(jié)構(gòu),以及有助于我們獲得產(chǎn)品體驗(yàn)中特定部分的場(chǎng)景設(shè)計(jì)?;剡^神來(lá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)。
他解釋說:“我們與數(shù)字的關(guān)系曾經(jīng)是與另一個(gè)世界的關(guān)系,可以通過PC,平板電腦或電話之類的界面進(jìn)行訪問。” 現(xiàn)在,我們與現(xiàn)實(shí)世界的關(guān)系通過使用數(shù)字技術(shù)得到增強(qiáng)和增強(qiáng)。我們的習(xí)慣和行為可以使我們的環(huán)境適應(yīng)我們的需求,協(xié)調(diào)具有相稱技能和興趣的人們之間的偶然接觸,并減少工作場(chǎng)所的摩擦并提高個(gè)人生產(chǎn)率。”
David認(rèn)為,這不僅將有益于員工的健康,福祉,協(xié)作和成就感,而且還將為具有前瞻性的企業(yè)盈利做出貢獻(xiàn),這些企業(yè)將更聰明,更高效地利用空間,能源和人才。
2019年網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì):akqa
AKQA一直在為客戶開發(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的書,特別是Jason Grigsby 編寫的Progressive Web Apps,” Mustafa解釋說。“ 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是開源的,因此其他人也可以學(xué)習(xí)如何實(shí)現(xiàn)設(shè)計(jì)模式。
有關(guān)漸進(jìn)式Web應(yīng)用程序的更多信息,請(qǐng)下載免費(fèi)的電子書“ 漸進(jìn)式Web應(yīng)用程序:移動(dòng)網(wǎng)絡(luò)的未來(lái)”,這是Google,Microsoft和Awwwards.com之間的合作。
新聞標(biāo)題:成都英文企業(yè)網(wǎng)站
網(wǎng)頁(yè)路徑:http://www.rwnh.cn/news/174838.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供云服務(wù)器、外貿(mào)網(wǎng)站建設(shè)、動(dòng)態(tài)網(wǎng)站、網(wǎng)站建設(shè)、網(wǎng)站策劃、移動(dòng)網(wǎng)站建設(shè)
廣告
聲明:本網(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)