欧美精品在线一区二区三区_亚洲女同精品视频_日韩一区免费_国产欧美久久久精品免费_国产这里只有精品_僵尸再翻生在线观看_久久99精品国产一区二区三区_亚洲免费一区二区_女教师淫辱の教室蜜臀av软件_中文字幕国产一区二区

首頁

藍(lán)藍(lán)設(shè)計(jì):某公司統(tǒng)一報(bào)送平臺(tái)與非現(xiàn)場(chǎng)監(jiān)管報(bào)表系統(tǒng) UEUI 設(shè)計(jì)案例

高勁 系統(tǒng)UI設(shè)計(jì)文章及欣賞

3.png

在企業(yè)合規(guī)管理與監(jiān)管報(bào)送的場(chǎng)景中,報(bào)表系統(tǒng)的 “高效性、準(zhǔn)確性、易用性” 直接影響工作效率與合規(guī)風(fēng)險(xiǎn)。藍(lán)藍(lán)設(shè)計(jì)為某公司打造的統(tǒng)一報(bào)送平臺(tái)、非現(xiàn)場(chǎng)監(jiān)管報(bào)表系統(tǒng) UEUI 設(shè)計(jì),以 “流程簡(jiǎn)化 + 數(shù)據(jù)清晰 + 合規(guī)適配” 為核心,重構(gòu)了監(jiān)管報(bào)送類系統(tǒng)的交互與視覺體驗(yàn),實(shí)現(xiàn)了復(fù)雜報(bào)表工作的輕量化操作。

一、設(shè)計(jì)定位:監(jiān)管場(chǎng)景下的 “合規(guī)與效率平衡”

監(jiān)管報(bào)表系統(tǒng)的核心痛點(diǎn)是 “流程繁瑣、數(shù)據(jù)復(fù)雜、容錯(cuò)率低”,本次設(shè)計(jì)從用戶實(shí)際工作場(chǎng)景出發(fā),明確了三大定位:
 
  • 合規(guī)適配:界面布局與功能模塊嚴(yán)格匹配監(jiān)管報(bào)送的流程規(guī)范(如數(shù)據(jù)錄入、校驗(yàn)、提交的步驟),避免操作偏差導(dǎo)致的合規(guī)風(fēng)險(xiǎn);
  • 效率提升:通過模塊化設(shè)計(jì)與智能交互,簡(jiǎn)化重復(fù)操作,降低數(shù)據(jù)錄入與核對(duì)的時(shí)間成本;
  • 視覺友好:采用 “淺紫 + 白 + 灰” 的柔和配色體系,既符合企業(yè)級(jí)系統(tǒng)的專業(yè)調(diào)性,又緩解了長(zhǎng)時(shí)間報(bào)表工作的視覺疲勞。
 
配色上,主色調(diào)選擇低飽和度的淺紫色(契合企業(yè)品牌調(diào)性),輔以綠色(通過標(biāo)識(shí))、紅色(預(yù)警標(biāo)識(shí))區(qū)分?jǐn)?shù)據(jù)狀態(tài),關(guān)鍵操作按鈕則用深紫色突出,實(shí)現(xiàn) “視覺引導(dǎo)與信息分層” 的雙重效果。

二、界面架構(gòu):從 “報(bào)送流程” 到 “數(shù)據(jù)管理” 的全鏈路覆蓋

系統(tǒng)以 “監(jiān)管報(bào)送全流程” 為核心,拆解為兩大功能模塊,覆蓋 “數(shù)據(jù)準(zhǔn)備 - 報(bào)表填報(bào) - 進(jìn)度管理” 的完整工作流:

1. 統(tǒng)一報(bào)送平臺(tái):流程化的 “報(bào)表填報(bào)界面”

平臺(tái)界面以 “步驟引導(dǎo) + 模塊化錄入” 的形式,簡(jiǎn)化了復(fù)雜的報(bào)表填報(bào)流程:
 
  • 頂部導(dǎo)航區(qū):明確 “待辦任務(wù)、已辦任務(wù)、報(bào)表管理” 等功能入口,用戶可快速切換工作場(chǎng)景;右上角的 “消息通知、用戶中心” 則提供系統(tǒng)交互與個(gè)人設(shè)置通道;
  • 核心填報(bào)區(qū):采用 “標(biāo)簽頁 + 分欄布局”,左側(cè)展示報(bào)表基礎(chǔ)信息(如 “國(guó)辦登記 2023000000001 50009 - 基礎(chǔ)信息”),并以紅色 “98” 標(biāo)識(shí)當(dāng)前填報(bào)進(jìn)度(完成 98%),直觀呈現(xiàn)工作狀態(tài);中間區(qū)域?yàn)閿?shù)據(jù)錄入模塊,將報(bào)表字段拆解為 “必填項(xiàng)、選填項(xiàng)”,通過 “輸入框 + 下拉選擇” 的形式簡(jiǎn)化錄入操作;右側(cè)則是 “校驗(yàn)提示區(qū)”,實(shí)時(shí)反饋數(shù)據(jù)填寫的合規(guī)性(如格式錯(cuò)誤、字段缺失);
  • 底部操作區(qū):設(shè)置 “暫存、保存、提交” 等操作按鈕,用戶可根據(jù)工作進(jìn)度靈活選擇,避免數(shù)據(jù)丟失 —— 其中 “提交并打印” 按鈕整合了 “提交報(bào)表 + 生成紙質(zhì)文件” 的功能,減少重復(fù)操作。
 
這一區(qū)域的設(shè)計(jì)邏輯是 “流程可視化”:通過進(jìn)度標(biāo)識(shí)、步驟引導(dǎo),讓用戶清晰掌握當(dāng)前工作節(jié)點(diǎn),適配監(jiān)管報(bào)送 “多步驟、高規(guī)范” 的需求。

2. 非現(xiàn)場(chǎng)監(jiān)管報(bào)表系統(tǒng):集約化的 “數(shù)據(jù)管理界面”

