手机国产精品一区二区,另类第一页,亚欧在线,日韩一国产极品99热在线播放69_国产美女久久精品香蕉欧美_亚州中文无码aⅤ在线_免费国产v片在线

2024 年的 UX/UI 設計趨勢,關于未來科技體驗的可能性

2024-2-16    博博

一、從便當盒而來的 Bento UI

便當盒是日本午餐和午餐盒文化的重要組成部分。他們以井然有序的方式儲存食物,并保持著食物清潔。

圖片來源 — Freepik

從便當盒演變而來的 Bento UI 設計風格,是便當盒在屏幕上的數(shù)字化效果,基于卡片的設計或網(wǎng)格布局,其中信息以不同的部分或容器呈現(xiàn),以提高清晰度和易用性。它慢慢開始在 Dribbble 和 Behance 等平臺上掀起波瀾,吸引數(shù)百萬設計師關注。

后續(xù)這種“模塊化”設計概念開始出現(xiàn)在網(wǎng)站的儀表板,包括 PayPal 的銷售和財務儀表板、Google Ads 的分析工具等。Windows Phone 和 Lumia 使用的 UI 本質(zhì)上是 Bento 設計風格的早期迭代。后來,微軟也將這一概念應用到了 Windows 8 的 Windows 桌面開始菜單中。

Windows 8 開始菜單當蘋果公司在 iPhone 登陸頁面上開始使用 Bento 網(wǎng)格時,Bento 設計被徹底引爆,很快擴展到蘋果的發(fā)布會演示中。

另一張?zhí)O果海報

眾所周知,蘋果公司總能引領市場設計趨勢,而 Bento 設計風格只是其中之一。從那以后,每個設計師都使用 Bento 進行產(chǎn)品設計、產(chǎn)品發(fā)布等。

日式便當?shù)脑O計與 Bento 設計趨勢之間的最大區(qū)別在于, Bento 網(wǎng)格的每個部分都代表一個獨特的空間,而不是一個組的一部分。它現(xiàn)在已經(jīng)發(fā)展到包括產(chǎn)品演示,與其他一些獨特的布局混合,甚至采用新的視覺設計概念進行風格化。比如下面這個:

Bento 設計互動現(xiàn)場演示

上面的例子來自 diagram.com,它使用便當網(wǎng)格來展示其工具通過交互式體驗可以做什么的現(xiàn)實生活示例,讓這個工具更具吸引力,并告訴用戶他們應該期待什么。

同時,為了幫助全球設計師開拓思路,出現(xiàn)了一些 Bento 設計靈感的收集網(wǎng)站,如 Bentogrids.com ,其中有大量用于 UI 和圖形設計的 Bento 網(wǎng)格。感興趣的設計師朋友可以前往體驗。

Bentogrids官網(wǎng)

Bento UI 設計風格擴展性較強,可以快速的創(chuàng)建響應式動態(tài)分布,同時可以輕松地創(chuàng)建明確的視覺層次結(jié)構和布局,提高信息可讀性和可理解性。這些優(yōu)勢讓 Bento UI 在移動設備上的發(fā)揮非常出色,但如果是層級結(jié)構較為復雜的頁面,Bento UI可能并不適合。

二、AR / VR設計與更交互式的空間體驗

想象一下,你剛剛醒來,拿起手機查看“重要電子郵件”。畫面切換,你帶著蘋果的 Vision Pro,整個信息流都來源于這里。這是 2023 年 6 月 5 日全世界每一位科技和設計愛好者的早晨。

圖片來源 — Apple.com

在接下來的幾周里,這是科技界談論的主要話題,每個設計師都在努力學習空間設計技能。除了設計趨勢之外,各種 AR / VR 初創(chuàng)公司也走到了最前沿,他們的技術終于被人們談論。Vision Pro 真正推動了 AR 和 VR 的發(fā)展。

偉大的技術帶來巨大的設計潛力。從智能手表到折疊手機,設計師們總是挺身而出,展示他們的適應性??臻g設計也不例外。

一睹即將發(fā)生的事情

