<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 首頁

          系統設計 | 法國某大型零售銀行基于人工智能的個人財務管理系統設計

          杰睿 系統UI設計文章及欣賞

          我的職業生涯

          我從21世紀初開始從事數字用戶體驗設計,最初在工業領域獲得獎學金,后來轉向視覺藝術。這條非傳統的道路源于這樣一種信念:我希望對人類環境產生切實的影響,這需要我結合藝術和工業這兩個通常被視為對立領域的技能和文化參考。自然而然地,從我最初的職業經歷開始,數字領域對我來說就是一個充滿希望的新領域,能夠滿足我的好奇心和對實驗的渴望。

          將顯示縮放圖像

          此后,數字領域技術和使用方式的重大變革迫使我不斷汲取新知識,以改進我的專業實踐和定位,并理解新興技術的潛力。例如,2002年互聯網泡沫破滅后,在線商務蓬勃發展;2006年,社交網絡興起并擴張,媒體進入用戶生成內容時代;以及2009年,移動數字設備使數字訪問無處不在,改變了我們與世界和他人的關系。

          二十五年的從業經驗讓我深刻理解設計實踐如何因應科技的革新和設計師日益復雜的決策而發生轉變。因此,我的實踐從經驗主義的創意方法,演變為以用戶體驗設計方法論為指導的戰術性方法,進而發展為將生態系統維度融入設計的戰略性方法。

          多年來,通過設計進行研究一直是我職業方法的核心,這體現在我擔任過法國國家鐵路公司 (SNCF)、PSA/Stellantis 創新中心、AXA 等組織的職務,目前我在 BPCE 集團的數字部門擔任數字設計總監。

          這也體現在我不斷涉足學術和研究領域。在交互式多媒體碩士課程中,我與一個學生團隊設計了一個交互式設備,用于教授中學生圖像分析;在法國國立高等裝飾藝術學院的研究實驗室里,我用了兩年時間探索移動技術如何改變通信工具的使用方式,之后又為一個歐洲多模式移動出行項目做出了貢獻;最后,我通過在設計學院的講座介紹人工智能。

          人工智能技術的加速發展及其被大眾迅速接受,是近代科技史上最重大的變革之一。它標志著數字媒體發展的轉折點,并預示著一場深刻的變革,將重新定義眾多行業,并改變眾多專業實踐。人工智能改變了人與科技的互動模式,引發了倫理、經濟和社會問題。這種轉變要求設計師快速適應,并引發了他們對在機器能力增強的情況下應承擔的責任和角色的思考。

          因此,我決定在2024年啟動一個博士項目,專注于設計基于人工智能的交互設備。該項目在獲得公司同意并于2025年3月在CY Cergy Paris University的ETIS實驗室確認我的論文注冊后正式啟動。

          研究背景

          風險

          “人工智能”(AI)一詞至今仍是一個備受爭議的話題。然而,為了本文的目的,有必要對其進行定義。我們將采用公眾、行業和官方機構最普遍接受的定義,即將人工智能描述為一種旨在執行通常由人類完成的智力任務的技術(英國政府,2021年)。

          這個新詞最初是由科學家在一個旨在研究機器模擬人類推理能力可能性的學術項目中構思和使用的(McCarthy 等人,1955)。這些能力涵蓋了當前生成式人工智能系統的主要特征:語言操作、基于神經網絡的架構,以及基于海量數據的自我提升或學習能力(機器學習、深度學習)。

          與“機器智能”等其他術語相比,這個矛盾修辭法更受青睞,它通過強烈的智能內涵將機器和人類的世界結合在一起,有助于激發人們對這一新計算機技術領域的強大想象力(Gentes,2017)。

          人工智能技術設備的普及化自然引發了人們對其使用方式及其社會影響的質疑。這些問題早在首批公共生成式人工智能服務發布之前就已存在(聯合國教科文組織,2020),其重要性在2022年11月下旬發布的ChatGPT等服務中得到充分體現。OpenAI的對話界面以及隨后推出的許多其他界面在短短兩個月內就擁有了1億用戶,并被廣泛采用,尤其是在年輕用戶群體中。到2024年,盡管三分之一的法國人表示使用過人工智能,但69%的18-24歲人群和37%的12-17歲人群在其職業或教育生活中使用過人工智能(Arcep、Arcom、CGE、ANC,2025)。

          人工智能的風險在文獻中經常被討論。其中包括加劇社會不平等、強化現有偏見以及對隱私和個人自由的不利影響。此外,人工智能的設計流程和實施缺乏透明度,個人難以理解和掌控這項新技術如何影響他們的生活。然而,一種融合技術專家、設計師、社會學家和法律專家的多學科方法,或許有助于開發更符合倫理、更具包容性且更尊重人權的人工智能(Crawford & Bury,2022)。

          然而,人工智能的負面影響可以通過以用戶為中心的設計方法和適當的中介機制來抵消,從而促進其應用。例如,它的益處可以體現在提升法國政府數字服務的包容性上。對于相當一部分甚至連日常行政任務都難以完成的公民來說,這些服務往往非常復雜(Villani 等人,2018)。

          私營部門的許多其他服務也面臨同樣的困境,尤其是銀行。銀行的組織結構復雜、法律和安全限制以及某些技術基礎設施的陳舊,可能導致部分客戶被排除在外,尤其是那些缺乏數字素養或數字技能有限的客戶(法國國家統計局,2023)。然而,這并沒有減緩法國傳統銀行越來越多服務的非物質化進程。為了應對不斷變化的客戶使用習慣以及新冠疫情的影響,向數字渠道的轉移甚至有所加速(法國公共關系委員會,2022)。

          然而,如果過去十年中面臨寫作和數學困難的個人比例一直在下降(INSEE,2024)——作為數字渠道的替代品——法國銀行仍然強烈建議金融機構實施旨在促進銀行包容性的舉措。

          然而,這些舉措可能會受到法國傳統零售銀行商業模式的阻礙。這些銀行依賴密集的實體分支機構網絡,并且傾向于青睞富??蛻簦c這些客戶建立密切關系能帶來最大的利潤。相反,利潤較低的弱勢群體則要支付高昂的費用,滿足嚴格的資格標準,并且幾乎無法獲得針對其特定需求的定制服務,這進一步加劇了他們的邊緣化。這一悖論是法國銀行業的核心問題,盡管法國銀行業擁有包容性的監管框架,但邊緣家庭仍然持續被排除在金融之外(Pinos,2019)。

          研究領域

          這項研究是在數字部門進行的,該部門是 BPCE 集團數字和支付中心的一部分,我在那里擔任設計總監,負責用戶體驗設計。

          BPCE集團是法國第二大零售銀行。其主要機構包括儲蓄銀行(Caisses d'Épargne)和大眾銀行(Banques Populaires)網絡。截至2023年12月,該集團擁有3500萬客戶,其廣泛的銀行服務幾乎涵蓋了“自然人”個人銀行客戶的所有需求。

          BPCE集團的數字部門負責設計和統籌開發面向集團旗下大部分機構(儲蓄銀行、大眾銀行等)個人和專業客戶的銀行應用程序。過去十年,該部門在數字化轉型的背景下,在遠程銀行設備上開展的工作凸顯了銀行服務使用相關問題的復雜性。

          在這些設備中,BPCE 集團多年來一直提供個人財務管理 (PFM) 服務,旨在簡化客戶的費用控制、預算制定和跟蹤。

          作為設計工作的一部分,我們對這些服務的用戶進行了調查,結果表明個人理財領域的需求和使用方式存在很大差異。這種差異一方面與每位客戶獨特的財務狀況有關,另一方面也與他們的個人特征有關,例如他們的金融教育水平、個人經歷、偏好或在獲取銀行服務時可能遇到的困難。

          有些客戶采用非常結構化的預算管理方法,力求預測銀行賬戶的資金流入和流出。另一些客戶則積極主動,參與資產投資和優化。有些客戶并不尋求財務狀況的整合視角,而是頻繁調整日常管理。許多客戶必須定期做出艱難的權衡,優先考慮自身的基本需求;而另一些客戶則相反,很少參與其中,試圖將財務管理部分甚至全部委托給他人。

          此外,除了這些個人限制或偏好之外,這些設備的用戶還存在其他性質的需求。事實上,在法國,10% 的 18 至 64 歲成年人在閱讀、寫作和理解簡單文本等基本讀寫能力方面存在困難。此外,12% 的成年人在計算方面面臨挑戰,這影響了他們解讀數字數據的能力(法國國家統計局,2024 年)。

          讀寫和算術能力對于理解和解讀目前大多數公共財政管理系統 (PFM) 中存在的圖表至關重要。因此,很大一部分法國民眾可能無法使用目前設計的公共財政管理系統 (PFM) 工具。

          事實上,銀行提供的私人理財賬戶(PFM)的使用率仍然低得驚人。雖然三分之一的法國人知道這些賬戶的存在,但只有10%的人表示經常使用。這些設備的棄用率非常高,通常在首次使用后不到5天就發生了(Score Advisor,2020)。

          假設和跨學科性

          我們的假設是,人工智能代表著一個機會,讓我們能夠在研究項目框架內(Findeli,2004)從新視角來設計這些設備。該框架依賴于創建實物和演示器,旨在通過實證比較新型交互設備與現有解決方案的性能,來評估其滿足銀行用戶個人財務管理需求的能力。

          這一假設位于設計科學的交叉點,因為我們對與人工智能、信息和通信科學相結合的服務設計實踐感興趣,因為我們的目標是了解這些新界面產生和支持的社會、符號和技術中介的形式和含義,促進銀行與其客戶之間的互動。

          將顯示縮放圖像

          書目研究報告

          銀行技術的歷史

          我們閱讀材料的主要方面在于金融機構物質文化的歷史,以及技術如何改變——并持續改變——用戶與其日常使用服務之間的關系。本論題的視角在于貨幣和金融物質文化的動態變遷。事實上,目前存在著一種日常交易手段系統性非物質化的趨勢。然而,值得注意的是,從歷史上看,這是一個相對較新的現象,是由技術進步、經濟邏輯和政治選擇共同促成的,例如歐洲央行創建數字歐元的項目,以及內政部長熱拉爾德·達爾馬南(Gérald Darmanin)于2025年5月22日在參議院委員會面前呼吁消除現金的使用以打擊金融犯罪。

          自會計發明以來,貨幣、資本和商業交易一直依賴于有形的物質基礎。牲畜是古代物質財富的象征,其詞源與拉丁語“pecus”相關,后者演變為形容詞“pecuniary”。在古埃及或印度,貴金屬被制成珠寶,并被視為貨幣。工業時代初期的銀行建筑靈感源自古代作為價值儲存地的寺廟。賬簿、印章、匯票,以及后來的紙幣(Hoggson,2007)。因此,向非物質流動的轉變標志著與這種延續數千年的物質支撐傳統的徹底決裂。

          然而,銀行一直是計算機技術開發和應用的先鋒行業之一,尤其是在優化內部流程方面。自20世紀90年代以來,人們就開始嘗試使用自然語言處理技術,并在與復雜軟件系統交互的過程中發現了改進(Harris,1992)。然而,由于當時系統計算能力有限,自然語言在用戶界面中鮮有應用,直到人工神經元和深度學習的概念再次出現,這在一定程度上得益于2012年ImageNet競賽中圖像識別技術的進步(Yann Le Cun,2019)。

          基于語言模型的最新進展,尤其是Transformer算法架構(Vaswani等人,2017)的推動,銀行業目前正在面向客戶端的設備上開展新的實驗。這些算法使得評估幾年前大多數消費者服務設計師無法企及的交互系統成為可能,例如,能夠生成個性化的財務管理建議(Schlosky等人,2024)。這些算法的實用性已得到驗證。然而,基于本次實驗中采用的幾代模型,所提供的建議仍然相當通用,響應也仍然不完整。最重要的是,這些系統仍然難以根據用戶的具體情況,在所提出的解決方案之間建立相應的層級結構。

          設計研究與物質性

          設計將被視作一種設計實踐,它允許從材料中涌現出新的形式,并理解該領域以及用戶所面臨的問題(Gentès,2022)。在此,材料性是一個重要的方面,無論它是作為操作基礎的原材料,最終轉化為設計行為所產生的物品,還是以其最終形態成為一種文化實體。無論其性質如何,這都是正確的,因為任何人類創造的傳播媒介,都會通過其創造者和接收者的介入,獲得一種文化存在的形式(Jeanneret,2008)。

          在本文中,我們旨在將人工智能視為一種媒介,一種旨在產生新的和理想體驗的原材料(Simon,1988),而不是事后添加的簡單技術模塊。

          作為自身轉型的參與者,人工智能材料展現出我們需要進一步理解的技術符號學特性。因此,我們的研究將聚焦于其特定的能動性(Gentès,2022)。我們將探索依賴于代理(即具備一定行動能力的部分自主設備)的人工智能系統所產生的體驗特征。

          這種設計方法標志著用戶與數字媒體之間關系的轉變,直到最近,數字媒體才被視為人類轉型程序和項目的執行者(Jeanneret,2011)。

          借助人工智能,數字媒體可以積極充當個人與銀行等機構之間的中介。它通過界面實現這一目標,這些界面不僅能夠將用戶的請求翻譯成行政和技術語言,還能生成個性化響應并引導用戶獲得合適的服務(Villani 等人,2018)。因此,人工智能將不再僅僅傳輸或提供信息,而是會根據用戶的個人資料和上下文,對信息進行轉換,并優化其可理解性和相關性。這種從媒體到中介的轉變預示著新的委托形式,人工智能將在翻譯、支持和個性化方面發揮積極作用。

          金融包容性領域的決策設計

          對個人理財的研究需要打破刻板印象,尤其是那些圍繞經濟脆弱家庭的刻板印象。實施真正促進普惠金融的戰略和系統,需要了解他們的日常生活,觀察復雜的生活環境和軌跡,從而避免刻板印象。貧困往往伴隨著信息獲取渠道的匱乏和不準確的信念,這使得決策更具挑戰性,因為容錯空間很小(Banerjee & Duflo,2014)。

          信息不完整、認知局限以及反復使用可能引入系統性錯誤的判斷啟發式方法,也會導致決策出現偏差。在此,“自由主義家長制”可以為產品和服務的設計者提供理由,引導個人做出有利于自身的選擇,而無需訴諸強制手段或剝奪自由(Thaler & Sunstein,2003)。

          然而,合法性問題以及影響個人用戶選擇的風險在今天變得更加重要,因為像 ChatGPT 這樣的大型語言模型 (LLM) 擁有超越人類的論證能力。當它們能夠獲取關于人類對話者的社會人口統計數據(即使有限),例如年齡、性別或教育水平時,情況尤其如此 (Salvi 等人,2025)。

          HMI 和 AI:挑戰

          自 ChatGPT 和眾多利用 LLM 技術的服務公開發布以來,許多基于自然語言的交互設備已成為學術界和/或工業界研究的課題。保險公司 Alan 就是一個很好的例子,它評估了一款專門用于健康相關咨詢的對話代理。在預約就診日益困難的背景下,這款人工智能代理部分取代了人類顧問來解答投保人的問題。對比測試表明,用戶更喜歡與機器互動,因為與專家相比,機器的響應被認為更清晰,而且幾乎是即時的。這種前所未有的響應速度改變了交流的動態。對話變得更加流暢,鼓勵患者提出更多問題并獲得更多信息(Lizée 等人,2024)。這種體驗挑戰了“患者偏好人際互動”的假設,因為在某些情況下,與人工智能的互動可以促進傳統方式可能無法實現的參與度。

          人工智能也給其設計者帶來了挑戰。人工智能的本質與人類對它的本能感知之間存在著不對稱性。從最初的基于語言的計算機界面實驗開始,我們就觀察到人類用戶傾向于假設算法生成的響應中存在思考和意圖,即使這些算法是基于相對簡單的符號邏輯基礎進行操作,而無需理解上下文或內容。這種效應至今仍被稱為“伊麗莎效應”,以麻省理工學院約瑟夫·魏森鮑姆于20世紀60年代末開發的計算機程序命名,該程序可以根據預編程腳本模擬自然語言對話。

          這種認知也可能出現在設計師與其材料的互動中,尤其是在涉及人工智能代理時。雖然計算機在符號計算和語言生成方面能夠達到甚至超越人類的能力,但它們在某些看似微不足道的任務上仍然不夠熟練。這對于基于人工智能的交互系統的用戶和設計師來說尤其違反直覺(Moravec,2009)。

          這種不對稱會模糊設計師對人工智能能力和局限性的認知。他們很難把握人工智能系統的潛力,因為他們通常缺乏這方面的專業訓練,而且直到最近才開始缺乏與人工智能交互原型的工具。這導致他們與開發人工智能的工程師之間存在差距(Dove 等人,2017)。

          因此,作者呼吁更好地將設計師融入項目,以便他們能夠參與指導項目并定義用戶需求,然后與專業數據科學家合作開發、訓練或增強他們所依賴的人工智能模型。這些對產品驗證的貢獻可以使設計師成為算法客觀性能與其主觀效用值之間一致性的保證者。了解機器學習邏輯和工具是設計師確保設計能夠憑借適應人工智能時代的方法論繼續成為創新驅動力的先決條件 (Colombo & Costa, 2021)。

          目標

          在本論文中,我們旨在探討四個研究問題,這些問題將引導我們研究用戶(特別是最脆弱的用戶)與銀行之間的關系、這些組織部署的策略及其實施的影響、人工智能在設計項目中的貢獻,以及變革性技術的出現導致的設計實踐的轉變。

          將顯示縮放圖像

          這些問題顯然位于服務設計(Buchanan,2015)、系統設計(Buchanan,2019)以及計算技術融入創新和創造過程所引起的轉變(Gero,2000)研究的融合點。

          ⒈ 第一個問題

          財務脆弱人群或缺乏數字素養的人士如何使用現有的零售銀行服務?目前限制他們自主性的障礙有哪些?如何通過建模他們的需求來促進金融包容性的系統設計?

          ⒉第二個問題

          零售銀行為客戶提供哪些機制來促進日常資金管理?這些機制的目標客戶是誰?有些銀行是否希望促進普惠金融?這些機制的設計是否有指導原則,例如可解釋的人工智能?這些機制在多大程度上滿足了用戶的需求,或者未能完全或部分滿足用戶的需求?

          ⒊ 第三個問題

          人工智能系統如何增強銀行客戶(尤其是最弱勢群體)的信任、理解和明智的財務決策?哪些設計原則和可解釋性形式可以幫助解決基于人工智能代理(這些代理能夠影響用戶的關鍵決策)設計服務時固有的主要矛盾?又該如何衡量其影響?

          ⒋第四題

          哪些工具、方法、原則、模型和用戶界面組件可以在整個設計周期中支持基于人工智能的銀行服務的設計,以確保以人為本的體驗符合道德和監管要求,以及它們如何改變此類組織內的數字服務設計實踐?

           

          蘭亭妙微(m.sdgs6788.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計桌面端界面設計APP界面設計圖標定制用戶體驗設計交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan。

          UI 彈窗設計總結篇

          濤濤 系統UI設計文章及欣賞

          彈窗在 APP 中無處不在,這段時間剛好在整理彈窗組件相關內容,所以想和大家分享一下彈窗的設計思路。

          UI 設計死摳的細節

          濤濤 系統UI設計文章及欣賞

          作為一名專業的 UI 設計師,難免會有一點強迫癥,時常因無法平均的像素而苦惱,恨不得所有的元素都達到完美統一。

          桌面端界面設計 | 設計儀表盤時應避免的 6 個 UX 設計錯誤

          杰睿 系統UI設計文章及欣賞

          來源網址 — https://dribbble.com/shots/24659454-Customer-Journey-CRM-Dashboard

          儀表板在企業應用程序中扮演著至關重要的角色,它為用戶提供重要數據的結構化視圖。然而,設計不佳的儀表板可能會導致混亂、效率低下和用戶失望。精心設計的儀表板不應僅僅顯示數據,而應提供有意義的信息,幫助用戶快速做出決策。

          為了確保有效的儀表板體驗,請避免這六個常見的 UX 設計錯誤。

          1.導航結構不佳

          導航是任何儀表板的支柱。許多設計師犯了一個錯誤,將所有導航選項塞進一個菜單中,導致用戶難以找到必要的功能。

          最佳實踐:

          • 使用頂部的全局導航來執行配置文件、設置和注銷等關鍵操作。
          • 儀表板特定的導航放在左側以組織視圖、數據類型和工具。
          • 利用面包屑為用戶提供深入瀏覽內容的清晰路徑。

          例子:

          將顯示縮放圖像
          來源網址 — https://dribbble.com/shots/24191273-Sales-Analytics-Dashboard

          2. 忽視用戶的心智模型

          用戶在與儀表板交互時,期望其結構合乎邏輯且熟悉。如果菜單類別和標簽不符合他們的預期,儀表板就會變得缺乏直觀性。

          最佳實踐:

          • 進行用戶研究以了解用戶期望如何查找信息。
          • 使用卡片分類等技術根據用戶行為來組織菜單項。
          • 確保命名約定和菜單結構符合用戶的期望。

          例子:

          將顯示縮放圖像
          來源網址 — https://dribbble.com/shots/24481340-Syncrowave-CRM-Dashboard

          3. 使用錯誤的數據可視化

          選擇錯誤的圖表類型會使數據更難解讀。有些可視化更適合比較,而有些則更適合趨勢圖或單個數據點。

          最佳實踐:

          • 在選擇可視化之前,了解數據背后的信息。
          • 使用條形圖為了進行比較,折線圖了解趨勢,以及餅圖比例。
          • 保持可視化簡單,避免不必要的復雜性,避免讓用戶感到困惑。

          例子:

          將顯示縮放圖像
          來源網址 — https://dribbble.com/shots/24061999--Exploration-Finance-Data-Charts

          4.依賴靜態內容

          儀表盤應該提供實時、可操作的洞察。如果內容每天都一樣,用戶就沒有理由重新訪問儀表盤。

          最佳實踐:

          • 關注根據實時數據定期更新的動態內容。
          • 突出顯示需要用戶注意的關鍵更新,例如警報或性能變化。
          • 使用交互式小部件,讓用戶深入了解特定數據。

          例子:

          將顯示縮放圖像
          來源網址 — https://dribbble.com/shots/24571531-DisputeFox-Credit-Score-Dashboard

          5.過多的空白和填充

          許多設計師將網頁設計原則應用于儀表盤,導致過多的空白,迫使用戶進行不必要的滾動。對于儀表盤而言,效率才是關鍵。

          最佳實踐:

          • 保持設計緊湊,同時保持可讀性。
          • 確保只需最少的滾動即可訪問重要數據。
          • 使排序、搜索和過濾等全局交互易于訪問。

          例子:

          將顯示縮放圖像
          來源網址 — https://dribbble.com/shots/22543517-Crypto-Web-Dashboard

          6. 沒有針對不同的用戶角色進行設計

          企業儀表板服務于具有不同需求的多種用戶類型。千篇一律的通用儀表板通常會導致效率低下。

          最佳實踐:

          • 識別不同的用戶角色及其特定需求。
          • 提供基于角色的視圖,以根據工作職能定制信息。
          • 進行用戶測試以驗證每個角色是否可以輕松訪問相關數據。

          例子:

          將顯示縮放圖像
          來源網址 — https://dribbble.com/shots/25007872-SportX-UI-Kit-Charts-Sources

          現實世界中精心設計的儀表盤示例

          以下是一些遵循良好用戶體驗原則的實時儀表板示例:

          1. Google Analytics——提供清晰的數據可視化和可自定義的視圖。
          2. Salesforce 儀表板——為銷售和營銷團隊提供基于角色的數據。
          3. Tableau 儀表板— 支持使用動態內容進行交互式數據探索。

          精心設計的儀表板不僅僅是數據的展示,它更是一個幫助用戶高效做出明智決策的工具。通過避免這些常見的用戶體驗錯誤,您可以創建一個既用戶友好又功能齊全的儀表板。優先考慮導航,滿足用戶期望,選擇合適的可視化效果,并專注于基于角色的動態內容,以確保無縫的體驗。

          桌面端界面設計 |審美積累|AI 電商 SaaS 后臺界面

          杰睿 系統UI設計文章及欣賞

           

          推薦人群:
          正在做電商后臺/智能推薦界面設計的交互設計師
          研究 AI 場景下 UI 信息組織邏輯的產品設計師
          想提升 B 端項目視覺控制力的視覺設計師
           
          在信息密集的 B 端 SaaS 產品中,如何用清晰、節制而具有未來感的設計,提升用戶的效率和信任感?Stockify 的界面是一個值得研究的參考。一款聚焦 AI 推薦和智能庫存管理的電商 SaaS 工具。這類產品的設計挑戰在于 —— 如何讓用戶信任 AI 決策,并在復雜的信息中快速做出行動。它不是做“好看”的界面,而是通過界面傳達控制感與專業感。

          imgi_262_f71c09228398707.685257a603072.jpg

          imgi_790_d6c39d228398707.685257a603800.jpg

          imgi_792_a468d2228398707.685257a5f3341.jpg

          imgi_809_2bc8c1228398707.685257a606132.jpg

          imgi_812_19cbcf228398707.685257a604ce5.jpg

           

          imgi_824_f953b1228398707.685257a60171f.jpg


          UI 風格關鍵詞

          冷靜克制的配色:以白+淺灰為底,輔以低飽和綠色作高亮,既保留科技感,也不過度強調“智能”噱頭。
          數據可視化有“敘事性”:不是堆圖表,而是用卡片、圖表、按鈕組合講一個“運營邏輯”的故事。
          干凈的留白與柵格:高度模塊化布局,讓信息有序展開,適合處理高頻交互與海量數據。
          可解釋的 AI 推薦:每個 AI 操作都有 hover 提示或“查看依據”,提升透明度與用戶信任。

          值得借鑒的細節

          儀表盤設計 首屏不是炫技的數據,而是四個“關鍵運營指標卡片”,強調日??刹僮餍?。顏色僅用于警示和趨勢,不做裝飾。
          卡片式推薦模塊 推薦商品按“推薦邏輯”分組,卡片下方標注 AI 原因(如:熱銷趨勢、庫存過剩),兼顧用戶理解和操作動機。
          側邊欄導航 折疊/展開狀態下都能維持清晰的視覺錨點,圖標+文字結構統一,適合中長時間使用場景。
          動效克制合理 hover、切換、加載等動畫幾乎不搶戲,節奏穩定、響應明確,能很好融入專業環境中。

          設計思路總結

          Stockify 的這套 UI 并不追求酷炫視覺,它更強調的是:如何通過克制美學+可解釋系統,把復雜的電商決策過程變得“有章可循”。這對 AI 相關后臺設計是個非常關鍵的提示。
          蘭亭妙微(m.sdgs6788.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

          北京ui設計服務【原創】人工智能大模型管理平臺UI設計案例分享

          杰睿 系統UI設計文章及欣賞

           

          項目背景

          在當下數字化浪潮中,各類大模型如語言、圖像生成模型不斷涌現,企業與機構對其應用需求激增。然而,模型開發流程繁瑣、部署成本高昂,不同模型間數據交互與共享困難重重。同時,模型性能優化、安全管理等問題亟待解決。在此背景下,大模型管理平臺應運而生,它旨在整合資源,簡化模型開發與部署流程,提升模型性能與安全性,為各行業高效利用大模型提供有力支持,助力人工智能技術深度融入業務。
          該系統的原首頁中信息量比較少,在設計時除了對頁面美觀的優化,從內容、布局、用戶使用場景、使用習慣、交互方式等方 面也進行考慮,增加了一些統計的圖表, 「歷史訪問信息」采用卡片式列表,突出模塊和內容。同時增加「個人上傳記錄」信息和「歷史訪問信息」可以進行 切換查看。

          項目概述

          產品定位

          大模型管理平臺定位為人工智能領域的核心樞紐。它是模型全生命周期的智慧管家,從研發時整合數據與算法資源,到部署時適配多元硬件環境,再到運營中實時監測性能,全方位守護。同時,它也是跨行業的賦能引擎,為金融、醫療、制造等行業提供定制化模型服務,加速業務智能化轉型。

          目標用戶

          大模型管理平臺的目標用戶廣泛且多元??萍计髽I研發團隊、金融機構從業者、醫療行業的研究人員和臨床醫生、教育領域的課程開發者與教育科技企業。此外,政府部門進行城市規劃、交通管理等決策時,也能從平臺獲取支持。這些用戶都期望通過大模型管理平臺,挖掘數據價值,實現業務的智能化升級 。

          設計風格

          系統首頁重構信息組織架構,豐富信息 和數據,同時頁面采用精美的圖標和小 插圖提高頁面的精細美觀度。 設計風格采用簡約的設計語言,清晰、 簡潔和直觀的表達方式,模塊化布局, 強調的是界面強調可復用性和通用性, 配色采用經典藍色,藍色具有很好的兼 容性,可以與多種顏色搭配使用,形成 和諧的視覺效果。
           
           

          設計亮點

          首頁其他方案欣賞

           

          如何做好 UI 設計

          濤濤 系統UI設計文章及欣賞

          本文圍繞 “如何做好 UI 設計” 展開,分享了一系列相關要點

          谷歌大刀闊斧,安卓UI將迎海量細節變更

          lanlanwork

          前段時間谷歌宣布,將于北京時間2025年5月14日1時(美國太平洋時間5月13日10時)舉行一場特別直播節目,名為《The Android Show:I/O Edition》。

          該活動由 Android 生態系統總裁 Sameer Samat 主持,較原定于5月20日開幕的 Google I/O 開發者大會早了整整一周。

          據谷歌介紹,此次特別節目將重點介紹Android 16系統的新特性及生態系統最新進展。

          而在一周后的I/O 主題演講上,谷歌還會帶來包括全新 UX 設計語言、Android XR 擴展現實系統及車載 Gemini 應用在內的多則Android 16訊息。

          最新爆料顯示,谷歌正在對Android 進行大規模界面重新設計,包括快速設置、音量調節、狀態欄等多處細節改進。

          新的狀態欄圖標和時鐘字體

          其中一個明顯的視覺差異出現在狀態欄中,谷歌調整了 Wi-Fi、移動數據、飛行模式和電池的圖標。

          Wi-Fi 和移動數據圖標現在是分段的,而 5G 和飛行模式圖標則更加醒目。同時,Android 的新電池圖標也更加多彩,當設備充電時呈現綠色背景,當電量低時變為紅色。

          文本時鐘所使用的字體發生了更微妙的變化,相較于之前字體要更大、更粗,目測更加方便用戶閱讀。

          合并通知和快速設置面板

          谷歌此次還增加了快速設置和通知面板合并,但保留了分割設計的許多改進,包括可調整大小的快速設置磁貼、用于 Wi-Fi 和藍牙的新一鍵切換、更有序的磁貼編輯器以及添加或刪除磁貼的一鍵快捷方式。

          除此之外,它還引入了重新設計的亮度滑塊、向下箭頭(而不是向右)用于可展開的磁貼,以及之前提到的分段 Wi-Fi 圖標。

          雖然基本布局相似,但外觀和感覺發生了巨大變化。這一界面不再是純黑色背景,面板下方會顯示模糊效果。

          與通知區域相比,快速設置按鈕下的模糊效果較弱。當啟用淺色模式時,背景呈現出磨砂玻璃的外觀。在深色模式下,背景和開關切換到更深的灰色,并且兩者都應用了透明度。

          更多模糊效果

          除了快速設置面板,Pixel 啟動器的應用抽屜、最近應用菜單(多任務視圖)和 PIN 輸入屏幕也用上了模糊背景效果。

          目前,這些區域根據系統主題(淺色或深色模式)使用純亮或暗灰色背景。

          更簡潔緊湊的鎖屏界面

          在最近發現的 Pixel 鎖屏布局中,谷歌將日期和天氣信息移動到時鐘下方或旁邊,將上下文信息組件移至其他位置。

          此外,通知欄也變得更加緊湊。可選設置會在鎖屏上折疊通知,不再顯示完整的通知預覽,而是僅顯示應用圖標(確保不會遮擋壁紙)。輕觸此圖標可展開通知面板,顯示所有待處理通知。

          除了上述變化,谷歌還針對全新UI進行了多處變動。但是目前暫不能確定,這些變化是否會實際應用到Android 16中,大家可以保持關注。

          蘭亭妙微(m.sdgs6788.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計、桌面端界面設計APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

          2025年UI設計的新趨勢,你不能錯過

          lanlanwork

          響應式與自適應設計的進階

          在 2025 年,隨著智能設備種類的持續增多,從傳統的桌面電腦、筆記本電腦,到各式各樣的智能手機、平板電腦,甚至新興的可穿戴設備如智能手表、智能眼鏡等,用戶期望在不同設備上都能獲得一致且優質的體驗。響應式設計不再僅僅局限于簡單的頁面布局調整,而是在布局與交互層面實現更為深度的優化。

           

          在布局方面,CSS 網格布局(CSS Grid Layout)和彈性盒模型(Flexbox)技術得到更廣泛且深入的應用。CSS 網格布局允許設計師創建二維的網格結構,精確控制頁面元素在不同屏幕尺寸下的位置與大小。例如,在一個電商網站頁面中,通過 CSS 網格布局,可以使商品展示區域在桌面端以多列形式整齊排列,而在手機端自動調整為單列布局,同時保持圖片與文字信息的合理展示比例。彈性盒模型則更側重于一維布局,它能夠方便地實現元素的對齊、分布與自適應拉伸。在一個導航欄設計中,使用彈性盒模型可以確保導航項在不同屏幕寬度下均勻分布,且當屏幕空間不足時,自動調整導航項的顯示方式,如將部分次要導航項折疊為下拉菜單。

           

          交互層面,響應式交互設計也有了新的發展。例如,手勢交互在不同設備上的一致性與適應性增強。在移動端,常見的滑動、縮放、長按等手勢操作,在可穿戴設備上也能以類似且符合設備特點的方式實現。在智能手表上,用戶通過簡單的左右滑動屏幕即可切換不同功能界面,這種交互方式與手機端的操作習慣相呼應,同時又適應了智能手表屏幕小、操作空間有限的特點。此外,視差滾動效果在響應式設計中也得到創新應用。在一些品牌宣傳網站中,視差滾動效果不僅能在桌面端營造出富有層次感的視覺體驗,在移動端同樣可以通過優化,利用有限的屏幕空間展現獨特的視覺效果,吸引用戶注意力,引導用戶深入瀏覽頁面內容。

          極簡主義與情感化設計的融合

          極簡主義設計風格在 2025 年依然盛行,但其內涵有了新的拓展,與情感化設計深度融合。極簡主義強調去除不必要的元素,以簡潔的界面呈現核心內容與功能,提升用戶操作效率。而情感化設計則關注用戶的情感需求,通過設計元素引發用戶的情感共鳴。

           

          從色彩運用來看,在極簡主義的基礎上,設計師更傾向于選擇具有情感暗示的色彩。柔和的暖色調如淡橙色、淺黃色,常用于營造溫馨、友好的氛圍,在一些兒童教育類 APP 或健康養生類應用中較為常見,能夠讓用戶在使用過程中感受到舒適與安心。冷色調中的深藍色,因其給人專業、可靠的感覺,常被用于金融類、辦公類應用的界面設計,增強用戶對產品的信任感。

          圖標設計也體現了這種融合趨勢。極簡主義的圖標造型簡潔,僅保留最能代表功能的關鍵特征。在此基礎上,通過賦予圖標一些獨特的細節或動效來傳遞情感。例如,一個音樂播放應用的播放按鈕圖標,在靜止時是一個簡潔的三角形,當用戶點擊播放時,圖標會以一種柔和的動畫效果展開,如同音樂從按鈕中流淌出來,這種微妙的動效設計增加了用戶與圖標之間的互動樂趣,引發積極的情感反饋。

          文案在極簡主義與情感化設計融合中也起著重要作用。簡潔明了的文案不僅能夠準確傳達信息,還能通過語氣、措辭傳遞情感。在一個在線購物 APP 的訂單確認頁面,文案 “您的寶貝已踏上旅程,期待與您早日相見”,相比單純的 “訂單已確認”,更能讓用戶感受到購物的愉悅與期待,從情感層面提升用戶對品牌的好感度。

           

          AR 與 VR 在 UI 設計中的拓展

          增強現實(AR)與虛擬現實(VR)技術在 2025 年逐漸成熟,其在 UI 設計領域的應用場景不斷拓展。在 AR 購物領域,消費者通過手機或 AR 眼鏡,能夠在現實環境中虛擬試穿衣服、擺放家具等。例如,一家家居品牌推出的 AR 應用,用戶可以在手機上選擇心儀的家具款式,然后通過手機攝像頭將家具虛擬放置在自己家中的實際場景中,查看家具與周圍環境的搭配效果。在這個過程中,UI 設計需要考慮如何在現實場景中清晰地展示虛擬家具的信息,如價格、材質、尺寸等,同時不干擾用戶對現實與虛擬融合場景的體驗。設計師通常會采用半透明的懸浮卡片形式展示信息,卡片的位置與大小會根據用戶的視角和操作進行動態調整,確保信息的可讀性與展示的自然性。

          在 VR 虛擬展廳方面,企業可以利用 VR 技術打造沉浸式的產品展示空間。UI 設計在其中負責構建導航系統、交互界面以及信息展示方式。用戶在虛擬展廳中通過手柄或手勢操作進行瀏覽,UI 設計需要提供直觀的導航指引,如在展廳地面設置虛擬的引導線,或者在用戶視野邊緣顯示簡潔的導航圖標,引導用戶前往不同的展示區域。當用戶靠近展品時,自動彈出詳細的產品介紹窗口,窗口的設計風格與虛擬展廳的整體氛圍相協調,采用 3D 立體效果展示產品細節,增強用戶的沉浸感與交互體驗。技術實現上,借助 Unity、Unreal Engine 等游戲開發引擎,結合 AR/VR 設備的傳感器數據,實現精準的交互響應與逼真的視覺效果。

           

          數據驅動設計的興起

          數據驅動設計在 2025 年成為 UI 設計的重要趨勢。通過收集與分析用戶在產品使用過程中的各種數據,設計師能夠深入了解用戶行為與偏好,從而精準優化 UI 設計的各個環節。

          在界面布局優化方面,通過分析用戶的點擊熱圖數據,設計師可以了解用戶在頁面上的注意力分布情況。例如,在一個新聞資訊 APP 的首頁,通過點擊熱圖發現大部分用戶集中點擊頁面頂部的熱門新聞區域以及特定分類標簽,而頁面底部的一些功能按鈕很少被點擊?;谶@些數據,設計師可以調整界面布局,將重要的新聞內容與常用功能放置在更易于用戶操作的位置,提高用戶獲取信息與使用功能的效率。

          功能設計同樣離不開數據支持。通過用戶行為數據的分析,發現用戶在某個功能模塊的使用頻率較低,進一步研究發現是該功能的操作流程過于復雜。設計師可以根據這些數據反饋,簡化操作流程,重新設計功能交互方式。比如,在一個在線支付流程中,通過數據分析發現用戶在填寫支付信息環節的放棄率較高,經過優化,采用自動填充用戶常用支付信息、簡化支付步驟等方式,有效提高了支付成功率,提升了用戶體驗。

           

          此外,數據驅動設計還體現在個性化推薦方面。通過收集用戶的瀏覽歷史、收藏記錄、購買行為等數據,利用機器學習算法為用戶提供個性化的內容推薦。在一個視頻播放平臺中,根據用戶的觀看偏好,為用戶推薦符合其興趣的視頻內容,UI 設計則需要考慮如何以吸引人的方式展示這些個性化推薦內容,如采用瀑布流布局、個性化的封面設計等,提高用戶對推薦內容的點擊率與觀看時長。

          可持續設計理念在 UI 中的體現

          隨著環保意識的增強,可持續設計理念在 2025 年的 UI 設計中愈發重要。在資源節約方面,UI 設計注重減少數據傳輸量與能耗。例如,在圖片處理上,采用 WebP 等高效的圖片格式,相比傳統的 JPEG、PNG 格式,WebP 格式在保證圖片質量的前提下,能夠大幅減少圖片文件大小,降低數據傳輸量,節省用戶的流量消耗,同時也減少了服務器的存儲與傳輸壓力。在動畫效果設計中,避免使用過于復雜、高能耗的動畫,采用簡潔且必要的動畫效果來提升用戶體驗,減少設備的電量消耗。

           

          從綠色環保角度,UI 設計在色彩選擇與界面風格上也有所體現。大量采用自然元素的色彩,如綠色、藍色等,營造與自然和諧的視覺感受。在一些環保主題的應用中,界面設計模仿自然生態場景,如以森林、河流等為背景元素,傳達環保理念。同時,在設計中避免使用過于刺眼、鮮艷且可能對用戶視覺造成疲勞的色彩組合,減少不必要的視覺干擾,讓用戶在使用產品過程中感受到舒適與放松,從側面體現可持續設計中對用戶身心健康的關注。此外,在產品更新與維護方面,UI 設計考慮到版本迭代的可持續性,采用模塊化設計,方便進行局部更新與優化,減少因整體更新帶來的資源浪費與用戶學習成本。


          蘭亭妙微(m.sdgs6788.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

          日歷

          鏈接

          個人資料

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

          存檔

          亚洲伊人久久大香线蕉苏妲己| 99久久精品国产毛片| 久久精品国产免费观看三人同眠| 久久亚洲AV无码精品色午夜| 久久久久久国产精品美女| 精品久久一区二区三区| 一级做a爰片久久毛片免费陪| 人人狠狠综合久久88成人| 久久精品国产WWW456C0M| 亚洲国产欧洲综合997久久| 久久精品国产半推半就| 久久人与动人物a级毛片| 热久久国产精品| 久久久久久久久久久| 久久精品中文字幕一区| 国产婷婷成人久久Av免费高清| 久久午夜综合久久| 精品久久久久久国产| 久久久久亚洲AV无码网站| 欧美日韩精品久久免费| 久久精品视屏| 国内精品欧美久久精品| 91精品国产91久久久久福利| 久久国产免费直播| 久久人人添人人爽添人人片牛牛| 免费一级欧美大片久久网| 国产精品亚洲美女久久久| 国产91久久精品一区二区| 久久亚洲精精品中文字幕| 久久婷婷国产剧情内射白浆| 亚洲国产精品无码久久青草| 色婷婷噜噜久久国产精品12p | 性做久久久久久免费观看| 99久久精品免费国产大片| 国产精品热久久无码av| 亚洲午夜久久久精品影院| 99久久精品免费看国产一区二区三区 | 久久精品久久久久观看99水蜜桃| 亚洲国产天堂久久久久久| 久久一区二区免费播放| 午夜精品久久久久久久无码|