系統(tǒng)界面以 “列表 + 狀態(tài)標(biāo)識(shí)” 的形式,實(shí)現(xiàn)了多報(bào)表的集中管理與進(jìn)度監(jiān)控:
 
  • 篩選區(qū):支持按 “時(shí)間范圍、報(bào)表類型、狀態(tài)” 篩選數(shù)據(jù),用戶可快速定位目標(biāo)報(bào)表(如 “2023-01-01 至 2023-01-31” 的 “基礎(chǔ)信息表”);
  • 報(bào)表列表區(qū):以卡片式布局展示所有報(bào)表,每一張卡片包含 “報(bào)表編號(hào)(如‘編號(hào) 15423-154237795007’)、狀態(tài)標(biāo)識(shí)(綠色‘通過’/ 紅色‘未通過’)、填報(bào)人、進(jìn)度” 等信息,用戶可直觀了解各報(bào)表的當(dāng)前狀態(tài);
  • 操作區(qū):每一張報(bào)表卡片右下角設(shè)置 “編輯、查看、刪除” 等快捷操作按鈕,支持用戶對(duì)報(bào)表進(jìn)行二次修改或詳情查看。
 
列表的設(shè)計(jì)亮點(diǎn)是 “狀態(tài)可視化”:通過顏色與圖標(biāo)區(qū)分 “已完成、待提交、審核中” 等狀態(tài),例如綠色對(duì)勾代表 “報(bào)表已通過審核”,紅色叉號(hào)代表 “報(bào)表未通過”,讓多報(bào)表管理更高效。

三、交互體驗(yàn):監(jiān)管場(chǎng)景下的 “操作簡(jiǎn)化與風(fēng)險(xiǎn)控制”

針對(duì)監(jiān)管報(bào)送 “高準(zhǔn)確性、低容錯(cuò)率” 的需求,系統(tǒng)在交互設(shè)計(jì)上做了多重優(yōu)化:
 
  • 實(shí)時(shí)校驗(yàn):數(shù)據(jù)錄入時(shí),系統(tǒng)會(huì)實(shí)時(shí)檢測(cè)字段格式(如日期、金額),并在輸入框下方彈出提示(如 “請(qǐng)輸入正確的手機(jī)號(hào)格式”),提前規(guī)避錯(cuò)誤;
  • 狀態(tài)引導(dǎo):報(bào)表卡片的 “顏色標(biāo)識(shí) + 圖標(biāo)”,讓用戶快速識(shí)別異常報(bào)表(如紅色標(biāo)識(shí)的未通過報(bào)表),及時(shí)處理風(fēng)險(xiǎn);
  • 快捷操作:整合 “提交 + 打印”“編輯 + 保存” 等高頻操作,減少界面跳轉(zhuǎn) —— 例如填報(bào)完成后,點(diǎn)擊 “提交并打印” 即可一鍵完成報(bào)表提交與紙質(zhì)文件生成,提升工作效率。

四、設(shè)計(jì)價(jià)值:監(jiān)管報(bào)送場(chǎng)景的 “體驗(yàn)與效率雙升級(jí)”

對(duì)企業(yè)而言,這套 UEUI 設(shè)計(jì)的核心價(jià)值在于合規(guī)落地與成本降低
 
  • 合規(guī)風(fēng)險(xiǎn)降低:通過實(shí)時(shí)校驗(yàn)、流程引導(dǎo),減少了報(bào)表填報(bào)的錯(cuò)誤率,避免因不合規(guī)導(dǎo)致的監(jiān)管處罰;
  • 工作效率提升:模塊化錄入、快捷操作等設(shè)計(jì),將單報(bào)表的填報(bào)時(shí)間縮短了 30%,適配企業(yè) “多報(bào)表、高頻率” 的報(bào)送需求;
  • 管理成本優(yōu)化:集約化的報(bào)表管理界面,讓管理員可快速掌握所有報(bào)表的進(jìn)度,降低了團(tuán)隊(duì)協(xié)作的溝通成本。
 
作為企業(yè)級(jí)監(jiān)管系統(tǒng)的設(shè)計(jì)案例,藍(lán)藍(lán)設(shè)計(jì)的本次實(shí)踐證明:專業(yè)場(chǎng)景下的系統(tǒng)設(shè)計(jì),不是 “功能的堆砌”,而是基于工作流程的體驗(yàn)重構(gòu)—— 通過界面布局、交互邏輯的優(yōu)化,讓復(fù)雜的合規(guī)工作變得 “高效、清晰、可控”。

 

藍(lán)藍(lán)設(shè)計(jì):某基金公司投資行為分析平臺(tái)暗黑模式 UEUI 設(shè)計(jì)案例

高勁 系統(tǒng)UI設(shè)計(jì)文章及欣賞

2.png

在金融投研場(chǎng)景中,從業(yè)人員常面臨長(zhǎng)時(shí)間盯屏、復(fù)雜數(shù)據(jù)解析的工作壓力,“暗黑模式” 界面不僅能緩解視覺疲勞,更能通過色彩對(duì)比強(qiáng)化數(shù)據(jù)層級(jí) —— 藍(lán)藍(lán)設(shè)計(jì)為某基金公司打造的投資行為分析平臺(tái)暗黑版 UEUI 設(shè)計(jì),正是以 “專業(yè)適配 + 體驗(yàn)優(yōu)化” 為核心,構(gòu)建了更貼合金融工作場(chǎng)景的高效操作界面。

一、設(shè)計(jì)定位:暗黑模式下的 “專業(yè)金融場(chǎng)景適配”

區(qū)別于常規(guī)界面的暗黑化處理,本次設(shè)計(jì)從基金投研的核心需求出發(fā),重新定義了暗黑模式的價(jià)值:
 
  • 視覺友好:深灰底色搭配低飽和度輔助色,降低屏幕光線對(duì)眼部的刺激,適配投研人員 “長(zhǎng)時(shí)間沉浸式工作” 的場(chǎng)景;
  • 數(shù)據(jù)聚焦:通過 “深色背景 + 高對(duì)比數(shù)據(jù)” 的組合,讓 K 線、指標(biāo)、預(yù)警信息更醒目,減少信息篩選的注意力損耗;
  • 專業(yè)調(diào)性:黑色系本身自帶的 “嚴(yán)謹(jǐn)、冷靜” 屬性,與基金行業(yè)的專業(yè)定位高度契合,強(qiáng)化了平臺(tái)的可信感。
 