一款名為“Bezi”的流行設計師工具隨之推出,它非常接近 Figma 和 Spline 等設計工具,但增加了第三維空間。設計師可以進行空間設計,連接可用的 AR / VR 耳機,并創(chuàng)建交互式空間體驗。

更好的 UX 是更好的 AR / VR 體驗的一個重要貢獻者。深入了解前沿設計背后的技術、使用實際的 VR 耳機、在空間環(huán)境中進行測試,這些都是工作的一部分。隨著我們的發(fā)展,我們目前對用戶體驗的理解肯定會有很多新的變化。這是需要持續(xù)積累并會在將來使用的技能之一。

除了蘋果公司豐富的想象力和雄厚的財力之外,還有一些不太懂技術的公司也為佩戴眼鏡帶來了全新的體驗。比如太陽鏡公司 RayBan ,已經(jīng)憑借其新款 Meta Wayfarer 進入了智能可穿戴設備競賽。它的內(nèi)置攝像頭和智能功能允許用戶存儲視頻/圖像并直播到社交媒體,這為用戶體驗和客戶體驗帶來了新的維度。

圖片來源 — RayBan

三、動畫與 3D 設計成為新趨勢

當更多人掌握一項新技能時,新趨勢往往就會誕生。LottieFiles 可以便捷的將 UI 生成簡單的動畫,他們甚至推出了 Figma 插件,允許用戶將 Figma 動畫轉(zhuǎn)換為可導出的 Lottie JSON 文件。這解決了 After Effects 和類似軟件的漫長學習曲線問題,讓更多的設計師可以自己快速制作動畫。

同時我們注意到,如今每個公司的登陸頁面上都有誘人的互動。這源于網(wǎng)站訪問者對差異化體驗的需求不斷增長,以及在銷售產(chǎn)品/服務的過程中講好故事的更大需求。

以 Apple Watch Series 9 的登陸頁面交互為例:

有了滾動動畫,訪問者就會全神貫注于你要向他們展示的內(nèi)容。Webflow 和 Framer 等無代碼工具不斷創(chuàng)新,為設計人員帶來此類動畫功能,而無需編寫長行代碼。

人們可能會認為,動畫至此已經(jīng)達到頂峰,沒有什么值得期待的了。但幸運的是,科技界的人總是在尋找下一件大事,并且提供無窮無盡的強大工具,讓想象的一切都變得可能。其中一種可能性就是新的“動畫按鈕趨勢”。一種新的 UI 風格,引入了動畫技術,使簡單的按鈕變得生動起來。這些變化的范圍從按鈕周圍的簡單筆劃動畫,到鼠標懸停時在按鈕內(nèi)移動的文字星星。

來源于 X的“@learnframer”的 GIF

除了動畫的趨勢之外,最近,許多設計師都在談論設計世界如何從扁平化設計轉(zhuǎn)向更偽現(xiàn)實的視覺風格。其中包括 3D 圖形、深度效果、擬物化、擬物化等。我們也看到很多公司都將 3D 作為核心風格。盡管它現(xiàn)在可能不會出現(xiàn)在網(wǎng)頁和應用程序設計中,但徽標正在隨著這一新趨勢而更新。

新 3D 浪潮的幾個很好的例子(來源于 Chan Karunaratne)

與動畫設計趨勢非常相似,人們實現(xiàn)這些樣式的一個重要原因是出現(xiàn)了易于使用的基于 Web 的 3D 工具,例如 Spline 和 Vectary ,這些工具使得在 Web 和應用程序上包含 3D 資源變得非常容易。他們還使用動畫將 3D 資產(chǎn)帶入生活,這是很多設計師所經(jīng)歷過的最短的學習曲線。設計師很快就能使用基本的線性漸變和一些陰影為企業(yè)的品牌資產(chǎn)添加第三維度。另一家始終推動設計和趨勢的公司是 Airbnb。他們因其簡單而有效的應用程序設計和交互而廣為人知。2023 年,他們宣布了一次應用程序更新,融入了十多個 3D 視覺元素,甚至公告視頻幾乎都是關于3D的。

Airbnb 發(fā)布視頻

