惨叫扩张调教虐宫,欧美成人v视频免费看,亚洲男人的天堂2019

首頁

262024-4

八角行為分析 — 打動用戶的產品密碼

在當今競爭激烈的市場環境中，打造真正吸引用戶的產品和服務已成為品牌脫穎而出的關鍵。我們需要不斷地探索和挖掘用戶的需求和期望，以便更好地設計出引人入勝的產品和服務。在這個過程中，用戶動機是用戶做出某種行為和決策的核心原因，了解用戶動機心理成為產品設計中至關重要的一環。

每一次玩法設計的過程中，我們都會為產品賦予諸多亮點。但只有和用戶需求交叉的部分才能真正驅動他們去體驗并傳播，我們可以用八角行為分析（Octalysis）來理解打動用戶的產品密碼。

評論(0) 瀏覽(486)

262024-4

優秀的設計就是帶給用戶驚喜！

博博

一、降落傘帶來的營銷廣告

在這個廣告滿天飛的年代，用戶已經逐步開啟廣告免疫模式，如何提高用戶對廣告的關注度至關重要。

近期在體驗餓了么時，等待送餐界面中空降一個降落傘，從左上角飄到右側懸浮，彈出紅包懸浮廣告。降落傘飄浮的動態過程吸引了用戶的關注度，進而提高了營銷廣告的點擊率，雖然廣告大家都比較反感，但是一個伴隨著驚喜的廣告也會讓你放下戒備心理。

二、動效反饋商家備餐過程

提升等待過程對于用戶體驗來說尤為重要，降低用戶等待過程中的焦慮感，才能讓用戶愿意為此停留。

通過餓了么點餐之后，商家需要一定的時間完成餐飲的制作，必然需要用戶等待一些時間。在這個備餐過程中，當前界面以一個翻炒動效表達，情感化的動效不僅提示用戶當前狀態，也提升了設計表達的感官體驗。

三、這個廣告驚不驚喜意不意外

意料之外的廣告是帶給你驚喜還是反感呢？平臺為了提高變現能力，各種層出不窮的廣告玩法也讓你猝不及防。

之前在體驗騰訊視頻 App 時，從閃屏廣告過度到 Banner 圖的過程中，經歷了多個廣告新花樣。首先從閃屏切換到自動輪播的彈窗模式，再演變到放大版的多個廣告切片（占 Banner 位呈現），最后再恢復到 Banner 的正常布局中。這個過程無疑是把廣告的存在感拉滿了，讓你對廣告的記憶形成硬性要求。

無論這個廣告設計方案是否讓用戶反感，但是這個呈現的互動方式還是比較新穎的，相信廣告的點擊率必然有所提升。

四、Banner 廣告的視覺沉浸感

Banner 圖在產品中是非常普及的，各類形式的演變也層出不窮，產品設計師都在探索更多可能性。

在騰訊視頻 App 動漫欄目中，發現一例很有想法的 Banner 表現。Banner 上面新增了一個懸浮的火焰燃燒的動效，提升了整體的氛圍感，動效與 Banner 畫面完美貼合，視覺沉浸感十足。

五、待機狀態下的實時動態

隨時讓用戶感受到你的存在，才能讓人感到安心，服務過程中狀態實時可見至關重要。

通過餓了么點餐之后，就算處于待機狀態時，只要點亮屏幕即可看到當前出餐狀態。可視化的圖形結合時間提醒，讓狀態一目了然，使得點餐到用餐之間的過程更有用戶可控性。

六、小圖標里的細節反思

產品中有很多輔助功能/信息等表達的圖標，既要能準確表達主題，也要讓用戶易于理解。

在汽車之家 App 發現了一個值得反思的圖標案例，在掃一掃的圖標中結合了汽車外形輪廓，不僅不會影響掃描的功能表達，也進一步表達了該功能的差異。和別的產品掃描功能不同，這個是對準汽車進行掃描，體現出了業務的差異化。一枚小小的圖標體現出了設計師的能力，用最簡單的方式表現自身產品的差異，以此提升用戶的操作體驗。

七、輪播式的懸浮設計

懸浮設計非常普及，因為占比小和滑動頁面會隱藏，對用戶的干擾比較小。

最近在芒果 TV 首頁發現了懸浮窗口的輪播式表達，芒果卡和活動中心會自動輪播顯示（也能手動切換）。讓我們對懸浮窗口的設計又多了一種設計理解，可以呈現更多不同內容的表達，提升了窗口的利用率。

八、氛圍熱烈的底部標簽欄

底部標簽欄的設計在圖標創意層面發揮較多，各類風格的圖標讓該欄目更加豐富多彩，除此之外也有在背景層渲染氛圍的案例。

近期恰逢芒果 TV 十周年之際，在底部標簽欄背景層也加強了氛圍感。豐富多彩的元素和配色，結合主題化的圖標設計，使得整體氛圍感拉滿。

九、收縮式交互設計

通過交互方式應對用戶操作過程，特別是在滑動界面時，交互方式的優化可以降低干擾，提高當前界面的利用率。

在 Blurrr App 創作界面，默認以 3D 動態圖標展示“開始創作”按鈕，當滑動界面時按鈕會收縮展示。通過收縮式的交互設計，讓界面可以展示更多內容，也不會影響用戶點擊按鈕進行創作。即通過 3D 動效加強了功能的曝光度，又通過收縮式交互提高了內容的展示空間，可謂是一舉多得的設計解決方案。

十、形象化的進度設計

進度設計是反饋狀態變化的關鍵，通過可視化的表達讓用戶一目了然，提高用戶對服務過程的把控。

當用戶通過攜程旅行 App 訂票后，在行程訂單界面可以看到列車行駛狀態的進度提示。通過可視化的列車形象的表達了行駛狀態，讓用戶清晰的看到行駛方向和抵達站點示意。不僅信息傳遞高效，形象的表達也使得感官體驗更佳。

作者：黑馬青年
來源：站酷

