神譯局是36氪旗下編譯團(tuán)隊(duì)，關(guān)注科技、商業(yè)、職場、生活等領(lǐng)域，重點(diǎn)介紹國外的新技術(shù)、新觀點(diǎn)、新風(fēng)向。
編者按：轉(zhuǎn)眼之間，我們就迎來了2022年。過去的2021年中，設(shè)計(jì)趨勢依然隨著整個(gè)設(shè)計(jì)行業(yè)的發(fā)展，而發(fā)生著緩慢而深刻的改變。這篇文章來自編譯，文中針對2022年值得關(guān)注的UI/UX設(shè)計(jì)趨勢展開了預(yù)測。由于篇幅問題，本文將拆分為兩部分。這一篇是第一部分，文中介紹了其中五大設(shè)計(jì)趨勢。
相比2020年，2021年是否更好？如果就用戶界面（UI）和用戶體驗(yàn)（UX）兩大領(lǐng)域而言，那么答案是肯定的。
2021年，驚艷四座的網(wǎng)頁和應(yīng)用程序紛紛亮相，為平面設(shè)計(jì)師打造的全新軟件接連發(fā)布，設(shè)計(jì)界的創(chuàng)造力呈井噴之勢。
設(shè)計(jì)師們被迫在家辦公，他們創(chuàng)造出了更多作品，同時(shí)也有時(shí)間去反思現(xiàn)有作品。要知道，無聊是設(shè)計(jì)師最大的敵人，為此，他們會不計(jì)代價(jià)地去打破這種無聊現(xiàn)狀。
那么，2022年值得關(guān)注的UI/UX設(shè)計(jì)趨勢是怎樣的呢？從目前來看，我們已經(jīng)可以預(yù)測到設(shè)計(jì)界未來一年的大致趨勢，就像我們?nèi)ツ赆槍?021年所做的預(yù)測那樣（非常準(zhǔn)確）。
閱讀完這篇文章，你將收獲：
如果你沒有為最激烈的行業(yè)競爭做好準(zhǔn)備，那你就可能會失去3D設(shè)計(jì)師的工作
即便面對普通受眾，設(shè)計(jì)師也可以讓晦澀枯燥的數(shù)據(jù)變得有趣易懂
如果你沒有針對移動設(shè)備優(yōu)化網(wǎng)站設(shè)計(jì)，那你就可能會錯過許多新的潛在客戶
2022年，“滾動敘事”將如何統(tǒng)治世界并提高轉(zhuǎn)化率
滾動是一種非常傳統(tǒng)的頁面瀏覽方式，但這種方式卻讓用戶感到越來越無聊。如果想吸引用戶注意力，那就采用“滾動敘事”。
《紐約時(shí)報(bào)》（The New York Time）是最早在文章中使用“滾動敘事”的機(jī)構(gòu)之一。
“滾動”這一形式在網(wǎng)站頁面和移動應(yīng)用端都可以實(shí)現(xiàn)。你可以設(shè)想一下，在制作網(wǎng)站時(shí)，伴隨著每次滾動手勢，頁面上的插圖、字體、文本片段和其他元素也跟著滾動起來，并且呈現(xiàn)出一副栩栩如生的畫面。這樣的敘事方式必然會吸引用戶一直讀下去。
它就像電子游戲一樣，帶領(lǐng)用戶穿越符號迷宮。雖然不能影響故事走向，但用戶卻能夠置身其中，體驗(yàn)一種身臨其境之感。
2022年，幾乎所有熱門網(wǎng)站都會采用“滾動敘事”的設(shè)計(jì)方式。用戶已經(jīng)厭倦了那些充斥著無用信息的頁面。
設(shè)想一下，如果你想去健身房健身。你可能會進(jìn)入某個(gè)當(dāng)?shù)亟∩矸康木W(wǎng)站。進(jìn)入頁面后，你可能會看到這類的口號：“和我們一起健身吧！”你可能會發(fā)現(xiàn)，這種口號形式有一定的趣味性和新穎感。
接下來，再向下滾動，你還可以看到各種各樣的補(bǔ)充信息，比如全員介紹、健身價(jià)值觀、企業(yè)使命等。這些內(nèi)容過于俗套，你甚至可能都不會關(guān)注這些內(nèi)容。
我需要滾動四個(gè)屏幕，才能獲得相關(guān)信息，這種體驗(yàn)太糟糕了。
與此相反，滾動敘事卻能吸引讀者“用心閱讀”。比如，你可以借助動態(tài)文本提高用戶的關(guān)注，在這方面，谷歌團(tuán)隊(duì)就知道如何把將網(wǎng)頁上的說明文本變得更有趣味：
當(dāng)用戶向下滾動瀏覽頁面時(shí)，就會自動開啟滾動敘事，它也因此得名。不用點(diǎn)擊，沒有選擇，也沒有彈窗。
它給你的體驗(yàn)就是，你只需要停留在一個(gè)地方，通過不斷滾動頁面，屏幕上的故事便會娓娓道來。設(shè)計(jì)師不但要設(shè)計(jì)出炫酷的視覺效果，而且還要精心構(gòu)思希望敘述的故事：故事的情節(jié)和受眾。另外，最好的網(wǎng)站不是兩天就能建成的。
IAmBinadam引人入勝的“滾動敘事”設(shè)計(jì)
滾動格式的項(xiàng)目通常需要投入大量的時(shí)間和精力，但成果是值得的。頁面可以變得更加生動活潑，而且可以做到“瞬息萬變”。因此，受眾在瀏覽過程中，也很難感到無聊。
你可能想問，這種設(shè)計(jì)方法適用于移動應(yīng)用程序嗎？一款名為Pure的約會應(yīng)用程序，就設(shè)計(jì)了“輕擊敘事”的用戶體驗(yàn)。
滾動敘事為用戶而生并深受用戶喜愛。用戶無需跳轉(zhuǎn)到其他頁面，就能閱讀整個(gè)故事內(nèi)容。相反，網(wǎng)頁設(shè)計(jì)的整個(gè)敘事，通常都是經(jīng)過提前布局并以盡可能有趣的方式而構(gòu)建的。
2022年，如何創(chuàng)建一個(gè)像樣的企業(yè)網(wǎng)站？你不想對用戶說你是“某某領(lǐng)域公認(rèn)的領(lǐng)導(dǎo)品牌，是該領(lǐng)域的佼佼者之一”。這種常規(guī)的廣告話術(shù)并不能傳達(dá)出任何實(shí)質(zhì)內(nèi)容。
最好去掉形容詞并呈現(xiàn)事實(shí)：你有多少分支機(jī)構(gòu)，分布于哪些城市，你的客戶是誰，以及你如何幫助客戶。抽象信息不可靠，但事實(shí)絕對可靠。但如果你希望分享大量數(shù)據(jù)，那就以簡單有趣的方式呈現(xiàn)出來。
數(shù)據(jù)可視化有助于通過博得關(guān)注的方式傳達(dá)準(zhǔn)確的信息。它還與滾動敘事直接相關(guān)。旨在促進(jìn)性少數(shù)群體融入社會的網(wǎng)站IAmBinadam在數(shù)據(jù)可視化方面就做到了引人入勝：
團(tuán)隊(duì)設(shè)計(jì)網(wǎng)站，通過消除數(shù)據(jù)集的復(fù)雜性，從而簡化信息，便于用戶解讀。
用戶可以直觀便捷地了解有關(guān)數(shù)據(jù)。
在借助圖片的情況下，讀者可以快速發(fā)現(xiàn)作者試圖得出的結(jié)論。考慮到現(xiàn)如今人們讀取的數(shù)據(jù)量之大，那就更不應(yīng)該隨意散亂地分布各種數(shù)據(jù)信息。
乍眼一看，有的圖表可能看起來并不像圖表。
此外，還有一種現(xiàn)象叫做“新冠后遺癥”。它指的是新冠疫情對企業(yè)及其員工的長期影響。
據(jù)英國國家統(tǒng)計(jì)局（Office of National Statistics）的數(shù)據(jù)顯示，2018年英國人的緊張和焦慮平均得分約為2.7/10。由于新冠疫情的暴發(fā)，這兩項(xiàng)數(shù)據(jù)已經(jīng)上升到了4.0/10，并且此后幾乎沒有下降。
人們壓力山大、疲憊不堪，所以不想看那些復(fù)雜數(shù)據(jù)。但設(shè)計(jì)師知道如何降低疫情對人們的負(fù)面影響。
此外，他們還能通過數(shù)據(jù)可視化來保持人們的注意力。值得注意的是，復(fù)雜信息通常都會被忽略，因?yàn)橛脩舳枷Ｍ?jié)省時(shí)間，一看到復(fù)雜信息他們就有可能直接滾動下滑了。
圖片來源：Mona Chalabi
在數(shù)據(jù)可視化方面，我們推薦利用以下這些元素：
圖表和圖形
插圖（包括帶有手寫短語的插圖）
靜態(tài)信息圖表
交互式信息圖表
圖片來源：Ink Factory
設(shè)計(jì)精美的圖表，或任何其他形式的數(shù)據(jù)可視化方式，都應(yīng)該具備愛德華·塔夫特（Edward Tufte）在《定量信息的可視化顯示》（Visual Display of Quantitative Information）一書中說描述的特征。
在塔夫特的這本書中，他介紹了通過圖表真正把故事講好的三大原則。
首先，用于顯示數(shù)據(jù)的圖形元素與圖形元素總數(shù)的比例應(yīng)趨近于1∶1。簡單地說，不要把注意力放在裝飾圖表上。務(wù)必刪除不必要的內(nèi)容元素。
圖片來源：Hootsuite
其次，最大化利用圖形的一切空間。也就是說，數(shù)據(jù)排列要保持緊湊而簡潔。
圖片來源：Hootsuite
最后，關(guān)注“畸變因子”這一概念：你要客觀地描述數(shù)據(jù)。不要使用夸大的圖形，并提供誠實(shí)的統(tǒng)計(jì)數(shù)據(jù)。雖然數(shù)據(jù)可視化應(yīng)該展現(xiàn)出炫酷的一面，但誠實(shí)永遠(yuǎn)是更重要的因素。
譯者注：畸變因子=以圖形顯示的效果大小 / 實(shí)際數(shù)據(jù)的效果大小，即圖形在表達(dá)數(shù)據(jù)變化時(shí)的失真程度。
根據(jù)媒體研究機(jī)構(gòu)We Are Social的數(shù)據(jù)顯示，2021年全球共有52.2億手機(jī)用戶——約占世界總?cè)丝诘?6%。自2020年1月以來，獨(dú)立手機(jī)用戶數(shù)量增長1.8%（約9300萬），而移動連接總數(shù)則增加了7200萬（0.9%），截止2021年初已達(dá)80.2億。
過去一年中，全球社交媒體用戶數(shù)增長了13%以上。截止2021年初，社交網(wǎng)絡(luò)新增注冊用戶數(shù)已接近5億。據(jù)移動互聯(lián)網(wǎng)市場研究公司AppAnnie稱，Android用戶每天使用手機(jī)的時(shí)長超過了4小時(shí)。2020年，全球Android用戶上網(wǎng)總時(shí)長已達(dá)3.5萬億小時(shí)。
這組數(shù)字夠震撼了吧？2022年，你似乎也必須要開發(fā)出相關(guān)產(chǎn)品或服務(wù)的移動應(yīng)用程序了。那么，你該如何知道你的企業(yè)是否真的需要一款應(yīng)用呢？對此，如果存在以下幾種情況，那你就可能需要準(zhǔn)備預(yù)算來開發(fā)應(yīng)用程序了。
這是你應(yīng)該了解的重要數(shù)據(jù)。客戶與你產(chǎn)品交互的時(shí)間越長，你就越有機(jī)會去吸引他們，了解他們的習(xí)慣并提供他們想要的產(chǎn)品。
如果你希望提高員工工作效率、改進(jìn)工作流程或提高利潤，那你可以開發(fā)一款能幫助你管理業(yè)務(wù)流程的移動應(yīng)用程序。
如今，這類應(yīng)用程序可以幫助企業(yè)完成越來越復(fù)雜且多樣化的任務(wù)。它能夠讓重復(fù)性的日常操作和文檔管理工作變得更加快捷，創(chuàng)建有助于處理復(fù)雜決策的算法，并了解員工工作方式及工作情況。
如果你認(rèn)為，應(yīng)用程序可以為用戶開辟新的接觸點(diǎn)，并讓用戶體驗(yàn)變得更加成功，那就值得考慮開發(fā)一款應(yīng)用程序。
問問自己，移動應(yīng)用可以創(chuàng)造哪些新的商機(jī)。例如，在疫情影響下，許多人都更加關(guān)注健康，并轉(zhuǎn)向在家通過健身應(yīng)用來鍛煉。
然而，對于需要處理照片或室內(nèi)設(shè)計(jì)公司而言，應(yīng)用程序卻幾乎毫無用處。這類公司需要展示自己的作品集，而在移動設(shè)備上瀏覽大圖卻很不方便。所以，這類公司最好還是開發(fā)自己的網(wǎng)站。
在市場中，你必須了解競爭對手在做什么，他們是否開發(fā)了應(yīng)用程序，他們能做什么，以及用戶是否認(rèn)為他們有價(jià)值。對此，你可以通過蘋果App Store或谷歌Google Play等應(yīng)用商店了解有關(guān)統(tǒng)計(jì)數(shù)據(jù)。
競爭對手的應(yīng)用下載量和用戶評論可以告訴你用戶使用其應(yīng)用程序的情況。如果他們真的能為用戶提供方便而必要的服務(wù)，而你卻因?yàn)闆]有開發(fā)同類型的應(yīng)用或功能，那就可能會因此落后。
應(yīng)用程序可以幫你留存那些經(jīng)常向你購買產(chǎn)品或服務(wù)的客戶。你是否想過為老客戶推出促銷活動？你可以給他們推送一條行動召喚通知，比如節(jié)日大促銷？
最好給用戶發(fā)放打折優(yōu)惠碼。在正確的時(shí)機(jī)，你的優(yōu)惠力度越有吸引力，人們下單購買的可能性就越高。
出租車公司的客戶必然會經(jīng)常復(fù)購，因此必須要開發(fā)應(yīng)用程序。
如果開發(fā)移動應(yīng)用，那你就無需再為設(shè)計(jì)和印刷投入相關(guān)費(fèi)用，客戶也無需攜帶實(shí)體會員卡。將你的忠誠度計(jì)劃整合至移動應(yīng)用中，并通過電子方式分享吸引人的促銷活動、折扣優(yōu)惠和滿減紅包。
開發(fā)移動網(wǎng)站比開發(fā)移動應(yīng)用更簡單，因此能降低整體推廣成本。
部分原因在于，響應(yīng)式網(wǎng)頁設(shè)計(jì)的出現(xiàn)，得以讓網(wǎng)站自動適配屏幕寬度。然而，開發(fā)移動應(yīng)用則需要涉及Android、iOS以及Windows等多個(gè)平臺的復(fù)雜工作。
據(jù)估計(jì)，還有一個(gè)小趨勢還將持續(xù)到2022年，即越來越多的應(yīng)用程序都變得更加相似這一現(xiàn)象。同時(shí)，它們也有一定程度的獨(dú)特性。
有些設(shè)計(jì)師認(rèn)為，“前端驅(qū)動的Web體驗(yàn)”將是2022年的大好機(jī)會。對此，我們只能表示贊同！
2022年值得關(guān)注的UI/UX設(shè)計(jì)趨勢（下）
譯者：俊一