配色體系上,設(shè)計(jì)團(tuán)隊(duì)以深灰(#1E1E1E)為基底,搭配紅色(風(fēng)險(xiǎn) / 收益突出)、青色(趨勢(shì) / 增長(zhǎng)標(biāo)識(shí))、黃色(預(yù)警提示)等低明度高飽和色彩,既保證了視覺舒適度,又實(shí)現(xiàn)了數(shù)據(jù)的分層傳遞 —— 例如上漲數(shù)據(jù)用青色箭頭標(biāo)注,下跌數(shù)據(jù)用紅色標(biāo)識(shí),關(guān)鍵指標(biāo)則以亮白色加粗突出。

二、界面架構(gòu):從 “數(shù)據(jù)呈現(xiàn)” 到 “決策輔助” 的功能分層

平臺(tái)以 “投資行為全鏈路分析” 為核心,將界面拆解為三大功能區(qū),覆蓋投研、監(jiān)控、分析的全流程需求:

1. 頂部概覽區(qū):核心指標(biāo)的 “一眼捕獲”

界面頂部采用 “卡片式聚合” 設(shè)計(jì),將基金運(yùn)營(yíng)的核心指標(biāo)濃縮為 4 個(gè)數(shù)據(jù)模塊:包含組合收益、波動(dòng)率、最大回撤等關(guān)鍵數(shù)值,并以 “數(shù)字 + 趨勢(shì)箭頭” 的形式直觀呈現(xiàn)變化方向(如 “1.00↑” 代表收益上漲 1%)。右側(cè)的 “VIP?Service” 入口則提供定制化服務(wù)通道,滿足專業(yè)用戶的個(gè)性化需求。
 
這一區(qū)域的設(shè)計(jì)邏輯是 “優(yōu)先級(jí)前置”:用戶無需向下滾動(dòng),即可在界面最醒目的位置獲取日常監(jiān)控的核心數(shù)據(jù),適配投研場(chǎng)景中 “快速掌握全局” 的需求。

2. 中部核心分析區(qū):多維度數(shù)據(jù)的 “可視化拆解”

作為平臺(tái)的功能核心,中部區(qū)域以 “模塊化 + 聯(lián)動(dòng)交互” 的形式,實(shí)現(xiàn)了復(fù)雜投研數(shù)據(jù)的直觀呈現(xiàn):
 
  • 資產(chǎn)配置模塊:通過環(huán)形圖展示股票、債券、現(xiàn)金等資產(chǎn)的占比結(jié)構(gòu),鼠標(biāo)懸浮時(shí)會(huì)彈出具體數(shù)值與行業(yè)分布詳情,幫助用戶快速掌握組合的風(fēng)險(xiǎn)敞口;
  • 趨勢(shì)分析模塊:以雙折線圖對(duì)比 “組合凈值” 與 “業(yè)績(jī)基準(zhǔn)” 的走勢(shì),支持按時(shí)間周期(日 / 周 / 月)切換,同時(shí)用不同顏色的曲線區(qū)分多組數(shù)據(jù)(如黃色代表 “基準(zhǔn)收益率”,青色代表 “組合收益率”),讓趨勢(shì)差異一目了然;
  • 個(gè)股監(jiān)控模塊:以表格形式呈現(xiàn)持倉個(gè)股的詳細(xì)數(shù)據(jù),包含 “最新凈值、漲跌幅、持倉金額” 等信息,并通過紅色 / 綠色標(biāo)識(shí)漲跌狀態(tài) —— 例如某只個(gè)股的 “-44,600.84↓” 代表虧損 44600.84 元,紅色字體強(qiáng)化了風(fēng)險(xiǎn)提示。
 
模塊之間支持聯(lián)動(dòng)交互:點(diǎn)擊資產(chǎn)配置環(huán)形圖的某一板塊,趨勢(shì)分析與個(gè)股監(jiān)控模塊會(huì)同步篩選對(duì)應(yīng)資產(chǎn)的相關(guān)數(shù)據(jù),實(shí)現(xiàn) “從全局到局部” 的穿透式分析。

3. 右側(cè)功能區(qū):工具與策略的 “快捷調(diào)用”

界面右側(cè)設(shè)置 “Investment Insight/Plan” 功能入口,提供策略生成、投資計(jì)劃定制等工具 —— 用戶點(diǎn)擊后可進(jìn)入策略回測(cè)、組合優(yōu)化等專業(yè)功能模塊,實(shí)現(xiàn) “分析 - 決策 - 執(zhí)行” 的閉環(huán)操作。
 
這一區(qū)域的設(shè)計(jì)亮點(diǎn)是 “輕量化入口”:將非高頻但關(guān)鍵的功能收納于側(cè)邊,既避免了主界面的信息過載,又保證了工具的便捷調(diào)用。

三、交互體驗(yàn):專業(yè)場(chǎng)景下的 “操作效率優(yōu)化”

針對(duì)金融投研 “高效、精準(zhǔn)” 的操作需求,平臺(tái)在交互設(shè)計(jì)上做了多重適配:
 
  • 懸浮交互:鼠標(biāo) hover 至圖表、數(shù)據(jù)模塊時(shí),會(huì)自動(dòng)彈出詳細(xì)信息(如環(huán)形圖某一板塊的具體占比、個(gè)股的持倉明細(xì)),無需點(diǎn)擊即可獲取深度數(shù)據(jù);
  • 快捷篩選:所有圖表均支持 “時(shí)間范圍拖拽選擇”“數(shù)據(jù)系列勾選” 等操作,用戶可快速聚焦目標(biāo)數(shù)據(jù),減少冗余信息的干擾;
  • 預(yù)警可視化:當(dāng)數(shù)據(jù)觸及風(fēng)險(xiǎn)閾值時(shí),界面會(huì)自動(dòng)以 “紅色閃爍 + 箭頭標(biāo)識(shí)” 突出提示,例如個(gè)股虧損超過設(shè)定比例時(shí),對(duì)應(yīng)的表格行會(huì)呈現(xiàn)紅色背景,幫助用戶及時(shí)捕捉風(fēng)險(xiǎn)點(diǎn)。

四、設(shè)計(jì)價(jià)值:暗黑模式下的 “專業(yè)體驗(yàn)升級(jí)”

對(duì)基金公司而言,這套暗黑版 UEUI 設(shè)計(jì)的核心價(jià)值在于適配場(chǎng)景 + 提升效率
 
  • 場(chǎng)景適配:深色調(diào)界面緩解了長(zhǎng)時(shí)間盯屏的視覺疲勞,更貼合投研人員的工作習(xí)慣;
  • 效率提升:數(shù)據(jù)的分層呈現(xiàn)與聯(lián)動(dòng)交互,讓復(fù)雜投研工作的信息篩選時(shí)間降低了 40%;
  • 風(fēng)險(xiǎn)可控:可視化的預(yù)警標(biāo)識(shí)與穿透式分析,幫助投研團(tuán)隊(duì)更及時(shí)地捕捉潛在風(fēng)險(xiǎn),提升了決策的精準(zhǔn)性。
 
作為金融 UI 設(shè)計(jì)的細(xì)分場(chǎng)景實(shí)踐,藍(lán)藍(lán)設(shè)計(jì)的本次案例證明:暗黑模式并非簡(jiǎn)單的 “界面換色”,而是基于場(chǎng)景需求的體驗(yàn)重構(gòu)—— 通過色彩、布局、交互的協(xié)同設(shè)計(jì),讓專業(yè)工具更貼合用戶的實(shí)際工作,實(shí)現(xiàn) “效率與體驗(yàn)” 的雙重提升。

 

跨設(shè)備交互設(shè)計(jì)挑戰(zhàn)——從桌面到移動(dòng)端的體驗(yàn)差異

杰睿

在當(dāng)今多設(shè)備環(huán)境下,用戶在桌面電腦、平板和手機(jī)之間頻繁切換,如何保證跨設(shè)備的一致性與高效體驗(yàn),成為交互設(shè)計(jì)師必須面對(duì)的挑戰(zhàn)。本文將從桌面到移動(dòng)端的體驗(yàn)差異出發(fā),分析設(shè)計(jì)難點(diǎn),并提出可行策略,幫助設(shè)計(jì)師在多端產(chǎn)品中提供流暢的用戶體驗(yàn)。

一、桌面端與移動(dòng)端的核心差異

桌面端與移動(dòng)端在硬件和使用場(chǎng)景上存在明顯差異,這直接影響交互設(shè)計(jì)策略。

差異點(diǎn) 桌面端 移動(dòng)端
屏幕尺寸 大屏,多窗口操作 小屏,單窗口操作
輸入方式 鍵盤 + 鼠標(biāo) 觸摸手勢(shì),虛擬鍵盤
使用場(chǎng)景 相對(duì)靜態(tài),坐在辦公桌前 高移動(dòng)性,隨時(shí)隨地
信息密度 高,可同時(shí)顯示大量信息 低,需要分步呈現(xiàn)
用戶注意力 較集中 容易分散,中斷頻繁

這些差異意味著同一個(gè)功能在不同端呈現(xiàn)時(shí),需要設(shè)計(jì)師考慮操作便捷性、信息層級(jí)和交互反饋。


二、跨設(shè)備交互設(shè)計(jì)面臨的挑戰(zhàn)

  1. 信息架構(gòu)適配
    桌面端可以同時(shí)展示復(fù)雜的菜單、工具欄和數(shù)據(jù)表,而移動(dòng)端屏幕有限,需要對(duì)信息進(jìn)行優(yōu)先級(jí)排序,避免過度壓縮導(dǎo)致用戶迷失。

  2. 操作方式差異
    桌面端依賴精確的鼠標(biāo)點(diǎn)擊和快捷鍵,而移動(dòng)端主要是手指觸控和手勢(shì)操作。設(shè)計(jì)中必須考慮目標(biāo)區(qū)域大小、滑動(dòng)交互和誤觸率。

  3. 功能分布與流程優(yōu)化
    某些功能在桌面端可以一次性完成,但在移動(dòng)端可能需要分步操作。例如,批量處理、復(fù)雜表單填寫等,需要拆分流程或提供輔助工具。

  4. 視覺一致性與品牌體驗(yàn)
    保持跨設(shè)備的視覺統(tǒng)一性,同時(shí)針對(duì)不同屏幕進(jìn)行適當(dāng)調(diào)整,是設(shè)計(jì)師的常見難題。圖標(biāo)、字體、色彩需要兼顧品牌識(shí)別和可讀性。

  5. 性能與響應(yīng)性
    移動(dòng)端網(wǎng)絡(luò)環(huán)境可能不穩(wěn)定,頁面加載、動(dòng)畫響應(yīng)需要優(yōu)化,否則會(huì)破壞整體體驗(yàn)。


三、解決策略與設(shè)計(jì)建議

  1. 優(yōu)先級(jí)重排與模塊化設(shè)計(jì)
    在移動(dòng)端只保留核心操作和信息,將輔助功能隱藏在二級(jí)菜單或彈窗中。同時(shí),模塊化設(shè)計(jì)可以方便不同端的組件復(fù)用。

  2. 觸控友好設(shè)計(jì)
    增加觸控目標(biāo)尺寸(推薦 44px × 44px 以上)、簡(jiǎn)化手勢(shì)操作,提供清晰的視覺反饋和動(dòng)畫引導(dǎo)。

  3. 響應(yīng)式布局與自適應(yīng)組件
    利用響應(yīng)式網(wǎng)格和自適應(yīng)組件,確保內(nèi)容在不同屏幕下都能清晰呈現(xiàn)。對(duì)于復(fù)雜功能,可采用折疊面板或分步流程。

  4. 跨端設(shè)計(jì)規(guī)范
    制定統(tǒng)一的設(shè)計(jì)規(guī)范,包括色彩、排版、圖標(biāo)風(fēng)格和交互模式,確保用戶在不同設(shè)備之間切換時(shí)感受一致。

  5. 性能優(yōu)化與異步加載
    對(duì)移動(dòng)端進(jìn)行性能優(yōu)化,使用懶加載、占位符、漸進(jìn)式加載等技術(shù)手段,保證流暢體驗(yàn)。

跨設(shè)備交互設(shè)計(jì)的核心目標(biāo),是在不同硬件和使用場(chǎng)景下保證用戶體驗(yàn)的一致性與高效性。桌面端與移動(dòng)端存在的差異,需要設(shè)計(jì)師在信息架構(gòu)、操作方式、流程優(yōu)化、視覺規(guī)范和性能優(yōu)化上做出針對(duì)性調(diào)整。通過模塊化、響應(yīng)式布局和統(tǒng)一設(shè)計(jì)規(guī)范,可以在保證品牌體驗(yàn)的同時(shí),讓用戶在任何設(shè)備上都感到自然流暢。

跨設(shè)備設(shè)計(jì)不是簡(jiǎn)單的“搬運(yùn)”,而是“優(yōu)化再創(chuàng)造”。理解用戶場(chǎng)景、洞察交互痛點(diǎn),是設(shè)計(jì)師跨端設(shè)計(jì)成功的關(guān)鍵。

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

界面設(shè)計(jì)案例分享 | ComplyContro品牌&UI

杰睿

imgi_214_9f0c73226297935.683f29f07b819.png

imgi_775_146bae226297935.683f1fcc7bea5.png

imgi_784_ef7ed4226297935.683f29f07b253.png

imgi_789_2e8849226297935.683f1fcc7a7d5.png

imgi_794_02439d226297935.683f1fcc7a01b.png

imgi_801_e002ed226297935.683f29f0799dc.png

imgi_808_89d252226297935.683f28f9eb07f.png

imgi_817_b4ccb4226297935.683f289fc694a.png

imgi_821_90ae54226297935.6840132c29038.png

 

1. 項(xiàng)目背景 & 設(shè)計(jì)目標(biāo)

  • 項(xiàng)目名稱與內(nèi)容:這是為 ComplyControl——一個(gè)專注金融領(lǐng)域的前沿 AI 合規(guī)模塊(具備實(shí)時(shí)監(jiān)控、智能檢測(cè)與欺詐發(fā)現(xiàn)功能)的品牌形象與網(wǎng)站界面設(shè)計(jì)項(xiàng)目 Behance+1

  • 完成時(shí)間與平臺(tái):發(fā)布于 2025 年 6 月 4 日,整合品牌設(shè)計(jì)、網(wǎng)站 UI/UX 及用戶界面,使用 Figma 與 Webflow 等工具進(jìn)行創(chuàng)作與實(shí)現(xiàn) Behance

2. 品牌視覺識(shí)別(Brand Identity)

  • 標(biāo)志設(shè)計(jì):圖中展示了簡(jiǎn)潔現(xiàn)代的標(biāo)志(logo),結(jié)構(gòu)緊湊且具識(shí)別度,呈現(xiàn)強(qiáng)烈的科技感與專業(yè)感 。

  • 配色策略:項(xiàng)目運(yùn)用了對(duì)比鮮明的暖色(如橙紅)與冷色(藍(lán)色),輔以深色底調(diào),強(qiáng)化視覺沖擊力,同時(shí)展現(xiàn)了兼具活力與穩(wěn)重的品牌氣質(zhì) 。

  • 字體風(fēng)格:在字體展示中可見清晰可讀的無襯線體,搭配簡(jiǎn)潔的數(shù)字表現(xiàn),進(jìn)一步傳達(dá)專業(yè)且現(xiàn)代的品牌語言 。

3. 界面設(shè)計(jì)(UI/UX & Website)

  • 移動(dòng)界面布局:圖中呈現(xiàn)了移動(dòng)設(shè)備上的 UI 布局,包括導(dǎo)航菜單與交互按鈕,采用扁平化設(shè)計(jì),按鈕與圖標(biāo)配色清晰,對(duì)焦用戶操作體驗(yàn) 。

  • 數(shù)據(jù)可視化:圖表或百分比數(shù)據(jù)顯示以清晰簡(jiǎn)練的方式呈現(xiàn)關(guān)鍵指標(biāo)(如 95%、40% 等),輔助用戶快速理解核心內(nèi)容 。

  • 整體風(fēng)格語言:整體風(fēng)格簡(jiǎn)潔、科技感強(qiáng)烈,布局邏輯清晰,強(qiáng)調(diào)功能與信息可視化,有助于金融產(chǎn)品的信息傳遞與可信感建立。

4. 工具與創(chuàng)作流程

  • 設(shè)計(jì)工具:項(xiàng)目中使用了 Figma 進(jìn)行界面與原型設(shè)計(jì),利用 Webflow 實(shí)現(xiàn)響應(yīng)式網(wǎng)頁開發(fā)與交互效果。同時(shí)還運(yùn)用 After Effects、Photoshop 以豐富視覺表現(xiàn)與動(dòng)畫效果 。

  • 多方協(xié)同:項(xiàng)目由 Embacy Design 領(lǐng)銜,聯(lián)合多位設(shè)計(jì)師及機(jī)構(gòu)參與,展現(xiàn)了團(tuán)隊(duì)協(xié)作的深度與創(chuàng)意整合能力 。


總體評(píng)價(jià)與亮點(diǎn)

優(yōu)點(diǎn) 描述
清晰品牌定位 通過色彩、字體與視覺元素的統(tǒng)一,傳達(dá)了“科技 + 合規(guī)”的品牌主旨。
現(xiàn)代化視覺表現(xiàn) 配色對(duì)比強(qiáng)烈、界面干凈、排版有序,符合金融科技產(chǎn)品的使用場(chǎng)景。
信息表達(dá)精準(zhǔn) 數(shù)據(jù)視覺化突出、界面交互明確,提升用戶理解與體驗(yàn)效率。
專業(yè)工具運(yùn)用 Figma、Webflow、AE 等工具的融合使用提升了設(shè)計(jì)的實(shí)施效率與表現(xiàn)力。

 

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

系統(tǒng)設(shè)計(jì) | 法國(guó)某大型零售銀行基于人工智能的個(gè)人財(cái)務(wù)管理系統(tǒng)設(shè)計(jì)

杰睿

我的職業(yè)生涯

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

將顯示縮放圖像

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

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

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

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

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

因此,我決定在2024年啟動(dòng)一個(gè)博士項(xiàng)目,專注于設(shè)計(jì)基于人工智能的交互設(shè)備。該項(xiàng)目在獲得公司同意并于2025年3月在CY Cergy Paris University的ETIS實(shí)驗(yàn)室確認(rèn)我的論文注冊(cè)后正式啟動(dòng)。

研究背景

風(fēng)險(xiǎn)

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

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

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

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

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

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

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

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

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

研究領(lǐng)域

這項(xiàng)研究是在數(shù)字部門進(jìn)行的,該部門是 BPCE 集團(tuán)數(shù)字和支付中心的一部分,我在那里擔(dān)任設(shè)計(jì)總監(jiān),負(fù)責(zé)用戶體驗(yàn)設(shè)計(jì)。

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

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

在這些設(shè)備中,BPCE 集團(tuán)多年來一直提供個(gè)人財(cái)務(wù)管理 (PFM) 服務(wù),旨在簡(jiǎn)化客戶的費(fèi)用控制、預(yù)算制定和跟蹤。

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

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

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

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

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

假設(shè)和跨學(xué)科性

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

這一假設(shè)位于設(shè)計(jì)科學(xué)的交叉點(diǎn),因?yàn)槲覀儗?duì)與人工智能、信息和通信科學(xué)相結(jié)合的服務(wù)設(shè)計(jì)實(shí)踐感興趣,因?yàn)槲覀兊哪繕?biāo)是了解這些新界面產(chǎn)生和支持的社會(huì)、符號(hào)和技術(shù)中介的形式和含義,促進(jìn)銀行與其客戶之間的互動(dòng)。

