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