等距視覺效果、3D 角色和動畫以及大量應用程序交互足夠吸引眼球,讓用戶想要重復觀看。從平面到動畫或 3D 的轉(zhuǎn)變在緩慢而穩(wěn)定的發(fā)生著。這種趨勢通常是由多米諾骨牌效應造成的。只要一位設計師的社交帖子受到歡迎,其他著名設計師也會效仿。

四、人工智能對于 UX / UI的影響

1. AI 設計工具是否可以成為設計師的好助手

雖然一些設計師認為 AI 未來會對他們的職業(yè)構成威脅,但我們大多數(shù)人都在使用這項技術更快地創(chuàng)造出最好的設計。

Adobe Firefly 用于視頻處理

不過大多數(shù)聲稱自己為“人工智能驅(qū)動”的設計工具,雖然開放了生成式 AI 的 API,也在開發(fā)自己的人工智能模型,但大多數(shù) AI 功能都還只是噱頭,只能完成隨機設計 UI、重組資產(chǎn)等不穩(wěn)定功能。

但市場上也仍然存在一些設計領域的英雄產(chǎn)品,比如 Relume 。這家專注于 Webflow 的公司推出了名為 Relume AI 的產(chǎn)品,這是一款功能強大的線框和交互工具。在該網(wǎng)站中輸入你的網(wǎng)站描述,它會生成完整且詳細的交互稿和視覺圖,界面的布局和數(shù)據(jù)完整,可以快速復制到 Figma 和 Webflow。

前段時間我們也分享過 Durable 這個建站產(chǎn)品AI + 建站|Durable,融資 1400 萬美金,30秒創(chuàng)建一個網(wǎng)站并成為自己的老板,它提供了創(chuàng)建網(wǎng)站所需要的一打子工具,包括網(wǎng)站構建器、CRM、發(fā)票軟件、人工智能助手等。用戶只需要提供品牌名稱、所屬行業(yè)、開展業(yè)務的地點和網(wǎng)站語言,Durable 就會基于用戶提供的信息快速創(chuàng)建一個網(wǎng)站首頁。

用 Durable 創(chuàng)建網(wǎng)站

2. AI 時代的用戶體驗設計

在 ChatGPT 還沒有風靡的時候,數(shù)字產(chǎn)品的用戶體驗風格普遍為以 GUI (圖形用戶界面)為主,通過圖形、按鈕、菜單等標準化元素,使用戶可以通過鍵盤、觸摸等方式與終端設備交互。Windows 操作系統(tǒng)、MacOS 、Photoshop等軟件都已 GUI 的用戶界面為主。

GUI 的界面設計在近 20 多年的發(fā)展過程中,由于功能場景的不斷增加, GUI 界面需要兼容復雜的、多樣化的用戶需求。功能強大的同時,設計成本變得很高,用戶的學習成本也隨之提升。尤其是在 TOB 領域的設計中,功能的龐大讓整個頁面擁有多重窗口、四五級以上的導航,即使設計師努力提供簡單易用的頁面,也很難降低用戶的學習難度。

隨著 GPT4 的推出,CUI (對話式用戶界面)的界面體驗正在逐漸應用廣泛。CUI 采用了更加直觀和自然的語言交互的方式,通過自然語言、語音等方式進行對話,可以有上下文記憶和智能化的回應,典型如 Siri 、Amazon Alexa 、 Google Assistant。

CUI 的出現(xiàn),用自然語言的對話方式,可以讓用戶更直觀的與數(shù)字產(chǎn)品進行交互,避免用戶記憶繁瑣的操作路徑,讓 AI 為自己找到最快的解決方案。

但是否所有應用都需要用 CUI 重構一遍?我們認為不會,不同的應用特性會導致不同的設計方向,這給了設計師進一步延展的空間。

  • 對于 TOC 的產(chǎn)品:針對用戶目的明確、功能較為簡單的產(chǎn)品, CUI 會對其的交互體驗有著革命性的影響,比如攜程、美團這種需求明確的產(chǎn)品,用戶的目標是為了找到最合適的商品完成購買,這個過程可以通過 CUI × AIGC 的方式進行進一步重構;但針對用戶目的不明確,且產(chǎn)品體驗過程較為舒適、不需思考的產(chǎn)品,如抖音、快手,CUI 不一定是最讓用戶喜愛的交互界面,或許需要探索二者結(jié)合的最佳方式
  • 對于 TOB 的產(chǎn)品:用戶目的明確,功能多樣且復雜,我們認為 GUI 的設計界面很難被摒棄,導航式的地圖仍然需要提供給用戶完成有目的查找。同時對話式的命令也可以滿足用戶無目的的詢問,或許 CUI 可以基于現(xiàn)有層級分明的界面,進行關鍵流程的解答和提效。

