我每年的預(yù)測文章已經(jīng)成為了慣例;一睹未來的網(wǎng)頁設(shè)計(jì)妖胀,憑借經(jīng)驗(yàn)預(yù)測什么對我們的技能重要。這里有網(wǎng)頁設(shè)計(jì)師在2017年應(yīng)該關(guān)注的八件事惠勒。
去年的預(yù)測
從去年的預(yù)測來看赚抡,我很高興地說,“現(xiàn)場直播”產(chǎn)品現(xiàn)在比以往更受歡迎(查看Facebook Live)纠屋。亞馬遜Echo智能語音助手技術(shù)正在快速增長涂臣,物聯(lián)網(wǎng)公司正在各種行業(yè)中出現(xiàn)。JavaScript開發(fā)工具繼續(xù)爆發(fā)售担,虛擬現(xiàn)實(shí)的炒作正如預(yù)期一樣增長赁遗。動畫在許多方面成為了前端開發(fā)人員的核心技能。我們錯(cuò)誤的預(yù)測了靜態(tài)照片中神奇的細(xì)微運(yùn)動技術(shù)(cinemagraphs)的長期趨勢族铆,但是對于視頻保持其重要性還是說對了岩四。
在去年的文章中還有很多其它相關(guān)的討論,但現(xiàn)在是時(shí)候展望2017年了 - 2017年的設(shè)計(jì)會是什么樣子骑素?
2017年
去年炫乓,隨著現(xiàn)存設(shè)計(jì)動向復(fù)雜性的增長,我們預(yù)測了“大抵相同”献丑。例如末捣,物聯(lián)網(wǎng)在2016年當(dāng)然不是什么新鮮的事物,但變得更成熟和主流创橄。
今年箩做,雖然我們再次無法看到純粹的網(wǎng)頁設(shè)計(jì)的主要審美轉(zhuǎn)變,但是我們將看到更多去年成熟期后遺留下來的新產(chǎn)品和設(shè)計(jì)問題妥畏。
1. 真實(shí)性技術(shù)
Twitter以細(xì)微的處理抓住了這一點(diǎn):“已驗(yàn)證的用戶”的打鉤核對標(biāo)記對于知道哪些推文是真實(shí)的以及哪些推文來自偽造賬戶非常重要邦邦。
但它無法阻止簡單的偽造。隨著媒體數(shù)量的持續(xù)增長醉蚁,以及批量生成比以往更容易實(shí)現(xiàn)燃辖,不斷生成偽造內(nèi)容變的更加容易。此外网棍,公眾現(xiàn)在更加意識到這種偽造的可能性(標(biāo)題通常帶有“假新聞”和“黑客”字樣)
今年設(shè)計(jì)師面臨的挑戰(zhàn)之一就是創(chuàng)建圖案樣式來明確信息來源的可信度和驗(yàn)證性黔龟。要想使用比同行審核更為有效的方式,設(shè)計(jì)師現(xiàn)在面臨的挑戰(zhàn)是幫助內(nèi)容創(chuàng)作者證明他們的內(nèi)容是可信的滥玷,而且他們確實(shí)是該內(nèi)容的創(chuàng)作者氏身。
設(shè)計(jì)師很可能會仿效密碼專家的設(shè)計(jì)解決方案(使得逆向工程比創(chuàng)建有價(jià)值的原始內(nèi)容更加昂貴),消費(fèi)者可能會使用更多的人工智能分析工具來驗(yàn)證內(nèi)容可靠度的可能性惑畴。
你不會看到:單一標(biāo)準(zhǔn)的采用
這對內(nèi)容創(chuàng)造者來說將是一個(gè)全新的領(lǐng)域蛋欣,并且默認(rèn)標(biāo)準(zhǔn)通常不會出現(xiàn)在任何技術(shù)的早期階段。面臨的挑戰(zhàn)是提供內(nèi)容可驗(yàn)證的信譽(yù)度如贷,這種方式既能通過技術(shù)手段會知陷虎,又能足夠簡單的解釋給普通大眾理解與信任。新聞組織已經(jīng)努力將有關(guān)“黑客”的信息傳遞給公眾杠袱,而且看起來像是真實(shí)性技術(shù)的明顯勝利者還不會這么早出現(xiàn)泻红。
200字總結(jié)俄羅斯黑客 紐約時(shí)報(bào)
2. 人工智能對輔助設(shè)計(jì)的影響
說到人工智能,不要忽視大公司在AI領(lǐng)域掀起的主要浪潮霞掺。具體來說谊路,以下公司正在不同的人工智能技術(shù)上進(jìn)行投資和雇傭(研發(fā)或?qū)嶋H的產(chǎn)品開發(fā)):
你可能會認(rèn)為人工智能是遙遠(yuǎn)的未來,但是人工智能可能是下一波大規(guī)模技術(shù)創(chuàng)新菩彬。如果你和一個(gè)普通的網(wǎng)絡(luò)開發(fā)人員談?wù)撨@個(gè)缠劝,他們很可能不知道人工智能會如何影響他們的領(lǐng)域。
讓我們第一個(gè)告訴你:準(zhǔn)備好迎接這波浪潮吧骗灶。它將以各種可能性影響你的設(shè)計(jì)思維惨恭。例如,你明年很可能會有一些設(shè)計(jì)輔助工具(可能是兩個(gè)耙旦,我們明年1月見分曉)脱羡,使用機(jī)器學(xué)習(xí)技術(shù)的一些功能級別幫助你在設(shè)計(jì)師所能提供的范圍內(nèi)決策最有效的布局。
你還可能會與人工智能專家合作,根據(jù)工作的項(xiàng)目類型锉罐,開發(fā)基于人工智能輸入的程序化界面帆竹。
你不會看到:大眾教育
人工智能是一個(gè)復(fù)雜的科目。
3. 增強(qiáng)現(xiàn)實(shí)將充當(dāng)虛擬現(xiàn)實(shí)的門戶技術(shù)
是的脓规,虛擬現(xiàn)實(shí)正在被炒作中栽连。是的,他很酷侨舆。三星廣告的語調(diào)反映了對虛擬現(xiàn)實(shí)的持續(xù)看法:人們?nèi)匀徊焕斫馑虢簦夹g(shù)看起來毫不相干。三星通過顯示人們使用虛擬現(xiàn)實(shí)的情緒反應(yīng)挨下,從外部進(jìn)行觀察熔恢。
該技術(shù)是強(qiáng)大的,將在未來一年臭笆,以某種形式绩聘,比以往任何時(shí)候更會被采納。但是為了得到廣泛的采納耗啦,還需要一個(gè)長期的適應(yīng)過程凿菩。我們當(dāng)前的所有技術(shù)都是模擬的。我們有對外部世界的語境和視覺/觸覺參考帜讲。
有了虛擬現(xiàn)實(shí)衅谷,該種參考會以非常有效和令人信服的方式被移除。只要在YouTube上搜索“VR fail”的視頻似将,您就會知道這是多么的真實(shí)获黔。
人們似乎發(fā)現(xiàn)這兩個(gè)都具有令人難以置信的吸引力,但同時(shí)并不適用于大多數(shù)針對普通消費(fèi)者的技術(shù)堆棧在验。
為了廣泛采用虛擬現(xiàn)實(shí)玷氏,我們首先需要對現(xiàn)實(shí)修改逐步感到適應(yīng)。這正是AR(增強(qiáng)現(xiàn)實(shí))來完成的腋舌。
增強(qiáng)現(xiàn)實(shí)保留對“現(xiàn)實(shí)”世界的引用盏触,并在頂部疊加上增強(qiáng)技術(shù)。正因?yàn)槿绱丝榻龋珹R的業(yè)務(wù)和消費(fèi)應(yīng)用程序比今天的VR更容易訪問赞辩。
期望公司問你“Pokémon GO for X”; 以空間為導(dǎo)向的產(chǎn)品,以促進(jìn)持續(xù)和積極的參與和互動授艰。
你不會看到:克服“游戲”成見的實(shí)際應(yīng)用
VR和AR非常難以讓人們使用辨嗽。可以說淮腾,我們的手機(jī)總是執(zhí)行AR糟需,通過把以前不可能的通信放在觸手可及的地方來增強(qiáng)我們的現(xiàn)實(shí)屉佳。
但做視覺增強(qiáng)現(xiàn)實(shí)仍然很難以“嚴(yán)肅”的方式來做,比如疊加數(shù)字化導(dǎo)出的信息到真實(shí)世界的照片上洲押。VR和AR目前都具備的成見是它們都用于游戲開發(fā)上武花。這種技術(shù)將會用更長的時(shí)間才能在主流商業(yè)應(yīng)用中充分發(fā)展。Snapchat是一個(gè)在“游戲”和“商業(yè)”之間有交集的例子诅诱。Snapchat Spectacles 眼鏡是一個(gè)AR增強(qiáng)現(xiàn)實(shí)的例子,有可能會成為廣告世界進(jìn)入虛擬現(xiàn)實(shí)空間的早期門戶送朱。(如果你無法理解為什么Snapchat是一筆大宗交易娘荡,希望這個(gè)能給你一些洞察力。)
4. 更多的信息傳達(dá)設(shè)計(jì)
如果你還沒有設(shè)計(jì)一個(gè)信息傳遞界面(或是使用一個(gè)可以處理這個(gè)界面的服務(wù))驶沼,你可能很快就會開始這項(xiàng)工作了炮沐。信息傳遞的革新才剛剛開始。像配對AR和AI這樣的事情回怜,信息傳遞的力量還沒有釋放出來大年。作為自然語言處理,豐富信息內(nèi)容和媒體分享技術(shù)繼續(xù)發(fā)展玉雾,信息傳遞平臺將變得更加精準(zhǔn)翔试。像Slack,蘋果和谷歌這樣的玩家會繼續(xù)努力開發(fā)他們的信息傳遞系統(tǒng)复旬,特別是在“智能”(計(jì)算機(jī)輔助)消息傳遞領(lǐng)域里垦缅,以及為客戶提供實(shí)時(shí)問答消息傳遞和溝通作為他們的工具的一部分,無論是成為工具本身的一項(xiàng)功能還是作為和他們的客戶溝通的一種方式驹碍。
你不會看到:主要的審美差異
信息傳遞的審美觀從互聯(lián)網(wǎng)的早期時(shí)代開始就幾近相同壁涎。從AIM,到Slack志秃,再到iMessage - 幾乎沒有任何變化怔球。這種“窮途末路”的設(shè)計(jì)范例是要小心的,不僅是短消息設(shè)計(jì)浮还,還包括所有的領(lǐng)域竟坛。
Slack從新設(shè)計(jì) 來源于Dribbble上的 Satrio Indrajit
有些趨同會發(fā)生在大多數(shù)領(lǐng)域里,在那里一個(gè)想法的基本形式已經(jīng)钧舌,更多或更少流码,"完成"了。
5. 回到字體排版
每隔幾年延刘,我們會有以某種元素作為主要設(shè)計(jì)特征的轉(zhuǎn)變漫试。在過去一年里,設(shè)計(jì)十分依賴于大塊圖形碘赖、線條藝術(shù)(類似80年代流行的線條藝術(shù))驾荣、大面積陰影和濃重飽和度色彩外构。今年,你很可能會遇到一次轉(zhuǎn)變播掷,趨勢似乎又回到了字體排版作為主要的設(shè)計(jì)元素审编。
然而,不像之前的趨勢轉(zhuǎn)換歧匈,網(wǎng)頁字體不再是一個(gè)“新事物” - 也就是說垒酬,使用網(wǎng)頁字體并不會讓你的設(shè)計(jì)有多獨(dú)特。期待字體使用和排版布局的更加深度化件炉,以及創(chuàng)造新字體的數(shù)量可能會略有上升勘究。
你不會看到:嚴(yán)重偏離當(dāng)前的字體趨勢
襯線字體和無襯線字體并不只是一時(shí)的風(fēng)尚。在許多方面斟冕,字體的流行度是和人為因素有很大關(guān)系的口糕。雖然會有一些難以預(yù)測的字體完全打破陳規(guī),但我們也不太可能看到大量消失磕蛇,例如景描,無襯線字體做標(biāo)題字體和襯線字體做文本字體。我們也不太可能看到手寫體和高度接觸標(biāo)識字體對待的缺失秀撇。人們在他們整個(gè)生活中看到的是相同的字體形狀超棺,轉(zhuǎn)變這樣一個(gè)大趨勢是不太可能的。
6. 成熟的動畫
在過去的幾年中呵燕,動畫已經(jīng)變的非常重要了说搅。事實(shí)上,去年我們預(yù)測了至少寫一個(gè)基本動畫的能力將會成為前端開發(fā)人員的預(yù)期技能虏等。今年弄唧,我們預(yù)測動畫會接手一些“嚴(yán)峻”的部分,即我們已經(jīng)成型的工具制作過程的剩余部分霍衫。也就是說候引,不再是使用簡單的技術(shù)添加一個(gè)動畫,開發(fā)人員將會負(fù)責(zé)動畫性能。
你不會看到︰ WebGL 的廣泛使用
WebGL,雖然令人印象深刻旺芽,但是從根本上不同于大多數(shù)前端開發(fā)者今天所使用的。此外麸俘,使用 WebGL需要完全不同的設(shè)計(jì)需求。
WebGL更多的被動畫工作室和游戲工作室使用惧笛,而非網(wǎng)頁設(shè)計(jì)師从媚。因?yàn)閂R技術(shù)的興起,這個(gè)今年可能會比以往轉(zhuǎn)變更多患整。然而拜效,因?yàn)閂R做為主流還不夠成熟喷众,WebGL和類似的技術(shù)將最有可能只用于高度定制的開發(fā)項(xiàng)目。
7. 主頁上更好的行為召喚
這聽起來像是一個(gè)顯而易見的轉(zhuǎn)變紧憾,但是很多正在使用讓人抱怨的彈出注冊窗口和向下滾動銷售的網(wǎng)站將會放棄這些來支持不阻止內(nèi)容的東西到千。這很大一部分是因?yàn)镚oogle改變了標(biāo)準(zhǔn)來懲罰使用這些元素的網(wǎng)站,因?yàn)檫@些元素長期以來被認(rèn)為降低了網(wǎng)站的性能以及用戶體驗(yàn)赴穗。
這就給設(shè)計(jì)師和開發(fā)人員創(chuàng)造了一個(gè)很大的機(jī)會憔四,在面向用戶的主頁上的主要內(nèi)容里,來創(chuàng)建更吸引人的般眉,更高質(zhì)量的行為召喚了赵。
你不會看到:輪播(Carousel)的消失
雖然輪播(Carousel)模式已經(jīng)成為了壓縮內(nèi)容到一個(gè)較小空間的必選之路,這種模式也有其主要的缺點(diǎn)煤篙。例如斟览,第5張幻燈片上的內(nèi)容相比較第1張幻燈片來說會很少被人看到毁腿。不幸的是辑奈,因?yàn)檫@種模式如此普遍,輪播(Carousel)的過度使用可能會讓公司遠(yuǎn)離彈出窗口的現(xiàn)象小幅增加已烤。
A carousel, yesterday
8. 更多看似古怪的產(chǎn)品
當(dāng)亞馬遜宣布他們正在創(chuàng)造一款家用揚(yáng)聲器和助理的時(shí)候鸠窗,一大批民眾感覺這對亞馬遜來說是奇怪的舉動。
分析一下亞馬遜的未來發(fā)展方向胯究,這就不足以為奇了稍计,他們想要一款數(shù)字耳機(jī)在盡可能多的地方來聆聽他們的顧客的偏好和習(xí)慣。
Google Home
期望今年發(fā)布其它看似奇怪的產(chǎn)品來自于你本不指望發(fā)布這些產(chǎn)品的公司裕循。Twitter的健身產(chǎn)品臣嚣?關(guān)于這一點(diǎn)還沒有任何謠言,但是這種交叉學(xué)科產(chǎn)品的發(fā)布當(dāng)然不會出問題的剥哑。那么這些將如何影響設(shè)計(jì)師硅则?作為設(shè)計(jì)師,你有機(jī)會讓公司前行株婴。幫助開發(fā)可能驅(qū)動品牌新產(chǎn)品的概念怎虫,當(dāng)然也可能是意料之外的產(chǎn)品。
你不會看到:大量重要產(chǎn)品出現(xiàn)
科技產(chǎn)品不再大規(guī)模的交付出現(xiàn)困介。至少到目前為止大审,重要產(chǎn)品“揭幕”的日子已經(jīng)一去不復(fù)返了。取而代之的是座哩,迭代產(chǎn)品和"微型"產(chǎn)品正在發(fā)布徒扶,每一個(gè)產(chǎn)品都內(nèi)建了微交互來支持更多的體驗(yàn)。
人們現(xiàn)在有如此多的產(chǎn)品可供選擇根穷,并且以滿足小需求而選擇更小酷愧,更便宜的產(chǎn)品要比選擇更大驾诈,更貴的產(chǎn)品更切合實(shí)際。這就是為什么游戲行業(yè)有很多游戲小于10美元溶浴,僅有一些成功的游戲多于50美元乍迄。
大多數(shù)創(chuàng)新現(xiàn)在都得到了科技的支持。這意味著設(shè)計(jì)師現(xiàn)在比以往任何時(shí)候應(yīng)該少投資在單一大型的產(chǎn)品設(shè)計(jì)上士败,多投資在由圖案庫和與平臺無關(guān)的設(shè)計(jì)決策指南驅(qū)動的闯两,可分發(fā)系統(tǒng)設(shè)計(jì)上。
總結(jié)
設(shè)計(jì)總是不斷演變谅将。在2017年漾狼,我們將看到設(shè)計(jì)跟隨新技術(shù)的發(fā)展。我們會看到更少的審美變化饥臂,與此同時(shí)還會看到交互界面的字體排版和上下文的多樣化逊躁。我們可能會看到大公司在AI研究,加上新的AI產(chǎn)品以及微型產(chǎn)品上的重大投資隅熙。我們也可能會看到AI在產(chǎn)品供給中扮演的重要角色稽煤,允許小型產(chǎn)品深入了解AI和機(jī)器學(xué)習(xí)所能提供的內(nèi)容。
這意味著現(xiàn)在囚戚,設(shè)計(jì)師必須比以往更加注重關(guān)聯(lián)人類元素 - 心理學(xué)酵熙,信息傳遞,客戶支持驰坊,隱私匾二,真實(shí)性 - 這些方面的設(shè)計(jì),在今年比以往任何時(shí)候拳芙,將變的比任何審美決策更加重要察藐。
以上譯文僅代表原作者觀點(diǎn)。
原文作者:Jonathan Cutrell
原文鏈接:地址
原文譯者:Twitter / Linkedin / 微博
本文為本人在Tutusplus官方許可的中文(簡體)原創(chuàng)翻譯舟扎,如需轉(zhuǎn)載請遵循CC版權(quán)協(xié)議正確標(biāo)明出處分飞。