將顯示縮放圖像

書目研究報(bào)告

銀行技術(shù)的歷史

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

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

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

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

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

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

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

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

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

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

金融包容性領(lǐng)域的決策設(shè)計(jì)

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

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

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

HMI 和 AI:挑戰(zhàn)

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

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

這種認(rèn)知也可能出現(xiàn)在設(shè)計(jì)師與其材料的互動(dòng)中,尤其是在涉及人工智能代理時(shí)。雖然計(jì)算機(jī)在符號(hào)計(jì)算和語言生成方面能夠達(dá)到甚至超越人類的能力,但它們?cè)谀承┛此莆⒉蛔愕赖娜蝿?wù)上仍然不夠熟練。這對(duì)于基于人工智能的交互系統(tǒng)的用戶和設(shè)計(jì)師來說尤其違反直覺(Moravec,2009)。

這種不對(duì)稱會(huì)模糊設(shè)計(jì)師對(duì)人工智能能力和局限性的認(rèn)知。他們很難把握人工智能系統(tǒng)的潛力,因?yàn)樗麄兺ǔH狈@方面的專業(yè)訓(xùn)練,而且直到最近才開始缺乏與人工智能交互原型的工具。這導(dǎo)致他們與開發(fā)人工智能的工程師之間存在差距(Dove 等人,2017)。

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

