国外亚洲成av人片在线观看,热99re久久精品这里都是精品,天堂网在线最新版www,国产成人av区一区二区三,51久久成人国产精品麻豆

文章介紹了B端設(shè)計(jì)中的特殊組件，包括動(dòng)態(tài)時(shí)間選擇和動(dòng)態(tài)組織架構(gòu)選擇組件，分享了其業(yè)務(wù)背景及設(shè)計(jì)解法，旨在幫助設(shè)計(jì)師解決復(fù)雜多變的組件設(shè)計(jì)問題。

對(duì)于 B 端設(shè)計(jì)師的日常工作中，組件一定是一大難點(diǎn)。

因?yàn)榻M件復(fù)雜多變，所以組件的設(shè)計(jì)是其內(nèi)部的精華。我們準(zhǔn)備輸出一個(gè)系列，講講大家見到過的特殊組件，講講我在試用產(chǎn)品過程當(dāng)中，經(jīng)常遇到的奇葩組件類型，一方面是了解它的設(shè)計(jì)思路，同時(shí)也能夠用在工作當(dāng)中服務(wù)自己。

動(dòng)態(tài)時(shí)間選擇

業(yè)務(wù)背景：

在系統(tǒng)當(dāng)中，本身就會(huì)存在靜態(tài)數(shù)據(jù)與動(dòng)態(tài)數(shù)據(jù)兩種情況。

比如在篩選模塊當(dāng)中，選擇昨天既可以代表是上一天（靜態(tài)的，代表的就是 2025-05-14）；同時(shí)也可以被理解為是你打開系統(tǒng)當(dāng)前時(shí)間的上一天（動(dòng)態(tài)的，代表你每次登錄的前一天的數(shù)據(jù)），這種情況在BI 系統(tǒng)、研發(fā)管理系統(tǒng)當(dāng)中非常常見。

組件解法：

首先在時(shí)間的設(shè)計(jì)時(shí)，就需要考慮將兩種類型的選擇進(jìn)行拆分。

比如在神策數(shù)據(jù)當(dāng)中，首頁的數(shù)據(jù)篩選就會(huì)有相同功能，因此在時(shí)間選擇上，會(huì)提供兩個(gè)不同 Tab 分別呈現(xiàn)不同的數(shù)據(jù)邏輯，一個(gè)靜態(tài)、一個(gè)動(dòng)態(tài)。

同時(shí)大家留意，在靜態(tài)數(shù)據(jù)與動(dòng)態(tài)數(shù)據(jù)中，兩者的呈現(xiàn)內(nèi)容其實(shí)并不一致。

靜態(tài)更多為固定時(shí)間段，較為常規(guī)；動(dòng)態(tài)則為 前X天 ，這種方式其實(shí)最為通用，可以滿足不同用戶的實(shí)際場(chǎng)景，同時(shí)開發(fā)落地時(shí)邏輯也較為簡(jiǎn)單。（不然前一周的動(dòng)態(tài)數(shù)據(jù)，那周末需不需要？時(shí)間節(jié)點(diǎn)到底如何算，這些都是問題！）

這似乎也是動(dòng)態(tài)數(shù)據(jù)最通用的設(shè)計(jì)方法～

動(dòng)態(tài)組織架構(gòu)選擇

這個(gè)問題已經(jīng)被眾多同學(xué)問到數(shù)次，那就再來說說吧～業(yè)務(wù)背景：

同樣會(huì)有動(dòng)態(tài)數(shù)據(jù)與靜態(tài)數(shù)據(jù)概念的還會(huì)有組織架構(gòu)選擇，你會(huì)發(fā)現(xiàn)它的解法又會(huì)有所不同。

首先組織架構(gòu)是一個(gè)復(fù)雜的層級(jí)選擇，我們把這個(gè)組織定義為銀行，會(huì)更容易理解。

現(xiàn)在我們有 青年銀行>西南分區(qū)>成都分行>雙流支行

其中成都分行與雙流支行都可以單獨(dú)選擇，也就是單獨(dú)存在的實(shí)體。在用戶的選擇上，我既可以選擇 成都分行單獨(dú)一個(gè)數(shù)據(jù)；同時(shí)也可以選擇成都分行及分行下的子數(shù)據(jù)；甚至是選擇成都分行下的子數(shù)據(jù)，但不包含成都分部，三種情況。

其中成都分行及分行下支行為動(dòng)態(tài)，也就是后續(xù)再加入對(duì)應(yīng)支行可以自動(dòng)選中，其他則為靜態(tài)數(shù)據(jù)。

沒有理解的同學(xué)回過頭重新再閱讀一遍。

那這種情況這個(gè)選擇組件到底應(yīng)該如何設(shè)計(jì)？組件解法：

在我們課程當(dāng)中會(huì)講到，基礎(chǔ)的業(yè)務(wù)組件都是通過改造而來，同樣這個(gè)情況也不例外，我們可以用基礎(chǔ)的組件進(jìn)行改造優(yōu)化。

當(dāng)用戶提到需求過后，我會(huì)優(yōu)先建議 使用樹形選擇， 因?yàn)檫@是一個(gè)最為基礎(chǔ)、簡(jiǎn)單的 層級(jí)選擇邏輯。其整體結(jié)構(gòu)大致如下：

其實(shí)有這個(gè)想法，也是源自 Coding 的產(chǎn)品（這部分，其實(shí)是飛蛾這款產(chǎn)品的遺霜）

不過你會(huì)發(fā)現(xiàn)它經(jīng)過動(dòng)態(tài)的加持，整體的呈現(xiàn)效果會(huì)更為優(yōu)秀。

同時(shí)需要考慮如何呈現(xiàn)兩個(gè)選擇路徑的展示邏輯：

我們會(huì)將分行的選擇入口進(jìn)行拆分，這里最好的做法就是展示到 前側(cè)與后側(cè)

只是入口過于小眾，需要一定程度培訓(xùn)用戶，所以會(huì)考慮 tooltips 進(jìn)行提醒會(huì)更好~

但是除了樹形選擇之外，我們也可以考慮其他的層級(jí)選擇方式，因此使用面包屑選擇，可以考慮將特殊選擇入口，固定到底部 footer 處，讓其能夠承擔(dān)更多的選擇空間。

這就是關(guān)于這部分組件，大家有什么看法也歡迎在評(píng)論區(qū)我們聊聊，畢竟創(chuàng)作靈感都是來源于你們的工作，就這樣～ 拜～