藍藍設計(m.paul-jarrel.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發服務，咨詢電話：01063334945。

關鍵詞：UI咨詢、UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司、數據可視化設計公司、用戶體驗公司、高端網站設計公司

銀行金融軟件 UI界面設計、能源及監控軟件 UI界面設計、氣象行業 UI界面設計、軌道交通界面設計、地理信息系統 GIS UI界面設計、航天軍工軟件 UI界面設計、醫療行業軟件 UI界面設計、教育行業軟件 UI界面設計、企業信息化UI界面設計、軟件qt開發、軟件wpf開發、軟件vue開發

評論(0) 瀏覽(518)

262024-4

【萬字干貨】B端進階｜表格數據過濾分析

前端達人

一、為什么需要數據過濾

在B端（Business to Business，即企業對企業）應用中，表格數據過濾功能是一項非常重要的功能。它能夠幫助企業用戶更方便地管理和查詢表格數據，提高工作效率和數據準確性。因此一個體驗感良好的數據篩選功能有助于用戶的任務處理效率。幫助系統更加友好、易用，從而增加用戶的滿意度和使用頻率。

在確定過濾類型之前，首先，需要確定哪些字段需要進行篩選。這需要根據業務需求和用戶習慣來確定。例如，在銷售系統中，可能需要對產品名稱、銷售日期、銷售數量等字段進行過濾；在人力資源系統中，可能需要對員工姓名、部門、職位等字段進行過濾。

二、數據過濾的類型

根據確定的過濾條件，需要設計合適的過濾方式。常見的過濾方式包括：1）搜索；2）頁簽導航；3）條件篩選。不同類型的過濾方式對應不同的用戶目標及數據特點

三、搜索

搜索是一種通過輸入關鍵詞或短語在大量數據中尋找相關信息的過程。在互聯網時代，搜索已成為獲取信息的主要途徑之一。通過搜索引擎，用戶可以快速地找到自己需要的內容。

3.1 搜索類型

3.1.1 單條件模糊搜索

介紹：用戶在搜索框中輸入一個關鍵詞，然后搜索引擎返回與該關鍵詞相關的結果。

優點

：簡單易用，用戶只需要輸入一個關鍵詞即可快速找到相關信息；
缺點

：搜索方式可能不夠精確，因為用戶可能沒有提供足夠的上下文信息，導致搜索引擎返回的結果與用戶的期望不符

3.1.2 多條件模糊搜索

介紹：指用戶在搜索框中輸入或選擇多個關鍵詞，然后搜索引擎返回與這些關鍵詞都相關的結果。可選擇是后臺配置查詢條件還是用戶配置。

優點

：更加精確，因為用戶提供了更多的上下文信息，可以幫助搜索引擎更好地理解用戶的意圖；
缺點

：需要用戶輸入更多的關鍵詞，增加了用戶的輸入成本。

3.1.3 搜索條件切換

介紹：指用戶在搜索框中輸入一個關鍵詞后，可以手動切換到另一個關鍵詞進行搜索。

優點

：靈活性和自由度更高，用戶可以根據自己的需要隨時切換關鍵詞進行搜索；
缺點

：需要用戶手動操作，增加了用戶的操作成本。

3.2 觸發方式

3.2.1 實時觸發

介紹：實時觸發是指當用戶在搜索框中輸入關鍵字時，搜索功能會立即進行匹配并返回相關結果。這種觸發方式可以為用戶提供實時的搜索體驗，方便用戶快速找到所需信息。通常需要后端服務器的支持。

優點

：當用戶在搜索框中輸入文字時，搜索功能會立即提供搜索結果。這種方式可以提供快速反饋，讓用戶更快地找到所需信息。此外，實時觸發搜索還可以幫助用戶逐步縮小搜索范圍，提高搜索效率。
缺點

：可能會對服務器造成較大的負擔，因為每次用戶輸入都會觸發一次搜索請求。其次，實時觸發搜索可能會干擾用戶的輸入過程，因為用戶需要不斷地觀察搜索結果并根據結果進行調整。

3.2.2 手動觸發

介紹：指用戶需要手動觸發搜索功能，通常是通過點擊搜索按鈕或按下回車鍵來執行搜索操作。這種觸發方式可以避免用戶在輸入過程中頻繁觸發搜索，提高用戶體驗

優點

：用戶需要點擊一個搜索按鈕或使用特定的快捷鍵才能觸發搜索功能。這種方式可以減少對服務器的負擔，并且不會干擾用戶的輸入過程。
缺點

：可能會讓用戶感到不便，因為他們需要手動觸發搜索功能。此外，如果用戶忘記觸發搜索功能，他們可能會浪費時間在輸入過程中。

3.3 理解用戶的搜索意圖

提高用戶的搜索效率和滿意度。通過提供相關的關鍵詞建議和展示之前的搜索歷史，搜索引擎可以幫助用戶更快地找到所需信息，并減少用戶的搜索時間和成本。此外，這些功能還可以增加用戶的忠誠度和滿意度，因為它們能夠提供更加個性化和智能化的搜索體驗。

3.3.1 關鍵字聯想

介紹：用戶在輸入一個關鍵詞時，搜索引擎能夠自動推薦與該關鍵詞相關的其他關鍵詞，以幫助用戶更快地找到所需信息。

3.3.2 搜索歷史

介紹：記錄了用戶之前搜索過的關鍵詞和搜索結果，以便用戶在以后的搜索中更快地找到之前查找過的信息。

四、導航

使用場景：標簽切換一般用于和時間、狀態的流轉有關，且沒有交集的數據內容；主要樣式有基礎、卡片、膠囊等。

4.1 頁簽導航（tabs）

通過點擊不同的標簽頁來切換不同頁面或視圖的功能。在許多應用程序中，頁簽導航可以幫助用戶快速地找到自己需要的功能或頁面。例如，在瀏覽器中，頁簽導航可以幫助用戶同時打開多個網頁，并在不同的標簽頁之間進行切換。

優點：

直觀易用：頁簽導航簡單明了，用戶可以快速理解并使用

節省空間：頁簽導航可以在有限的屏幕空間內展示多個頁面或部分內容，提高了頁面的利用率。

便于瀏覽：用戶可以通過頁簽快速切換到不同的頁面或內容，提高了瀏覽效率。

缺點：

導航深度限制：頁簽導航通常只適用于一級或兩級導航，對于多級導航可能會顯得過于復雜。

內容展示限制：由于頁簽的空間有限，可能無法展示所有需要的內容，需要用戶點擊后才能查看全部內容。

4.2 卡片導航

優點：

內容豐富：卡片導航可以展示更多的內容和信息，用戶可以通過卡片了解更多詳情

直觀性強：卡片導航以視覺化的方式展示內容，更加直觀和易于理解

交互性強：用戶可以通過滑動或點擊卡片進行操作，增強了交互性和體驗感

缺點：

占用空間大：卡片導航需要占用更多的屏幕空間，可能會影響頁面的整體布局和美觀度；

操作復雜度較高：對于一些用戶來說，卡片導航的操作可能會比較復雜，需要一定的學習成本

五、條件篩選

篩選是一種對搜索結果進行過濾和排序的過程，以便用戶能夠更快地找到自己需要的信息。篩選可以根據不同的標準進行，例如相關性、時間、重要性等。在許多應用程序中，篩選功能可以幫助用戶縮小搜索范圍，提高搜索效率。

5.1 頁面布局

5.1.1 上下布局

特點：篩選條件和表格數據分別位于頁面上方和下方，用戶可以逐行查看數據，同時看到篩選條件。

使用建議：適用于篩選條件較少，且數據量較大的情況。用戶可以快速瀏覽數據，同時方便對篩選條件進行修改。

5.1.2 左右布局

特點：篩選條件和表格數據分別位于頁面左側和右側，用戶可以同時看到篩選條件和數據。

使用建議：適用于篩選條件較多，且數據量較小的情況。用戶可以在篩選條件和數據之間進行快速切換，提高操作效率。

5.1.3 浮層（彈窗/抽屜）

特點：僅展示篩選圖標按鈕，以浮層形式呈現。可以在當前頁面的上方或側邊以浮動的形式展示，不會占用太多頁面空間。

使用建議：當頁面的空間利用率要求比較高，非高頻操作場景時可使用浮層的模式，節省頁面空間。

5.2 篩選類型

B端表格的篩選類型主要有平鋪式、收折式和下拉式三種：

5.2.1 平鋪式

介紹：平鋪式是將所有篩選項羅列出來平鋪在頁面上，可以兼容多種數據格式，如數字、文本、標簽、枚舉值、布爾值等，包含但不限于日期選擇期、標簽切換、單選框、復選框等多種控件。

優點

直觀明了：平鋪式篩選將所有選項平鋪展示，方便用戶快速找到所需選項；

易于操作：平鋪式篩選通常采用簡單的點擊或拖拽操作，方便用戶進行篩選。

缺點

占用空間較大：平鋪式篩選需要展示所有選項，因此可能會占用較多的頁面空間；

不適合大量選項：如果選項數量過多，平鋪式篩選可能會顯得擁擠，影響用戶體驗。

使用建議

適用于選項數量適中的情況：平鋪式篩選適合選項數量適中，且用戶需要直觀看到所有選項的情況；

可以結合其他篩選方式：如果選項數量過多，可以考慮結合其他篩選方式，如收折式篩選或表單式篩選。

5.2.2 收折式

介紹：收折式篩選通常以收折的狀態展示篩選條件，只有在用戶觸發搜索后才會完全展開。一般篩選條件少于6個，可以通過1行或者2行展示篩選項的結果。

優點

節省空間：收折式篩選可以將不常用的選項折疊起來，節省頁面空間；

易于查找：收折式篩選通常會提供搜索或篩選條件，方便用戶快速找到所需選項。

缺點

操作相對復雜：收折式篩選需要用戶展開或折疊選項，操作相對復雜一些；
不適合所有場景：如果用戶需要直觀看到所有選項，或者需要快速篩選大量選項，收折式篩選可能不太適合。

使用建議

適用于選項數量較多的情況：收折式篩選適合選項數量較多，且用戶需要節省頁面空間的情況；

可以結合其他篩選方式：如果用戶需要直觀看到所有選項，或者需要快速篩選大量選項，可以考慮結合其他篩選方式，如平鋪式篩選或表單式篩選。

5.2.3 表單式

介紹：表單式是在系統中頁面中的篩選區設置下拉篩選條件，用戶通過下拉選擇篩選條件中的值對數據進行篩選操作。當然篩選區中可能除了下拉選擇之外還有輸入篩選，下拉篩選和數據篩選共同組成篩選區。

優點

直觀明了：表格形式的篩選方式可以讓用戶直觀地看到各個字段和對應的數據，方便用戶進行對比和篩選；

操作簡單：用戶可以通過簡單的點擊、輸入等方式進行篩選，操作簡便，提高了篩選效率；

靈活性高：表格形式的篩選方式可以支持多種篩選條件和篩選方式，用戶可以根據自己的需求進行篩選，靈活性較高。

缺點

界面擁擠：如果表格中的字段較多，會導致界面擁擠，影響用戶的使用體驗；

數據量大時篩選性能不佳：對于大量數據，表格形式的篩選方式可能需要較長時間才能得出結果，影響篩選效率；

不易展示復雜數據關系：表格形式的篩選方式更適合展示簡單的數據關系，對于復雜的數據關系可能難以直觀地展示。

使用建議

根據實際需求選擇篩選方式：在選擇篩選方式時，需要根據實際需求和數據量的大小來選擇適合的篩選方式。對于簡單的篩選需求，可以使用表格形式的篩選方式；對于復雜的篩選需求，可能需要考慮使用其他篩選方式，如條件語句等；

優化表格布局：為了提高用戶的使用體驗，可以對表格的布局進行優化，如對字段進行排序、隱藏不必要的字段等；

限制篩選條件數量：為了提高篩選效率，可以限制用戶可以設置的篩選條件數量，避免過多的篩選條件導致篩選性能下降。

5.2.4 浮層彈出式

介紹：頁面中僅展示篩選按鈕，點擊后以氣泡或抽屜的方式去承載篩選內容。

優點

用戶友好：浮層式的篩選條件提供了一種直觀的方式來展示篩選選項，用戶可以輕松地查看和選擇，無需在頁面之間切換或變動頁面布局；

節省空間：通過將篩選條件放在浮層中，主頁面可以保持簡潔，不受到過多的干擾元素影響，同時也可以避免篩選條件過多導致的頁面擁擠；

靈活性高：浮層式的篩選條件可以方便地調整和修改，以適應不同的篩選需求和業務變化。

缺點

可能會引起混淆：如果用戶不熟悉這種交互方式，可能會對浮層式篩選條件感到困惑，需要額外的引導和說明；

可能會影響用戶體驗：浮層式的篩選條件需要用戶手動關閉或選擇選項，如果操作不夠便捷或流暢，可能會影響用戶體驗；

可能會影響頁面性能：如果篩選條件過多或數據量較大，浮層式的篩選條件可能會導致頁面加載速度變慢，影響用戶體驗。

使用建議

提供清晰的引導：在應用中使用浮層式的篩選條件時，需要提供清晰的引導和說明，幫助用戶更好地理解和使用；

優化關閉和選擇操作：為了提高用戶體驗，需要優化篩選條件的關閉和選擇操作，使其更加便捷和流暢；

考慮數據量和性能：在應用中使用浮層式的篩選條件時，需要考慮數據量和頁面性能等因素，采取相應的優化措施。

5.2.5 表頭篩選

介紹：位于表格表頭區域，每一列表頭可做單列篩選，也可多列同時篩選。

優點

直觀明了：表頭篩選將篩選條件直接展示在表格的表頭位置，方便用戶直觀看到所有可用的篩選條件；

提高效率：表頭篩選可以減少用戶的操作步驟和時間成本，提高篩選效率。

缺點

適用范圍有限：表頭篩選通常適用于簡單的單字段篩選或單列篩選，對于多字段或多列的復雜篩選需求可能不太適用；

可能影響表格美觀度：在表格中添加多個表頭可能會影響表格的美觀度，需要權衡設計和用戶體驗之間的平衡。

使用建議

適用于簡單篩選需求的情況：表頭篩選適合簡單的單字段或單列的篩選需求，如根據姓名、性別等進行篩選；

可以結合其他篩選方式：如果用戶需要復雜的篩選需求，可以考慮結合其他篩選方式，如平鋪式、收折式或表單式等。

5.2.6 已選條件

介紹：將已經錄入的條件展示在查詢條件的下方，可快速刪除

優點

用戶體驗：顯示已選條件可以幫助用戶更好地理解篩選結果，提高用戶體驗。用戶可以直觀地看到哪些條件已被選中，從而更好地理解數據的篩選結果；

可視化效果：在篩選區顯示已選條件，可以增強表格的可讀性和可視化效果。篩選條件的顯示可以提供一種直觀的方式，幫助用戶更好地理解數據和篩選結果；

篩選靈活性：如果篩選區顯示已選條件，用戶可以根據需要輕松地修改或刪除已選條件，提高篩選的靈活性；

篩選邏輯清晰度：通過顯示已選條件，用戶可以更好地理解篩選的邏輯。這有助于用戶更好地理解數據之間的關系和關聯，提高數據分析的準確性；
篩選操作效率：對于大量數據的篩選，顯示已選條件可以幫助用戶更快地定位和調整篩選條件，提高篩選操作效率。

六、優化過濾性能

表格過濾是用戶在處理大量數據時常用的功能之一。如果過濾性能不佳，用戶需要等待很長時間才能看到結果，這將嚴重影響用戶體驗。優化表格過濾性能可以減少用戶等待時間，提高用戶體驗。

6.1 索引優化

通過創建索引來提高查詢過濾的效率。通過創建模版的方式更快地定位到特定的數據行，通過創建合適的索引，可以顯著減少查詢過濾所需的時間，提高查詢性能。

6.1.1 查詢條件模版

將常用的查詢方案保存為模版，通過快速切換模版的方式批量替換查詢條件，達到快速查詢的效果，方便用戶快速篩選出所需的數據。

6.1.1 查詢值模版

將常用的查詢方案連同值一起設置為模版，在下次切換查詢方案時，自動根據預置的值進行自動查詢，查詢結果保存至瀏覽器，方便下次調用。

6.2 緩存機制

介紹：（瀏覽器前端）將已經過濾過的數據緩存起來，避免重復查詢。

6.3 分頁加載

介紹：采用分頁加載的方式，減少一次性加載的數據量，提高加載速度。

七、總結

在本文中，我們探討了B端表格數據過濾功能的類型和實現。通過了解用戶需求和使用場景，我們提出了表格數據過濾方案。以上方案需要結合實際場景合理配置和選擇。同時，我們還介紹了表格數據過濾的實際案例，以及一些性能優化技巧。通過實際應用案例的展示，證明了以上方案的有效性和實用性。

在未來的工作中，我們可以進一步探索表格數據過濾功能的擴展和優化。例如，可以增加對異步數據的支持，提高表格數據的實時性；還可以引入機器學習算法，實現智能過濾和推薦功能。此外，我們還可以考慮與其他系統的集成和交互，以實現更廣泛的應用。

總之，B端表格數據過濾功能是提高數據處理效率和準確性的重要工具。通過不斷優化和完善該功能，我們可以更好地滿足用戶需求，提升用戶體驗，為B端業務的發展提供有力支持。

作者：姚_Yale
鏈接：https://www.zcool.com.cn/article/ZMTYwNTc0OA==.html
來源：站酷
著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。

評論(0) 瀏覽(543)

252024-4

B端基礎 | 聊聊B端基礎設計知識

前端達人

這篇文章應該是最初先寫的。只是在我開始寫的時候沒有想過自己會把這個系列的文章寫完。現在基本寫完了。總覺得缺了一篇開始的文章。所以做一件事總要圓滿的所以現在把這篇文章補上來。希望能夠幫助你。

1、B端設計

資深B端體驗設計師、當然也是一步一步走過來的。這幾年因為多方面的原因、B端設計比較吃香了。這一現象從我剛工作到現在薪資翻了幾倍意識到了。這個細分類別有搞頭嗎、我覺得可能有吧。至少我現在還在這里面狗刨。設計狗嘛、刨才是正常的。

1.1、什么是b端設計

如果你不了解B端設計是什么那我來給你講一下。這個B是Business的縮寫、他的意思是商業。所以b端設計就是面向企業和商業用戶的界面設計。

1.2、b端設計的價值

做為B端設計師、你有沒有想過我們的價值體現在哪里。當我們明白這個的時候我們的工作才能更好的開展，更好的為我們產品提供一份力量。

1.2.1、視覺設計與交互體驗優化

通過精心設計的視覺語言和信息布局，增強信息傳達的清晰度和效率，確保品牌形象的統一，提升用戶對產品的認知和接受度。

優化用戶與系統的交互流程，去除冗余步驟，提高操作便捷性，降低用戶學習成本，提升工作效率。

1.2.2、建立與維護設計規范

為B端產品搭建一套強大且統一的UI設計規范，確保不同模塊、不同版本之間的視覺一致性，提升用戶體驗，同時也方便團隊協作和后續迭代。

1.2.3、業務流程優化與降本增效

B端設計師深入理解業務流程，通過設計手段對現有工作流程進行梳理、簡化或自動化，消除冗余環節，提高業務執行效率，幫助企業降本增效。

1.2.4、降低研發成本

建立標準化的設計規范和可復用的設計組件庫，能夠顯著提高設計和開發的一致性、效率和質量，減少重復勞動，縮短產品研發周期，降低整體的研發成本。

不僅對外部客戶產品進行設計，B端設計師還會為內部各種支持系統制定設計規則，通過構建適用于多個應用系統的統一設計規范，實現跨部門、跨項目的研發效能提升。

1.2.5、豐富的專業知識助力快速落地

憑借豐富的經驗和深厚的專業知識，B端設計師能在面對復雜項目時，迅速提煉出適用的設計模型作為參照，確保設計方案的準確性和落地可行性，避免設計偏差導致的返工或項目延期。

2、B端設計和C端有什么區別

我個人感覺B端C端的區別是很大，但是C端設計師如果轉B端還是相對很輕松的一件事。只要完善一下自己對B端業務的理解哪里。產品的使用場景的熟悉和對設計目標的改變就行。畢竟現在B端C化的趨勢很明顯。他們具體的區別也很明顯。

2.1、C端

嚴格意義的說對于我來說并沒有做過太多的C端項目。基本都是在B端項目中可能會設計到C端的產品或者項目做一些。也只是做過幾個小的APP和小程序。

C端設計（Consumer-to-Consumer Design），即面向消費者的設計，主要關注的是直接服務于大眾用戶的產品或服務的用戶體驗設計。

2.2、BC的區別

C端產品和B端產品的使用場景導致了需求差異。C端產品，解決的是用戶在生活場景中的需求痛點；B端產品服務于組織，組織的需求不是從單個用戶需求點出發，而是一種生產關系的連接和延伸。

2.2.1、目標用戶

B端面向的是企業或組織等機構用戶，而C端則是面向廣大普通消費者用戶。

2.2.2、行業與場景

B端業務場景復雜，角色多且業務場景也多，不同行業不同客戶需要不同的專業解決方案。而C端業務場景和業務邏輯則相對簡單，流程也較為標準化。

2.2.3、盈利模式

B端多以項目招投標進行單次或持續性收費，也可能通過提供SaaS解決方案收費，如果有額外的定制化需求，還需再付費。C端則通常是通過廣告變現、增值服務、傭金抽成等方式盈利。

2.2.4、產品設計

B端產品設計以業務為中心，目標是提升效率、降低成本、控制風險等，需要考慮不同角色的需求，且更注重實用性和服務性。C端產品設計則以用戶為中心，目標是讓用戶充分使用產品，更注重用戶體驗和產品創新。

3、我們應該具備什么能力

上面我們說了我們作為設計師我們的價值都在那些方面。那我們想要完成這些價值，那么我們一定要有相應的能力。B端設計通常更側重于效率、可擴展性、數據可視化和復雜工作流程的支持。能力夠了你到哪里都會發光發亮。每個B端設計師都是小半個產品經理。加油設計師。

3.1、應具備的能力

由于B端業務和邏輯相對復雜。B端設計師需要具備深厚的業務理解力、強大的邏輯組織能力、出色的數據可視化技巧、良好的技術素養，以及出色的協作與溝通能力，以應對B端產品設計的復雜性和專業化需求。

3.1.1、深入理解業務流程

熟悉企業內部運作邏輯，能夠解析復雜的業務規則和工作流程。能夠與業務專家、產品經理緊密協作，準確把握用戶角色、權限層級、任務目標和痛點。

3.1.2、用戶研究與測試

運用用戶調研、訪談、問卷調查等方法，了解企業用戶的真實需求和使用場景。設計并執行可用性測試，評估設計方案的效果，持續迭代優化。

3.1.3、設計規范

遵循企業級設計語言和品牌指南，確保設計的一致性和專業性。

3.1.4、組件化與模塊化設計

掌握組件化設計原則，創建和維護一套適用于B端產品的UI組件庫，確保界面一致性與開發效率。能夠設計可復用、可配置的模塊，適應不同企業用戶的定制化需求。

3.1.5、數據敏感與數據可視化設計

理解數據在企業決策中的重要性，擅長設計各類數據報表、儀表板和數據分析工具。能夠運用圖表、表格、圖形等元素，將大量復雜數據轉化為易于理解和行動的可視化信息。

3.1.6、持續學習與行業洞察

關注B端設計趨勢、新興技術（如AI人工智能、低代碼/無代碼平臺等）及其對設計的影響。不斷更新知識結構，提升自身在特定行業（如金融、醫療、供應鏈等）的專業素養。

3.2、如果持續學習

我持續學習的方法其實還挺簡單的、看大廠的項目總監。在項目做完后自己做復盤做總結。然后不斷的沉淀做輸出。用輸出來倒逼輸入。關注新的知識、如最近一年爆火的AI技術。

還有就是和大牛交流學習。

4、常見的一些系統介紹

身為B端人我們要了解我們會做到那些系統的設計工作。在過往的工作經歷是我做過、SaaS、OA、CRM、后臺管理系統等。那還有那些B端系統呢。這里我從網上搜了一下，我沒做過的系統還真多。

4.1、B端管理系統的10種類型

B端管理系統是指面向企業客戶的管理系統，也稱為B2B管理系統。這些系統旨在幫助企業管理其各種業務流程和資源，包括客戶關系、供應鏈、人力資源、財務、生產、項目管理等方面。

4.1.1、企業資源計劃系統（ERP, Enterprise Resource Planning）

整合企業內部的財務、供應鏈、制造、人力資源、銷售、采購、庫存、項目管理等各個業務環節，提供一體化的信息管理和決策支持。

實現跨部門數據共享、業務流程自動化，提升企業運營效率和決策準確性。

好用的ERP系統

-金蝶ERP

金蝶ERP是國內最好的ERP系統之一，功能全面，適合各種企業規模，易于部署和使用，支持移動端，定制開發能力強。雖然價格相對較高，實施周期較長，需要專業人員支持，但作為國內領先的ERP軟件，金蝶ERP在國內市場上具有一定的競爭力。

-用友ERP

用友ERP是亞太地區較大的管理軟件，也是中國最大的獨立軟件廠商之一。它以集成的信息管理為基礎，以規范企業運營，改善經營成果為目標。用友ERP擁有較為完善的本地化服務體系，能夠快速響應客戶需求并提供定制化服務。然而，由于定制化程度較高，一些功能可能比較復雜，需要較高的維護成本。總體而言，用友ERP是國內最好的ERP系統之一。

-浪潮ERP

浪潮ERP是國內最好的ERP系統之一，是中國企業管理軟件領域的領先者。浪潮的ERP軟件以項目運作為主，成熟度較高，產品線豐富。雖然產品線定位不夠清晰，但平臺化程度高，可以配置性強，且整合了物流和商業智能軟件。此外，浪潮的ERP軟件還具有較強的整合能力，可以配置不同行業的軟件和解決方案。總的來說，浪潮ERP是國內最好的ERP系統之一。

4.1.2、客戶關系管理系統（CRM, Customer Relationship Management）

管理與客戶相關的所有活動，包括銷售線索管理、市場營銷、客戶服務、訂單處理、客戶數據分析等。

提升客戶滿意度，優化銷售策略，增強客戶忠誠度，助力企業實現持續增長。

好用的CRM系統

-ZOHO

ZOHO 上榜理由:ZOHO成立于1996年美國,企業運行和管理的一站式云平臺,提供CRM、在線Office、郵箱、項目管理、團隊協作、人事管理、財務管理、BI商業智能、應用開發平臺等SaaS軟件產品。目前,ZOHO在全球100多個國家和地區擁有7000多萬用戶。

-紛享銷客

國內排名第一的CRM管理系統:紛享銷客通過百度指數、IDC等報告顯示,紛享銷客在國內CRM市場占有率多年穩居第一,同時也是增速第一的CRM廠商,連續多年登上胡潤全球獨角獸榜單。同時,紛享銷客也是國內最為老牌CRM管理系統之一,具備非常成熟的產品功能,比如客戶管理、拜訪管理、商機、合同、數據分析、公海池等等,他幾乎能夠滿足大部分大、中、小企業對于CRM管理的想象。同時,紛享銷客的價格也是國內產品中性價比最高的幾個產品之一,支持私有部署、定制化開發、SaaS等購買方案,且提供一定人數規模的免費使用。

-銷售易

銷售易是專注銷售服務管理平臺的CRM提供商,致力于通過新型互聯網技術,打造符合數字化時代下企業需求的新一代CRM產品,將企業同客戶互動的全過程數字化、智能化,幫助企業轉型為真正以客戶為中心的數字化運營組織。

4.1.3、供應鏈管理系統（SCM, Supply Chain Management）

協調供應商、制造商、分銷商、零售商之間的物流、信息流和資金流，涵蓋采購、生產計劃、庫存控制、訂單履行、運輸、倉儲等環節。

實現供應鏈透明化，降低庫存成本，提升響應速度，確保供需平衡。

好用的SCM系統

-金蝶K/3供應鏈管理系統

金蝶K/3供應鏈管理系統是一款面向中小型企業的供應鏈管理系統軟件。它提供了完整的計劃、執行和監控功能，包括需求計劃、物料需求計劃、采購、庫存管理、銷售和客戶服務等。此外，它還支持多種不同的生產和物流業務模式，如按訂單生產、按庫存生產等。

-用友U8供應鏈管理系統

用友U8供應鏈管理系統是一款面向中型企業的供應鏈管理系統軟件。它提供了完整的計劃、執行和監控功能，包括需求計劃、物料需求計劃、采購、庫存管理、銷售和客戶服務等。此外，它還提供了豐富的可視化和報告功能，幫助企業更好地了解供應鏈的運行情況。

-智邦國際供應鏈管理系統

智邦國際供應鏈管理系統是一款面向中小型企業的供應鏈管理系統軟件。它提供了完整的計劃、執行和監控功能，包括需求計劃、物料需求計劃、采購、庫存管理、銷售和客戶服務等。此外，它還提供了豐富的可視化和報告功能，幫助企業更好地了解供應鏈的運行情況。

4.1.4、人力資源管理系統（HRM, Human Resource Management）

包括招聘、入職、培訓、績效管理、薪酬福利、員工發展、考勤、離職管理等功能。

提高人力資源管理效率，確保合規性，支持人才戰略決策，提升員工滿意度和組織效能。

好用的HRM系統

-北森人事云

北森算是老品牌了，做人才測評起家的，近些年也開始做人力系統，業內口碑較好，價格偏貴，是比較偏向于大型企業的HRSaaS服務平臺，深入中大型企業HR業務提供從招聘、測評到人事、假期、薪酬再到績效、繼任、學習、敬業度調查的全場景解決方案。

-金蝶人力云

金蝶人力云是金蝶企業專為企業HR信息化管理提供的解決方案，可以有效幫助全員互聯、高效協作，有效打通內外部人才供應鏈條、為組織HR戰略決策提供精確量化分析。

-i人事

以勞動力管理與智能薪酬為核心的一體化HR SaaS系統，以“軟件+服務+生態”賦能方式，促動集團化人效提升。

功能覆蓋人力資源管理6大模塊、貫穿員工“選用育留”全流程，助力企業一個平臺搭建智能HR管理閉環，提升管理效率；

4.1.5、酒店管理系統（PMS, Project Management System）

店管理系統PMS(Property Management System)是一個集成了多個功能模塊的軟件系統，旨在幫助酒店管理者更好地組織和協調各項業務活動。

PMS的核心功能包括客房預訂、前臺接待、賬務管理、報表分析等。通過PMS，酒店可以實現信息共享、自動化處理和實時監控，從而提高工作效率和服務質量。

好用的PMS系統

-西軟

石基旗下的西軟，在國內四五星級酒店市場占有率超過80%，穩居國內市場占有率第一。做為opera在中國的唯一代理商，可以說一定程度上石基壟斷著中國高星級酒店的酒店管理系統。進入2020年，石基西軟踐行“云+移動”戰略，全面升級云XMS平臺，除了PMS功能以外，云XMS還集成了POS、移動產品、ITF等模塊，廣泛適用于單店、集團用戶。

-金天鵝

“北有西軟，南有天鵝”。17年的行業積淀，國內首倡導“7×24”小時售后服務體系，功能齊全操作簡單的PMS系統，為金天鵝積累了10萬+酒店投資人的口碑。2020年，金天鵝整合PMS系統到云平臺，自主開發核心產品——2號店長，打造酒店商業數據化服務解決方案，涵蓋IT、供應鏈和運營三大版塊，徹底解決酒店降本增收的難題。可以說，如今的金天鵝已經成為酒店投資者首選的SaaS軟件之一。

4.1.6、辦公自動化系統（OA, Office Automation）

提供郵件、日程、文檔、審批、公告、知識管理、即時通訊等日常辦公所需的功能。

提高工作效率，規范工作流程，促進團隊協作，實現無紙化辦公。

好用的OA系統

-致遠OA系統

致遠軟件是一家專注于協同管理軟件領域的高新技術企業，其OA系統以流程管理為核心，提供了豐富的功能模塊，如公文管理、會議管理、知識管理等。該系統界面友好，操作簡便，適用于各種規模的企業和機構。

-藍凌OA系統

藍凌是中國知名的企業級移動辦公平臺提供商，其OA系統以移動辦公為核心特點。該系統提供了全面的移動辦公解決方案，包括移動審批、移動簽到、移動會議等。藍凌OA系統的優勢在于其優秀的用戶體驗和高效的移動辦公能力。

4.1.7、商業智能系統（BI, Business Intelligence）

收集、整理、分析企業內外部數據，生成各類報表、儀表盤、數據可視化圖表。

為企業決策者提供實時、準確、深入的業務洞察，支持數據驅動的決策制定。

好用的BI系統

-Power BI

Power BI來自大名鼎鼎的微軟，其在辦公軟件領域本就是霸主地位，進入到商業智能行業自然也不遑多讓，短短兩年，就已經是Gartner魔力象限中最具有競爭力的BI軟件了

-帆軟BI

帆軟BI提供了豐富的圖表類型，讓用戶可以根據需求選擇最適合的圖表來展示數據。同時，它還具備智能圖表推薦功能，能夠根據用戶輸入的查詢條件，自動推薦最合適的圖表類型，從而讓用戶更加便捷地進行數據可視化。這種智能化的功能設計，不僅提高了數據可視化的效果，也大大提升了用戶的工作效率。

4.1.8、財務管理軟件（Financial Management Software）

負責企業會計核算、預算管理、成本控制、財務報告、稅務管理等工作。

提供全面的財務視圖，支持財務分析和決策，確保財務合規，降低財務管理成本。

好用的財務管理軟件

-用友

用友是一款功能強大的財務管理軟件，它不僅可以支持基本的財務會計功能，還具備總賬、應收賬款管理、應付賬款管理、UFO報表、網上銀行、票據鏈接、現金流量表、網上報銷、報銷中心、公司對賬、財務分析等財務管理功能。因此，用友是一款非常好用的財務管理軟件。

-金蝶易記賬免費版

金蝶易記賬免費版是一款免費的企業財務管理軟件，具有記賬、查賬、報表制作以及發票導入驗證等功能。該軟件使用免費，沒有套賬數量限制，還擁有云端數據備份功能。相比其他財務軟件，金蝶易記賬免費版功能更加全面，使用更加方便。

-賬有書

賬有書是一款中小微企業專用收支流水記賬軟件，由易用性角度出發，操作簡單方便。不管是有沒有財務知識，有不懂財務術語，都可以通過賬有書這個軟件來記賬，簡單地記錄收支流水。它提供了進銷存模塊，可以方便地管理企業的物品和原材料出入庫，還可以統計實時庫存信息。賬有書還可以記賬和報稅，方便企業經營和稅務管理。

4.1.9、資產管理軟件（Asset Management Software）

管理企業固定資產、無形資產、租賃資產等的全生命周期，包括采購、登記、折舊、維修、處置等環節。

提高資產利用率，降低維護成本，確保資產賬實相符，符合審計要求。

好用的資產管理軟件

-易點固定資產管理云系統

易點固定資產管理云系統是一款SAAS系統，它是一種以租賃為主，也可以定制開發專屬版的系統。云版功能定期迭代更新，用戶每年交一定的年費即可。對于企業來說，會降低總體成本。免下載，瀏覽器登錄即可。信息不回丟失，操作比較靈活。

-泛微固定資產管理系統

泛微是一家專門做中大型OA軟件的廠商，功能比較全面。價格稍微貴一些。也有固定資產管理模塊，但是固定資產管理模塊不單獨出售。對于中小企業而言，預算可能不夠

4.1.10、

知識管理系統（KMS, Knowledge Management System）

收集、組織、存儲、分享企業內部的知識、信息、最佳實踐，促進知識傳承與創新。

建立企業知識庫，支持員工學習與成長，提升組織智力資本。

4.2、我有些話說

真的看了這么多平臺后你會發現。作為B端設計師的我們還有很長的路要走。或者說有很多的企業并沒有重視自己產品的設計和交互。

加油吧！這個行業未來大有前途。

最后

這篇文章應該是最初的第一篇0號文章的。只是期初沒有想過我會完成這個B端基礎掃盲的系列文章。所以這篇文章就在我完成前期幾篇文章后。我覺得要寫的。希望可以幫到你了解。整個B端設計。

我想很快我們能夠再見。我也在準備我的下一個系列的設計知識分享文章。希望可以幫助在黑夜里一直前行的你。我們能夠一起加油做到自己的最好。

我是KING國王、我們下次見。

作者：彪形大漢pro
鏈接：https://www.zcool.com.cn/article/ZMTYxNzg0NA==.html
來源：站酷
著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。

評論(0) 瀏覽(573)

242024-4

分類頁面界面革新——Category Interface Revamp

前端達人

導購模塊【分類頁-Category】

兼容方式：H5響應式、APP原生

模塊呈現：分功能組件化設計

支持國家：印度、墨西哥、巴西、美國、英國、俄羅斯

綜上所述，引人入勝的車載管理軟件界面設計是提升駕駛體驗、提高行車安全的重要因素。通過精心設計和持續優化，可以為駕駛者帶來更加愉悅、便捷和安全的駕駛體驗，助力智能汽車行業的發展和進步。

作者：StrawHatSL
鏈接：https://www.zcool.com.cn/work/ZNjgzNDQwMzY=.html
來源：站酷
著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。

評論(0) 瀏覽(529)

242024-4

探索引人入勝的車載管理軟件界面設計

前端達人

在汽車科技不斷發展的今天，車載管理軟件的界面設計越來越成為人們關注的焦點。一款出色的車載管理軟件界面設計不僅能夠提供便捷的操作體驗，還能為駕駛者帶來更加愉悅和安全的駕駛體驗。

簡潔直觀的用戶界面

：優秀的車載管理軟件界面應該具有簡潔直觀的用戶界面，讓駕駛者能夠快速定位和使用所需功能。通過合理的布局和清晰的圖標設計，使界面信息呈現清晰易懂，降低駕駛員的認知負荷。

人性化的交互設計

：良好的交互設計是車載管理軟件界面設計的關鍵之一。應該注重按鈕大小、顏色對比度、交互反饋等方面的設計，確保駕駛者可以輕松操作，減少駕駛時的注意力分散。

多功能的導航系統

：車載管理軟件通常包含導航系統功能，良好的導航界面設計可以為駕駛者提供準確、實時的路況信息，并能夠根據駕駛者的需求智能規劃最佳路線，提高駕駛效率和安全性。

個性化的定制功能

：為了滿足不同駕駛者的需求，車載管理軟件界面設計應該具備一定的定制化功能。提供個性化的設置選項，讓駕駛者可以根據自己的喜好和習慣進行界面布局和功能設置，提升用戶體驗和滿意度。

響應式設計與多屏互動

：隨著智能汽車和智能設備的普及，車載管理軟件界面設計也需要具備響應式設計和多屏互動的能力。確保在不同屏幕尺寸和設備上都能夠良好展現，并保持一致的用戶體驗。

評論(0) 瀏覽(536)

232024-4

探索B端后臺管理界面導航設計的精髓

前端達人

在當今數字化時代，B端后臺管理界面的導航設計變得至關重要。作為企業管理和運營的核心工具之一，良好的導航設計不僅可以提高操作效率，還能提升用戶體驗，帶來更高的工作效率和生產力。

簡潔直觀的布局

：一個優秀的B端后臺管理界面應該具有簡潔直觀的布局，使用戶能夠輕松找到需要的功能和信息。通過合理的分類和分組，使導航結構清晰明了，降低用戶的學習成本和操作復雜度。

功能導航的層級結構

：合理的層級結構可以幫助用戶更快速地定位和訪問功能。在設計中，應該考慮到不同用戶群體的使用習慣和需求，將常用功能和重要信息放置在更顯眼的位置，提高用戶的操作效率。

響應式設計與自適應布局

：隨著移動端的普及，B端后臺管理界面的導航設計也需要具備響應式設計和自適應布局的特性。確保在不同的屏幕尺寸和設備上都能夠良好地展現，并保持一致的用戶體驗。

交互設計的友好性

：良好的交互設計可以使用戶的操作更加流暢和愉快。在導航設計中，應該注重按鈕樣式、動畫效果、交互反饋等方面的細節，提升用戶的使用感受和滿意度。

多樣化的定制功能

：針對不同行業和企業的需求，B端后臺管理界面的導航設計應該具備一定的定制化能力。提供靈活的定制功能，讓用戶可以根據自己的需求進行個性化設置，提高用戶的滿意度和粘性。

綜上所述，B端后臺管理界面的導航設計在提高工作效率、優化用戶體驗方面發揮著重要作用。通過精心設計和持續優化，可以為企業提供更高效、便捷的管理工具，助力企業實現數字化轉型和業務發展。

評論(0) 瀏覽(565)

232024-4

B端的10個設計方法

前端達人

最近看了一些B端的書籍，重溫了一些耳熟能詳的設計方法論，在人機交互理論中，最著名和經典的理論當屬人機交互大師雅各布.尼爾森博士在1995年提出的尼爾森十大可用性原則，該理論是針對PC端交互設計提出的。這個理論在我們日常的產品設計中提供了很好的指導意義，下面來聊聊他們分別運用在了日常產品的哪些地方。

反饋原則

反饋原則指出系統應在適當的時候向用戶提供其當前狀態的反饋。這包括操作的即時響應、進度指示、錯誤提示等。良好的反饋機制能夠讓用戶了解操作的結果，增強控制感，減少不確定性和焦慮感。

系統應該在合理的時間、用正確的方式，向用戶提示或反饋目前系統在做什么、發生了什么，反饋速度應與用戶期待相符。

百度網盤每次在下載文件時，都會提示當前下載的進展，完成了百分之幾，當前的一個傳輸速率是多少？以及還需要多長時間才能下載完成，很好的緩解了用戶焦慮的情緒。

360安全衛士在進行軟件殺毒的時候，也會展示出對應的殺毒進程，還需要多長時間才能殺毒完成，給了用戶及時的反饋和滿滿的確定感。

隱喻原則

系統要采用用戶熟悉的語句、短語、符號來表達意思，要遵循真實世界的認知、習慣，讓信息的呈現更加自然，易于辨識和接受，減少用戶的學習曲線。

在人機交互設計中，程序的溝通和表達、功能的呈現，都要用最自然的、用戶容易理解的方式，避免采用計算機程序語言的表達方式。設計時要采用符合真實世界認知的方式，讓用戶通過聯想、類比等方法輕松地理解程序想表達的含義；隱喻可以是視覺的，也可以是操作的，它能幫助用戶通過已知的事物來理解新的概念或功能。

360安全衛士、嗨格式視頻轉換器、騰訊電腦管家中的圖標都采用了人們易于理解的圖形去表達，符合人們日常的認知習慣，很好的表達了業務場景，同時也不失美感。

回退原則

用戶經常會不小心操作錯誤，需要有一個簡單的功能，讓程序迅速恢復到錯誤發生之前的狀態。用戶應能夠控制自己的操作，包括撤銷或重做之前的操作。回退原則提供了一種安全感，讓用戶知道他們可以從錯誤中恢復，從而更愿意嘗試和探索系統的功能，減少用戶誤操作的焦慮。

QQ郵箱頁面在設計時，下面有一個撤回的按鈕，當發現自己發送郵件有問題的時候，可以點擊撤回，將發出去的郵件收回來。

虎課網的個人頭像，當用戶不喜歡當前的頭像時，在設置里面允許用戶對個人信息和頭像進行重新修改，也體現了回退原則，讓用戶可以對之前做的操作進行再次操作和修改。

微信也是，當用戶發送出去的信息錯誤時，在3分鐘內用戶有撤回消息的權限，給用戶提供了改錯的機會，減少了用戶誤操作帶來的挫敗感。

一致原則

同樣的場景、環境下，用戶進行相同的操作，結果應該一致；系統和平臺的風格、體驗也應該保持一致。

一致性原則要求產品在不同情境下提供相同的操作反饋，保持風格和體驗的一致性。這有助于用戶建立直覺性的操作習慣，減少學習成本。一致性還體現在設計元素的使用上，如按鈕、圖標、顏色等，都應保持統一風格，避免用戶產生混淆。

飛書在聯系人、郵箱、日程、服務臺、應用、消息等多個場景都保持了風格非常統一的空狀態頁面，整個產品的統一感很強，比較舒適。

防錯原則

防錯原則強調預防錯誤的發生優于錯誤發生后的補救。設計時，應考慮用戶可能的錯誤操作，并設計機制來避免或減少這些錯誤。例如，通過禁用不可用的選項、提供清晰的指令和限制，以及在執行不可逆操作前設置確認步驟, 防錯設計可提升用戶效率, 降低錯誤幾率。

EV錄屏里面有個錄制視頻的列表，當用戶點擊需要刪除的視頻時，有一個二次確認的機會，以防止客戶誤刪，很好的體現了防錯原則。

天翼云電腦專家在設計學習模式按鈕入口的時候，為了防止用戶出錯，把按鈕設計了兩種狀態，一種是帶插畫頭像的彩色按鈕，一種是把插畫頭像置灰的按鈕樣式，讓用戶能很好的區分當前的一個狀態，是防錯原則的一個很好運用。

記憶原則

讓系統的相關信息在需要的時候顯示出來，減輕用戶的記憶負擔，幫助用戶快速上手，提升產品的易用性。例如，自動保存用戶的輸入、提供歷史記錄、使用快捷方式等，可以減少用戶需要記憶的信息量；當切換頁面時，不應該讓用戶記住不同頁面的內容，而應該在合適的地方積極地呈現或提示之前的信息。

花瓣、千圖、嗶哩嗶哩平臺在搜索欄都有搜索的歷史記錄功能，之前搜索的過的詞，當用戶再次想要搜索的時候，用戶不需要再次輸入，直接選擇對應的歷史標簽就行。

靈活易用原則

靈活易用原則不僅是一個交互設計原則，也代表了一種軟件產品設計理念；系統要做到簡單易用，系統應為不同水平的用戶提供靈活的使用方式。中級用戶是大多數，設計應滿足他們的需求，同時為初級用戶提供易于上手的引導，為高級用戶提供定制化選項，以提高效率。靈活設計可以提升用戶滿意度，個性化設置可以增加用戶粘性，促進用戶的探索。

騰訊電腦管家考慮到每個人有每個人的審美和喜好，設計了一鍵換膚的功能，提供了有足足12種之多的皮膚設計，用戶可以在個性皮膚里面隨時切換自己想要的皮膚背景。

簡約設計原則

簡約設計原則要求去除不必要的信息和功能，突出重點，避免信息過載。設計應追求簡潔，同時保持功能的完整性和可用性，確保用戶可以快速識別和使用最重要的功能。

聯通應用商店的應用下載中，沒有把對應程序的安裝按鈕直接顯示出來，只有當鼠標點擊到對應的圖標上時，安裝按鈕才顯示出來，簡化了頁面的信息流，通過動態的交互方式讓頁面看起來更加的簡潔，是簡約設計原則的很好應用。

飛書在一個信息層級，任務這么復雜的一個頁面，每段任務通過任務的緊急情況做了顏色區分，并且還配合了對應的圖標，整個頁面設計清清爽爽，把一個很復雜的信息流，通過歸類，讓頁面更加的簡約。

容錯原則

當錯誤不可避免時，系統應提供清晰的錯誤信息和解決方案。這意味著錯誤信息應易于理解，避免專業術語或錯誤代碼，同時提供明確的解決步驟或建議，幫助用戶從錯誤中恢復。

對于很多運行時錯誤或異常，計算機程序都會返回某個錯誤代碼，但是用戶看到這些錯誤代碼時并不明白發生了什么，所以一定要將錯誤代碼轉換成用戶能看懂的信息，并告訴用戶解決的建議。

聯想電腦管家客服頁不見了，他給出了很明確的錯誤提示，并且還附上了一個可視化的插畫設計，緩解了用戶焦慮的情緒。

聯想電腦商鋪應用也是的，消息不能查看了，它告訴用戶什么原因導致不能查看，給用戶提出了很明確的指引和方向。

幫助原則

即使系統設計直觀，提供易于檢索的幫助信息也是必要的。幫助文檔應清晰、簡潔，并提供解決問題的明確步驟，避免過于復雜或冗長。

現在的軟件產品，尤其是C端產品，普遍做了良好的交互設計，可以幫助用戶快速學習使用，而不用閱讀、理解復雜的說明文檔。

然而，B端產品的復雜性比C端產品高很多。因為B端產品蘊含很多業務流程的規則，系統中的一個按鈕可能代表了一個復雜的業務處理邏輯。如果不了解整個業務場景和處理規則，則很難理解按鈕的操作含義的。

因此，對于B端產品，用戶進行自助服務、自助操作的難度高很多，B端產品的幫助文檔依然有存在的必要。產品設計人員要盡量在前端交互設計上做好引導提示，對于復雜的規則和邏輯，可以考慮通過幫助文檔來指導。

菜鳥裹裹的郵寄頁面，輸入地址欄上方提供了輸入信息的功能，并且通過一鍵識別按鈕，就可以將粘貼進來的信息一鍵智能的填充到下方的信息欄中，給用戶提供了很多的幫助和便捷。

酷我音樂在設置里面，設置了提供幫助的入口，當用戶需要幫助的時候，可以在里面提供反饋，然后平臺就會給你提供幫助。

總結：

通過閱讀結合自己日常的產品體驗，會對這些設計原則產生一個深刻的印象和理解，光看這些文字描述，可能不能明顯立體的體會到它的價值，但是當帶著這些思考去生活中找證據的時候，發現這些設計方法論真的是個大寶藏，帶著這種方法論思考的設計師能設計出很多合情合理的設計，方便了用戶使用的同時也大大提高了頁面的美感。

本文觀點都為個人理解和總結，不足之處也歡迎大家留言區多多點評指正，大家共同進步！

作者：姝斐suphie
鏈接：https://www.zcool.com.cn/article/ZMTYxNzgwMA==.html
來源：站酷
著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。

評論(0) 瀏覽(488)

222024-4

【萬字干貨】B端進階｜表格數據過濾分析

前端達人

一、為什么需要數據過濾

二、數據過濾的類型

三、搜索

3.1 搜索類型

3.1.1 單條件模糊搜索

介紹：用戶在搜索框中輸入一個關鍵詞，然后搜索引擎返回與該關鍵詞相關的結果。

優點

：簡單易用，用戶只需要輸入一個關鍵詞即可快速找到相關信息；
缺點

：搜索方式可能不夠精確，因為用戶可能沒有提供足夠的上下文信息，導致搜索引擎返回的結果與用戶的期望不符

3.1.2 多條件模糊搜索

介紹：指用戶在搜索框中輸入或選擇多個關鍵詞，然后搜索引擎返回與這些關鍵詞都相關的結果。可選擇是后臺配置查詢條件還是用戶配置。

優點

：更加精確，因為用戶提供了更多的上下文信息，可以幫助搜索引擎更好地理解用戶的意圖；
缺點

：需要用戶輸入更多的關鍵詞，增加了用戶的輸入成本。

3.1.3 搜索條件切換

介紹：指用戶在搜索框中輸入一個關鍵詞后，可以手動切換到另一個關鍵詞進行搜索。

優點

：靈活性和自由度更高，用戶可以根據自己的需要隨時切換關鍵詞進行搜索；
缺點

：需要用戶手動操作，增加了用戶的操作成本。

3.2 觸發方式

3.2.1 實時觸發

優點

：當用戶在搜索框中輸入文字時，搜索功能會立即提供搜索結果。這種方式可以提供快速反饋，讓用戶更快地找到所需信息。此外，實時觸發搜索還可以幫助用戶逐步縮小搜索范圍，提高搜索效率。
缺點

：可能會對服務器造成較大的負擔，因為每次用戶輸入都會觸發一次搜索請求。其次，實時觸發搜索可能會干擾用戶的輸入過程，因為用戶需要不斷地觀察搜索結果并根據結果進行調整。

3.2.2 手動觸發

優點

：用戶需要點擊一個搜索按鈕或使用特定的快捷鍵才能觸發搜索功能。這種方式可以減少對服務器的負擔，并且不會干擾用戶的輸入過程。
缺點

：可能會讓用戶感到不便，因為他們需要手動觸發搜索功能。此外，如果用戶忘記觸發搜索功能，他們可能會浪費時間在輸入過程中。

3.3 理解用戶的搜索意圖

3.3.1 關鍵字聯想

介紹：用戶在輸入一個關鍵詞時，搜索引擎能夠自動推薦與該關鍵詞相關的其他關鍵詞，以幫助用戶更快地找到所需信息。

3.3.2 搜索歷史

介紹：記錄了用戶之前搜索過的關鍵詞和搜索結果，以便用戶在以后的搜索中更快地找到之前查找過的信息。

四、導航

使用場景：標簽切換一般用于和時間、狀態的流轉有關，且沒有交集的數據內容；主要樣式有基礎、卡片、膠囊等。

4.1 頁簽導航（tabs）

優點：

直觀易用：頁簽導航簡單明了，用戶可以快速理解并使用

節省空間：頁簽導航可以在有限的屏幕空間內展示多個頁面或部分內容，提高了頁面的利用率。

便于瀏覽：用戶可以通過頁簽快速切換到不同的頁面或內容，提高了瀏覽效率。

缺點：

導航深度限制：頁簽導航通常只適用于一級或兩級導航，對于多級導航可能會顯得過于復雜。

內容展示限制：由于頁簽的空間有限，可能無法展示所有需要的內容，需要用戶點擊后才能查看全部內容。

4.2 卡片導航

優點：

內容豐富：卡片導航可以展示更多的內容和信息，用戶可以通過卡片了解更多詳情

直觀性強：卡片導航以視覺化的方式展示內容，更加直觀和易于理解

交互性強：用戶可以通過滑動或點擊卡片進行操作，增強了交互性和體驗感

缺點：

占用空間大：卡片導航需要占用更多的屏幕空間，可能會影響頁面的整體布局和美觀度；

操作復雜度較高：對于一些用戶來說，卡片導航的操作可能會比較復雜，需要一定的學習成本

五、條件篩選

5.1 頁面布局

5.1.1 上下布局

特點：篩選條件和表格數據分別位于頁面上方和下方，用戶可以逐行查看數據，同時看到篩選條件。

使用建議：適用于篩選條件較少，且數據量較大的情況。用戶可以快速瀏覽數據，同時方便對篩選條件進行修改。

5.1.2 左右布局

特點：篩選條件和表格數據分別位于頁面左側和右側，用戶可以同時看到篩選條件和數據。

使用建議：適用于篩選條件較多，且數據量較小的情況。用戶可以在篩選條件和數據之間進行快速切換，提高操作效率。

5.1.3 浮層（彈窗/抽屜）

特點：僅展示篩選圖標按鈕，以浮層形式呈現。可以在當前頁面的上方或側邊以浮動的形式展示，不會占用太多頁面空間。

使用建議：當頁面的空間利用率要求比較高，非高頻操作場景時可使用浮層的模式，節省頁面空間。

5.2 篩選類型

B端表格的篩選類型主要有平鋪式、收折式和下拉式三種：

5.2.1 平鋪式

優點

直觀明了：平鋪式篩選將所有選項平鋪展示，方便用戶快速找到所需選項；

易于操作：平鋪式篩選通常采用簡單的點擊或拖拽操作，方便用戶進行篩選。

缺點

占用空間較大：平鋪式篩選需要展示所有選項，因此可能會占用較多的頁面空間；

不適合大量選項：如果選項數量過多，平鋪式篩選可能會顯得擁擠，影響用戶體驗。

使用建議

適用于選項數量適中的情況：平鋪式篩選適合選項數量適中，且用戶需要直觀看到所有選項的情況；

可以結合其他篩選方式：如果選項數量過多，可以考慮結合其他篩選方式，如收折式篩選或表單式篩選。

5.2.2 收折式

優點

節省空間：收折式篩選可以將不常用的選項折疊起來，節省頁面空間；

易于查找：收折式篩選通常會提供搜索或篩選條件，方便用戶快速找到所需選項。

缺點

操作相對復雜：收折式篩選需要用戶展開或折疊選項，操作相對復雜一些；
不適合所有場景：如果用戶需要直觀看到所有選項，或者需要快速篩選大量選項，收折式篩選可能不太適合。

使用建議

適用于選項數量較多的情況：收折式篩選適合選項數量較多，且用戶需要節省頁面空間的情況；

可以結合其他篩選方式：如果用戶需要直觀看到所有選項，或者需要快速篩選大量選項，可以考慮結合其他篩選方式，如平鋪式篩選或表單式篩選。

5.2.3 表單式

優點

直觀明了：表格形式的篩選方式可以讓用戶直觀地看到各個字段和對應的數據，方便用戶進行對比和篩選；

操作簡單：用戶可以通過簡單的點擊、輸入等方式進行篩選，操作簡便，提高了篩選效率；

靈活性高：表格形式的篩選方式可以支持多種篩選條件和篩選方式，用戶可以根據自己的需求進行篩選，靈活性較高。

缺點

界面擁擠：如果表格中的字段較多，會導致界面擁擠，影響用戶的使用體驗；

數據量大時篩選性能不佳：對于大量數據，表格形式的篩選方式可能需要較長時間才能得出結果，影響篩選效率；

不易展示復雜數據關系：表格形式的篩選方式更適合展示簡單的數據關系，對于復雜的數據關系可能難以直觀地展示。

使用建議

根據實際需求選擇篩選方式：在選擇篩選方式時，需要根據實際需求和數據量的大小來選擇適合的篩選方式。對于簡單的篩選需求，可以使用表格形式的篩選方式；對于復雜的篩選需求，可能需要考慮使用其他篩選方式，如條件語句等；

優化表格布局：為了提高用戶的使用體驗，可以對表格的布局進行優化，如對字段進行排序、隱藏不必要的字段等；

限制篩選條件數量：為了提高篩選效率，可以限制用戶可以設置的篩選條件數量，避免過多的篩選條件導致篩選性能下降。

5.2.4 浮層彈出式

介紹：頁面中僅展示篩選按鈕，點擊后以氣泡或抽屜的方式去承載篩選內容。

優點

用戶友好：浮層式的篩選條件提供了一種直觀的方式來展示篩選選項，用戶可以輕松地查看和選擇，無需在頁面之間切換或變動頁面布局；

節省空間：通過將篩選條件放在浮層中，主頁面可以保持簡潔，不受到過多的干擾元素影響，同時也可以避免篩選條件過多導致的頁面擁擠；

靈活性高：浮層式的篩選條件可以方便地調整和修改，以適應不同的篩選需求和業務變化。

缺點

可能會引起混淆：如果用戶不熟悉這種交互方式，可能會對浮層式篩選條件感到困惑，需要額外的引導和說明；

可能會影響用戶體驗：浮層式的篩選條件需要用戶手動關閉或選擇選項，如果操作不夠便捷或流暢，可能會影響用戶體驗；

可能會影響頁面性能：如果篩選條件過多或數據量較大，浮層式的篩選條件可能會導致頁面加載速度變慢，影響用戶體驗。

使用建議

提供清晰的引導：在應用中使用浮層式的篩選條件時，需要提供清晰的引導和說明，幫助用戶更好地理解和使用；

優化關閉和選擇操作：為了提高用戶體驗，需要優化篩選條件的關閉和選擇操作，使其更加便捷和流暢；

考慮數據量和性能：在應用中使用浮層式的篩選條件時，需要考慮數據量和頁面性能等因素，采取相應的優化措施。

5.2.5 表頭篩選

介紹：位于表格表頭區域，每一列表頭可做單列篩選，也可多列同時篩選。

優點

直觀明了：表頭篩選將篩選條件直接展示在表格的表頭位置，方便用戶直觀看到所有可用的篩選條件；

提高效率：表頭篩選可以減少用戶的操作步驟和時間成本，提高篩選效率。

缺點

適用范圍有限：表頭篩選通常適用于簡單的單字段篩選或單列篩選，對于多字段或多列的復雜篩選需求可能不太適用；

可能影響表格美觀度：在表格中添加多個表頭可能會影響表格的美觀度，需要權衡設計和用戶體驗之間的平衡。

使用建議

適用于簡單篩選需求的情況：表頭篩選適合簡單的單字段或單列的篩選需求，如根據姓名、性別等進行篩選；

可以結合其他篩選方式：如果用戶需要復雜的篩選需求，可以考慮結合其他篩選方式，如平鋪式、收折式或表單式等。

5.2.6 已選條件

介紹：將已經錄入的條件展示在查詢條件的下方，可快速刪除

優點

用戶體驗：顯示已選條件可以幫助用戶更好地理解篩選結果，提高用戶體驗。用戶可以直觀地看到哪些條件已被選中，從而更好地理解數據的篩選結果；

可視化效果：在篩選區顯示已選條件，可以增強表格的可讀性和可視化效果。篩選條件的顯示可以提供一種直觀的方式，幫助用戶更好地理解數據和篩選結果；

篩選靈活性：如果篩選區顯示已選條件，用戶可以根據需要輕松地修改或刪除已選條件，提高篩選的靈活性；

篩選邏輯清晰度：通過顯示已選條件，用戶可以更好地理解篩選的邏輯。這有助于用戶更好地理解數據之間的關系和關聯，提高數據分析的準確性；
篩選操作效率：對于大量數據的篩選，顯示已選條件可以幫助用戶更快地定位和調整篩選條件，提高篩選操作效率。

六、優化過濾性能

6.1 索引優化

6.1.1 查詢條件模版

將常用的查詢方案保存為模版，通過快速切換模版的方式批量替換查詢條件，達到快速查詢的效果，方便用戶快速篩選出所需的數據。

6.1.1 查詢值模版

將常用的查詢方案連同值一起設置為模版，在下次切換查詢方案時，自動根據預置的值進行自動查詢，查詢結果保存至瀏覽器，方便下次調用。

6.2 緩存機制

介紹：（瀏覽器前端）將已經過濾過的數據緩存起來，避免重復查詢。

6.3 分頁加載

介紹：采用分頁加載的方式，減少一次性加載的數據量，提高加載速度。

七、總結

作者：姚_Yale
鏈接：https://www.zcool.com.cn/article/ZMTYwNTc0OA==.html
來源：站酷
著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。

評論(0) 瀏覽(540)

« 1 ... 9 10 11 12 13 14 15 ... 61 »

日歷

鏈接

個人資料

藍藍設計的小編 http://m.paul-jarrel.com

国产亚洲精_丰满老熟好大的大bbb_男男激情做爰视频免费观看_欧美一区二区三区精品国产

首頁

八角行為分析 — 打動用戶的產品密碼

八角行為分析 — 打動用戶的產品密碼

優秀的設計就是帶給用戶驚喜！

【萬字干貨】B端進階｜表格數據過濾分析

B端基礎 | 聊聊B端基礎設計知識

分類頁面界面革新——Category Interface Revamp

探索引人入勝的車載管理軟件界面設計

探索B端后臺管理界面導航設計的精髓

B端的10個設計方法

【萬字干貨】B端進階｜表格數據過濾分析

分類

日歷

鏈接

個人資料

存檔