目標(biāo)

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

將顯示縮放圖像

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

⒈ 第一個(gè)問題

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

⒉第二個(gè)問題

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

⒊ 第三個(gè)問題

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

⒋第四題

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

 

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

UI 彈窗設(shè)計(jì)總結(jié)篇

濤濤

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

UI 設(shè)計(jì)死摳的細(xì)節(jié)

濤濤

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

桌面端界面設(shè)計(jì) | 設(shè)計(jì)儀表盤時(shí)應(yīng)避免的 6 個(gè) UX 設(shè)計(jì)錯(cuò)誤

杰睿

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

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

為了確保有效的儀表板體驗(yàn),請(qǐng)避免這六個(gè)常見的 UX 設(shè)計(jì)錯(cuò)誤。

1.導(dǎo)航結(jié)構(gòu)不佳

導(dǎo)航是任何儀表板的支柱。許多設(shè)計(jì)師犯了一個(gè)錯(cuò)誤,將所有導(dǎo)航選項(xiàng)塞進(jìn)一個(gè)菜單中,導(dǎo)致用戶難以找到必要的功能。

最佳實(shí)踐:

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

例子:

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

2. 忽視用戶的心智模型

用戶在與儀表板交互時(shí),期望其結(jié)構(gòu)合乎邏輯且熟悉。如果菜單類別和標(biāo)簽不符合他們的預(yù)期,儀表板就會(huì)變得缺乏直觀性。

