国产女主播一区二区精品视频_女人一级刺激无遮挡毛片_无遮挡男女视频大全 -24小时日本在线视频_久久97人人超人人超碰超_中文字幕在线精品_色综合天天视频在线观看

首頁

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

杰睿 系統(tǒng)UI設計文章及欣賞

我的職業(yè)生涯

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

將顯示縮放圖像

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

二十五年的從業(yè)經(jīng)驗讓我深刻理解設計實踐如何因應科技的革新和設計師日益復雜的決策而發(fā)生轉(zhuǎn)變。因此,我的實踐從經(jīng)驗主義的創(chuàng)意方法,演變?yōu)橐杂脩趔w驗設計方法論為指導的戰(zhàn)術性方法,進而發(fā)展為將生態(tài)系統(tǒng)維度融入設計的戰(zhàn)略性方法。

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

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

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

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

研究背景

風險

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

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

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

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

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

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

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

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

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

研究領域

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

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

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

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

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

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

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

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

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

假設和跨學科性

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

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

將顯示縮放圖像

書目研究報告

銀行技術的歷史

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

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

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

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

設計研究與物質(zhì)性

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

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

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

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

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

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

對個人理財?shù)难芯啃枰蚱瓶贪逵∠螅绕涫悄切﹪@經(jīng)濟脆弱家庭的刻板印象。實施真正促進普惠金融的戰(zhàn)略和系統(tǒng),需要了解他們的日常生活,觀察復雜的生活環(huán)境和軌跡,從而避免刻板印象。貧困往往伴隨著信息獲取渠道的匱乏和不準確的信念,這使得決策更具挑戰(zhàn)性,因為容錯空間很小(Banerjee & Duflo,2014)。

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

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

HMI 和 AI:挑戰(zhàn)

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

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

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

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

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

目標

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

將顯示縮放圖像

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

⒈ 第一個問題

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

⒉第二個問題

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

⒊ 第三個問題

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

⒋第四題

哪些工具、方法、原則、模型和用戶界面組件可以在整個設計周期中支持基于人工智能的銀行服務的設計,以確保以人為本的體驗符合道德和監(jiān)管要求,以及它們?nèi)绾胃淖兇祟惤M織內(nèi)的數(shù)字服務設計實踐?

 

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

UI 彈窗設計總結篇

濤濤 系統(tǒng)UI設計文章及欣賞

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

UI 設計死摳的細節(jié)

濤濤 系統(tǒng)UI設計文章及欣賞

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

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

杰睿 系統(tǒng)UI設計文章及欣賞

來源網(wǎng)址 — https://dribbble.com/shots/24659454-Customer-Journey-CRM-Dashboard

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

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

1.導航結構不佳

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

最佳實踐:

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

例子:

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

2. 忽視用戶的心智模型

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

最佳實踐:

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

例子:

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

3. 使用錯誤的數(shù)據(jù)可視化

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

最佳實踐:

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

例子:

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

4.依賴靜態(tài)內(nèi)容

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

最佳實踐:

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

例子:

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

5.過多的空白和填充

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

最佳實踐:

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

例子:

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

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

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

最佳實踐:

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

例子:

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

現(xiàn)實世界中精心設計的儀表盤示例

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

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

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

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

杰睿 系統(tǒng)UI設計文章及欣賞

 

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

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 風格關鍵詞

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

值得借鑒的細節(jié)

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

設計思路總結

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

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

杰睿 系統(tǒng)UI設計文章及欣賞

 

項目背景

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

項目概述

產(chǎn)品定位

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

目標用戶

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

設計風格

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

設計亮點

首頁其他方案欣賞

 

如何做好 UI 設計

濤濤 系統(tǒng)UI設計文章及欣賞

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

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

lanlanwork

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

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

據(jù)谷歌介紹,此次特別節(jié)目將重點介紹Android 16系統(tǒng)的新特性及生態(tài)系統(tǒng)最新進展。

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

最新爆料顯示,谷歌正在對Android 進行大規(guī)模界面重新設計,包括快速設置、音量調(diào)節(jié)、狀態(tài)欄等多處細節(jié)改進。

新的狀態(tài)欄圖標和時鐘字體

其中一個明顯的視覺差異出現(xiàn)在狀態(tài)欄中,谷歌調(diào)整了 Wi-Fi、移動數(shù)據(jù)、飛行模式和電池的圖標。

Wi-Fi 和移動數(shù)據(jù)圖標現(xiàn)在是分段的,而 5G 和飛行模式圖標則更加醒目。同時,Android 的新電池圖標也更加多彩,當設備充電時呈現(xiàn)綠色背景,當電量低時變?yōu)榧t色。

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

合并通知和快速設置面板

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

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

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

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

更多模糊效果

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

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

更簡潔緊湊的鎖屏界面

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

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

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

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

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

lanlanwork

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

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

 

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

 

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

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

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

 

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

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

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

 

AR 與 VR 在 UI 設計中的拓展

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

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

 

數(shù)據(jù)驅(qū)動設計的興起

數(shù)據(jù)驅(qū)動設計在 2025 年成為 UI 設計的重要趨勢。通過收集與分析用戶在產(chǎn)品使用過程中的各種數(shù)據(jù),設計師能夠深入了解用戶行為與偏好,從而精準優(yōu)化 UI 設計的各個環(huán)節(jié)。

在界面布局優(yōu)化方面,通過分析用戶的點擊熱圖數(shù)據(jù),設計師可以了解用戶在頁面上的注意力分布情況。例如,在一個新聞資訊 APP 的首頁,通過點擊熱圖發(fā)現(xiàn)大部分用戶集中點擊頁面頂部的熱門新聞區(qū)域以及特定分類標簽,而頁面底部的一些功能按鈕很少被點擊。基于這些數(shù)據(jù),設計師可以調(diào)整界面布局,將重要的新聞內(nèi)容與常用功能放置在更易于用戶操作的位置,提高用戶獲取信息與使用功能的效率。

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

 

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

可持續(xù)設計理念在 UI 中的體現(xiàn)

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

 

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


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

日歷

鏈接

個人資料

藍藍設計的小編 http://www.gcdaj.cn

存檔