五、不忘初心,回歸用戶

用戶體驗的研究已經(jīng)不斷發(fā)展和完善,使設計變得易于理解和包容。相比于視覺設計的精美程度,許多設計師更重視可用性,這帶來了更簡單且可行的設計風格。盡管過去幾年行業(yè)發(fā)生了變化,該設計原則仍然被踐行。

2019 年至 2023 年“用戶體驗可訪問性”的 Google 趨勢圖

上面的谷歌趨勢圖顯示了無障礙設計漸漸成為了真正的工業(yè)需求。可訪問性技術的范圍從顏色對比、可讀字體、可識別的動作元素,一直到追蹤不同用戶的反饋,應用到產(chǎn)品功能中去。

1. 無障礙設計

由于當前需要為所有年齡段的人甚至身體有障礙的用戶進行設計,因此無障礙性也受到了大力推動。公司希望從所有不同的人群中獲利,并且也在各個方面推動包容性。隨著越來越多的人走向數(shù)字化,設計師幾乎必須專注于無障礙設計,更多針對無障礙設計的課程和訓練營也面向設計師開放。

2. 個性化

除了可訪問性之外,個性化才是真正讓人們鎖定應用程序或網(wǎng)站的原因?;蛟S你以前在 YouTube 上看過這條小信息 :

YouTube 評估你喜歡哪種內(nèi)容以便提供更好的推薦

即使是一個已發(fā)布功能,如果用戶反饋不佳,也很容易面臨撤回的情況,這直接體現(xiàn)了用戶體驗設計師在未來產(chǎn)品和服務方面的領先地位。

Perplexity AI CEO Aravind 曾分享過對于用戶體驗的理解,基本原則是“用戶永遠不會錯”。Perplexity 發(fā)現(xiàn)只有極少數(shù)人知道將好奇心轉(zhuǎn)化為清晰、準確的問題,從而導致結(jié)果不準確,甚至幻覺的出現(xiàn)。(歡迎閱讀我們研究 Perplexity 的深度文章:AI+搜索|關于搜索的想象,和目前估值最高的生成式搜索引擎 Perplexity。)

一種解決思路是總結(jié) prompt 的提問方法,讓用戶能主動學習;另一種解決思路是所以在對話式交互界面上,幫助用戶提一個好的問題。Perplexity 選擇了第二種,增加了提出問題之后的更多問題衍生。——平臺永遠要為用戶多想一步、多做一步。

Perplexity 界面

總得來說,設計趨勢會隨著工業(yè)化進程的推進,而演進為更前沿的風格,也會有更多工具幫助設計師開放腦洞,快速得到心中所想。但無論社會如何進步,以用戶體驗為中心的話題永遠不會終結(jié)。

 

 

 

藍藍設計(m.88yangsc.com )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設計、B端界面設計桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網(wǎng)站設計、平面設計,以及相關的軟件開發(fā)服務,咨詢電話:01063334945。

關鍵詞:UI咨詢UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司數(shù)據(jù)可視化設計公司、用戶體驗公司高端網(wǎng)站設計公司

銀行金融軟件UI界面設計、能源及監(jiān)控軟件UI界面設計、氣象行業(yè)UI界面設計、軌道交通界面設計、地理信息系統(tǒng)GIS UI界面設計、航天軍工軟件UI界面設計、醫(yī)療行業(yè)軟件UI界面設計、教育行業(yè)軟件UI界面設計、企業(yè)信息化UI界面設計、軟件qt開發(fā)、軟件wpf開發(fā)軟件vue開發(fā)

 

分享本文至:

日歷

鏈接

個人資料

藍藍設計的小編 http://m.88yangsc.com

存檔