最佳實(shí)踐:

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

例子:

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

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

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

最佳實(shí)踐:

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

例子:

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

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

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

最佳實(shí)踐:

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

例子:

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

5.過多的空白和填充

許多設(shè)計(jì)師將網(wǎng)頁設(shè)計(jì)原則應(yīng)用于儀表盤,導(dǎo)致過多的空白,迫使用戶進(jìn)行不必要的滾動(dòng)。對(duì)于儀表盤而言,效率才是關(guān)鍵。

最佳實(shí)踐:

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

例子:

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

6. 沒有針對(duì)不同的用戶角色進(jìn)行設(shè)計(jì)

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

最佳實(shí)踐:

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

例子:

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

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

以下是一些遵循良好用戶體驗(yàn)原則的實(shí)時(shí)儀表板示例:

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

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

桌面端界面設(shè)計(jì) |審美積累|AI 電商 SaaS 后臺(tái)界面

杰睿

 

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

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

值得借鑒的細(xì)節(jié)

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

設(shè)計(jì)思路總結(jié)

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

日歷

鏈接

個(gè)人資料

存檔

可以免费看的av毛片| 一级黄色片国产| 欧美性猛交7777777| 亚洲免费影视| 一区二区在线视频| 先锋资源在线视频| 好吊日av在线| 国产片一区二区三区| 91九色国产在线| 五月天综合激情| 国产一区二区区别| 精品国产一区二区三区久久影院 | 国产精品爽爽ⅴa在线观看| 精品无码久久久久成人漫画| 韩国三级成人在线| 欧美午夜激情视频| 一级黄色片播放| 在线成人一区| 国模大尺度一区二区三区| 97超级碰在线看视频免费在线看| 永久免费毛片在线观看| 99久久99九九99九九九| 色婷婷久久久综合中文字幕| 天天操天天干天天玩| 在线看片线路1| 国产一区二区免费在线| 国产精品91一区| 日韩三级一区二区三区| 第一社区sis001原创亚洲| 精品国产乱码久久久久久浪潮| 男人的天堂日韩| 欧美黄色激情| 国产欧美精品一区二区色综合| 成人三级视频在线观看一区二区| 男人天堂视频网| 欧美激情成人在线| 最新中文字幕亚洲| 成人午夜福利一区二区| 韩国一区二区三区视频| 欧美欧美欧美欧美| 国产高潮免费视频| 国模精品视频| 午夜精品一区二区三区电影天堂 | 88av在线播放| 2019中文亚洲字幕| 欧美日韩大陆一区二区| 国产精品无码av无码| 成人av影院在线观看| 亚洲欧美日韩在线播放| 特级毛片在线免费观看| 青青青免费视频在线2| www.久久精品| 国产一区二区三区无遮挡| 国产成人av免费看| 免费在线看成人av| 国产精品狼人色视频一区| 天堂а√在线中文在线新版| 欧美不卡一区| 欧美激情第一页xxx| 久草国产在线观看| 亚洲精品电影| 九九热这里只有精品6| 欧美 日韩 国产 一区二区三区| 日韩一级电影| 亚洲视频axxx| 超碰人人人人人人人| 亚洲激情77| 亚洲欧美日韩久久久久久| 久久美女免费视频| 视频一区欧美| 日韩视频在线一区| 日韩在线中文字幕视频| 欧美成人直播| 欧美韩国理论所午夜片917电影| 免费无遮挡无码永久在线观看视频| 欧美日韩国产免费观看视频| 中文字幕一区二区三区电影| 北条麻妃在线观看视频| 四虎国产精品免费观看| 久久国产精品久久久久久久久久| 久久免费视频6| 欧美涩涩网站| 日本中文字幕不卡免费| 亚洲图片中文字幕| 精品一区二区在线播放| 国产精品视频一区二区三区经| 亚洲欧美日韩动漫| 久久久美女艺术照精彩视频福利播放| 四虎影院一区二区三区 | 性一交一乱一伧老太| 国产成人在线电影| 欧美精品123| av电影在线观看| 亚洲一区中文日韩| 日韩免费高清在线| 日韩色性视频| 日韩成人av在线播放| 91精品国自产在线| 亚洲国产精品91| 奇米4444一区二区三区| 亚洲中文字幕一区二区| 国产一区二区91| 日本不卡在线播放| 美女免费久久| 日韩欧美一区二区三区久久| www.色就是色.com| 国产精品调教| www国产精品com| 男人日女人网站| 另类中文字幕网| 久久久水蜜桃| 日本在线免费看| 色综合久久久久综合体桃花网| www激情五月| 日韩欧美美女在线观看| 欧美大片第1页| 中文字幕理论片| 国产69精品一区二区亚洲孕妇| 视频在线99| 国产丝袜视频在线播放| 欧美片网站yy| 国产三级av在线播放| 一区二区三区在线| 国产精品视频精品| 中文在线三区| 亚洲精品成人精品456| 国产精品久久a| 精品精品精品| 久久久久久久久久久成人| 国产精品无码久久久久成人app| 成人免费高清在线观看| 秋霞在线一区二区| 黄瓜视频成人app免费| 亚洲精品久久久久久久久久久久| 久久久久成人片免费观看蜜芽| 日韩成人伦理电影在线观看| 久久久久久九九| 四虎亚洲精品| 日韩一二三四区| 欧美卡一卡二卡三| 久久成人免费电影| 一区二区免费在线观看| 免费一二一二在线视频| 亚洲国产日韩欧美在线99| 久久久久久天堂| 另类综合日韩欧美亚洲| 一区二区三区三区在线| 亚洲欧美韩国| 亚洲人a成www在线影院| 中文字幕在线播| caoporm超碰国产精品| 国产人妻777人伦精品hd| 精品国产一区二| 欧美激情免费看| 黄色三级网站在线观看| 亚洲精选在线视频| 国产高潮失禁喷水爽到抽搐 | 中文字幕乱码人妻二区三区| 久久看人人爽人人| 无遮挡又爽又刺激的视频| 久久综合五月婷婷| 日韩av男人的天堂| 伊人色综合网| 欧洲另类一二三四区| 一级二级黄色片| 日本欧美一区二区在线观看| 亚洲国产午夜伦理片大全在线观看网站 | 2019日韩中文字幕mv| 经典三级久久| 51午夜精品视频| 视频在线不卡| 欧美性做爰猛烈叫床潮| 日韩在线一卡二卡| 国产中文字幕精品| 黄页免费在线观看视频| 乱中年女人伦av一区二区| 日本亚洲欧美成人| 美女做暖暖视频免费在线观看全部网址91 | 国产一区欧美一区| 国产曰肥老太婆无遮挡| 国产伦精品一区二区三区免费优势| 91精品国产免费久久久久久 | 91视频在线看| 亚洲性图一区二区| 亚洲成人av| 久久国产精品精品国产色婷婷| 99爱在线观看| 色综合亚洲精品激情狠狠| 午夜免费福利视频| 午夜精品久久久久久久久| 成人免费视频入口| 国产一区二区三区免费观看| 欧美 日韩 亚洲 一区| 亚洲第一福利社区| 亚洲伊人成综合成人网| 丁香花视频在线观看| 一本大道亚洲视频| 成人福利小视频| 午夜日韩在线观看| 一区二区国产精品精华液| 国产91丝袜在线播放| 亚洲成人福利在线观看| 亚洲一区二区三区无吗| 欧洲精品亚洲精品| 久久伊人影院| 国产精品视频专区| 6699嫩草久久久精品影院| 中文字幕亚洲无线码a| 天天操天天插天天射| 欧美伊人久久久久久久久影院 | 国产成人综合精品| a毛片在线看免费观看| 亚洲色图第三页| 人妻一区二区三区| 欧美三级中文字幕在线观看| 男人的天堂一区二区| 国产三区在线成人av| www.17c.com喷水少妇| 美美哒免费高清在线观看视频一区二区| 亚洲 欧美 综合 另类 中字| 精品国产精品久久一区免费式| 国产伦精品一区二区三区视频孕妇 | 国产尤物久久久| 国产日产精品一区二区三区四区| 久久xxx视频| 国产精品69久久| 精灵使的剑舞无删减版在线观看| 久久久国产精品亚洲一区| 在线观看av网站| 亚洲国产成人在线播放| 成人午夜福利视频| 欧美男生操女生| 一本色道久久综合熟妇| 欧美日韩在线视频一区二区| 国产污视频在线观看| 国产精品毛片无遮挡高清| 久久中文字幕精品| 91丨九色丨蝌蚪丨老版| 最新在线黄色网址| 国产99久久精品| 欧美69精品久久久久久不卡| 美女脱光内衣内裤视频久久影院| 狠狠热免费视频| 一本色道精品久久一区二区三区 | 免费在线视频欧美| 久久久国产一区| av国产在线观看| 精品国产一区二区在线| 福利成人在线观看| 色噜噜国产精品视频一区二区| 免费资源在线观看| 在线日韩第一页| 国产福利免费在线观看| 在线色欧美三级视频| 深夜福利视频在线观看| 伊人av综合网| 国产三级电影在线| 久久久精品电影| 精品视频在线一区二区| 九九热99久久久国产盗摄| 在线不卡日本v二区707| 欧美精品videossex88| 羞羞视频在线观看不卡| 久久久久久久91| 国产乱码在线| 热久久视久久精品18亚洲精品| 国产网红在线观看| 国产大片精品免费永久看nba| 中文字幕在线高清| 国产欧美一区二区白浆黑人| 91大神在线观看线路一区| 成人亲热视频网站| 亚洲精品a区| 欧美日韩国产不卡在线看| 九九综合久久| 大地资源网在线观看免费官网| 综合一区二区三区| 欧美 日韩 亚洲 一区| 国产精品呻吟| 在线视频观看一区二区| 国产成人免费在线视频| 免费在线观看成年人视频| 99精品视频一区二区三区| 国产精品久久久视频| 亚洲视频1区2区| 亚洲欧美综合另类| 欧美色精品在线视频| 懂色av成人一区二区三区| 亚洲精品电影在线观看| 国产永久免费高清在线观看| 欧美日韩aaaa| 亚洲wwww| 国产精品国产一区二区| 国产精品自拍区| 成年人午夜免费视频| 久久一区中文字幕| 在线精品视频播放| 久久精品一区二区三区不卡牛牛| 黄色一级片在线免费观看| 天天色综合成人网| 国产成人精品无码高潮| 日韩av在线免费播放| 99中文字幕一区| 亲子乱一区二区三区电影 | 深夜国产在线播放| 国产精品偷伦免费视频观看的| 日韩一级淫片| 中文字幕成人一区| 国产亚洲精品v| 久久久久亚洲av成人网人人软件| 久久九九全国免费| 99久在线精品99re8热| 欧美日韩国产免费一区二区| 97国产在线| 欧美成人一区在线| 日韩不卡在线| 欧美精品中文字幕一区二区| 亚洲综合小说| 视频免费1区二区三区| 久久综合久色欧美综合狠狠| 久久国产精品波多野结衣| 欧美伊人精品成人久久综合97| 婷婷在线观看视频| 欧美成人在线影院| 日本久久一区| 亚洲午夜精品久久久中文影院av| 99av国产精品欲麻豆| 亚洲色偷偷色噜噜狠狠99网| 国产精品久久久久影院老司| 亚洲第一区av| 亚洲精品福利在线观看| 伊人在我在线看导航| 18成人在线| 天天影视天天精品| 成年人网站av| 国产精品第四页| 99精品视频免费看| 日韩中文在线不卡| 成人黄页网站视频| 亚洲一区二区三区精品在线观看 | 一起草最新网址| 国产精品国产三级国产aⅴ原创| 国产精品国产精品国产| 亚洲九九九在线观看| 国产在线观看www| 欧美一区二区在线| 亚洲欧美日本日韩| 97在线观看免费视频| 欧美日韩国产一区二区三区| 国产传媒视频在线观看| 97国产精品视频| 国产精品超碰| 免费日韩视频在线观看| 91在线视频在线| 中文字幕永久在线| 伊人久久久久久久久久久久久| 中文字幕21页在线看| 亚洲精品成人三区| 美国毛片一区二区三区| 国产精品精品软件男同| 欧美精品黑人性xxxx| 国产盗摄在线观看| 国产伦精品一区二区三区四区免费| 精品96久久久久久中文字幕无| 亚洲一区二区乱码| 好吊成人免视频| 国产福利在线观看| 91av一区二区三区| 国内综合精品午夜久久资源| av直播在线观看| 日本道免费精品一区二区三区| 国产女主播在线直播| 成人精品久久av网站| 综合激情视频| 黄免费在线观看| 欧美精品视频www在线观看 | 日本高清视频一区| 青草国产精品| 欧美熟妇精品一区二区蜜桃视频| 午夜精品视频在线观看| 九一国产在线| 国产成人精品日本亚洲11| 日韩视频不卡| 尤物在线免费视频| 欧美精品一区二区三区视频| 色偷偷色偷偷色偷偷在线视频| 伊人情人网综合| 成人小视频在线| 在线免费观看一级片| 美女精品久久久| 少妇高潮一区二区三区| 亚洲成人手机在线观看| 亚洲国产成人高清精品| 欧美男男激情freegay| 97超级碰碰| 丝袜美腿亚洲色图| 日韩精品一卡二卡| 最新的欧美黄色| 麻豆成人入口| 丰满人妻一区二区三区大胸|