中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

編輯導語：在B端SaaS產品中，我們經常會遇到一些提示的信息設計模塊，在面對這一模塊時，我們要注意一些功能的設計以及用戶的體驗方面；本文作者分享了關于B端SaaS中的一些“提示”需求是怎樣做成標準化功能的，我們一起來了解一下吧。

B端產品的業務方有自營業務和第三方業務的區別，如果是自營業務產品經理做需求設計時大多考慮的是自營業務的需求，會經常做個性化需求、一次性需求；如果是第三方業務也就是相當于做SaaS產品設計，則需要考慮“這個需求是否滿足大多客戶的需求，怎樣做成標準化功能，是否有經濟價值”。

我將通過本篇詳細闡述B端 SaaS中常見的“提示”需求是怎樣做成標準化功能的，即根據業務場景設計標準化功能（組件），然后各種業務模塊調用此組件，也就是做成了通用的功能。

一、業務場景

常見的業務場景是“什么情況下 對何對象 觸發什么提示”，這一場景的具體分析如下：

觸發對象：

• 某字段
• 某業務

觸發條件：

• 點擊某按鈕
• 某字段失去焦點
• 某字段有值后
• 刷新頁面時
• 鼠標移入某頁面元素時

提示類型：

• 提示彈窗
• 對話彈窗
• toast 提示
• 紅框紅字提示
• 問號提示
• 加載中
• 進度條

二、功能設計

1）提示彈窗

• 定義：僅提示，只有一個【確定】按鈕，用戶點擊【確定】后關閉彈窗、無業務邏輯，業務模塊使用時需定義觸發條件、觸發對象、提示文案。
• 案例：創建采購計劃時，如果未選中商品就點擊明細行按鈕【購進記錄】，那么提示彈窗：“請先選中商品，再點擊此按鈕”，點擊【確定】或X后關閉該提示。

2）對話彈窗

• 定義：彈窗內有【確定】【取消】按鈕，點擊【確定】后提示關閉并執行后續業務邏輯，點擊【取消】或X關閉只該彈窗。
• 案例：采購計劃新增頁面，當用戶填寫部分信息后想放棄新增這時就點擊【取消】，系統會彈出對話彈窗“點擊確定，會將頁面數據清空并重置到初始狀態！”。如果點擊【確定】按鈕將關閉此彈窗和新增頁面并回到采購計劃列表頁（數據庫中不保存此新增數據），如果點擊【取消】按鈕將關閉該彈窗、仍在采購計劃新增頁面可繼續新增。

3）toast 提示

• 定義：被觸發后在頁面頂部出現文字提示，3秒后自動關閉。
• 案列：新增采購計劃時業務上是要先選擇倉庫名稱再添加商品，如果用戶在操作時未選擇倉庫名稱就去點擊【添加商品】則會 toast 提示：請先填寫倉庫名稱再添加商品！。

4）紅框紅字提示

• 定義：觸發對象被觸發后其輸入框或下拉框出現紅框紅字提示，該觸發對象有值后提示再消失。
• 案例：新增采購訂單時，如果供應商名稱的下拉框無值就去點擊【添加商品】，那么供應商名稱的下拉框就紅框紅字提示“請先完善 供應商名稱 再添加”。

5）問號提示

• 定義：鼠標移入到頁面上的某個元素后顯示文字提示，鼠標移出后該提示關閉。
• 案例：新增倉庫配送單的明細行中的列表，其中列名【生產批號】給出問號提示“只能選合格貨位關聯的生產批號”。

6）加載中

• 定義：前端頁面某交互動作請求后端執行數據庫計算，并將計算的過程返回給前端，這一處理過程對用戶的提示。
• 案例：在采購計劃新增頁面點擊【提交】后請求后端把數據插入到數據庫中，數據庫成功處理后返回給前端，前端再刷新列表頁。這一過程對于用戶來說就是點擊【提交】后看到Loading提示，加載完成后再看到已經刷新的列表頁。

7）進度條

• 定義：前端頁面某交互動作請求后端執行數據庫計算（該數據庫計算比較復雜且耗時），并將計算的過程進度返回給前端，這一處理過程對用戶的提示。
• 案例：新增“商品配送價格組”，填寫好必填字段點擊【提交】，這時后端需要把數十萬個商品數據都刷一遍，然后計算出每一個商品的配送價。這一計算過程對于用戶而言就會看到進度條和提示文案“正在為所有商品配置配送價格組，請稍等。。?！?/li>

以上就是我在做B端 SaaS產品需求設計時遇到提示類需求的解決辦法，像上面這樣先做好標準化功能、定義好組件，之后在任何一個業務模塊需要對應提示時，開發只需要調用對應組件然后寫好觸發條件、觸發對象、提示語句、業務邏輯即可。這樣就不會出現每種業務模塊自由寫個性化提示，也就是說做了一個通用、標準的功能，這就是B端 SaaS產品設計的關鍵思維。

作者：產品老兵，公眾號：供應鏈產品老兵

本文由 @供應鏈產品老兵 原創發布于人人都是產品經理，未經作者許可，禁止轉載。

題圖來自Unsplash，基于CC0協議。