下面這篇文章是筆者整理分享的關(guān)于B端設(shè)計中頁面流程重構(gòu)的相關(guān)內(nèi)容，對此感興趣的同學(xué)可以進來了解了解哦！

請注意哈，產(chǎn)品流程重構(gòu)是一個大復(fù)雜的過程，涉及多個方面和參與者。確保在重構(gòu)過程中保持與目標(biāo)的對齊，并持續(xù)改進以滿足用戶需求。

從設(shè)計角度來重構(gòu)，以用戶體驗為基礎(chǔ)，在用戶操作界面去改善、重構(gòu)流程。業(yè)務(wù)還是那個業(yè)務(wù)，邏輯還是那個邏輯。

整個一套操作邏輯，簡化流程，逐步由簡到難的過程優(yōu)化，原本的業(yè)務(wù)比較龐大，操作邏輯相當(dāng)復(fù)雜且麻煩，在操作使用就比較粗糙，只能依靠專業(yè)人士進行操作培訓(xùn)，才能夠順利進行。有時開發(fā)人員都不一定能明白如何進行。

一、明確目標(biāo)

1. 表現(xiàn)出數(shù)據(jù)的意義：分階段反饋

• 將整個數(shù)據(jù)清洗過程拆分成多個小步驟。
• 每個步驟完成后，給予用戶明確的反饋，如進度條、成功/失敗的提示、或數(shù)據(jù)前后對比等。

關(guān)于數(shù)據(jù)清洗的業(yè)務(wù)復(fù)雜，需要操作的流程有很多，分步驟拆分，原本的每個小流程清洗的結(jié)果反饋不明顯。

2. 優(yōu)化流程，簡化操作步驟，由簡入繁逐步解決需求問題，提高用戶體驗，也要提高數(shù)據(jù)反饋力度。

• 對常用的或主要的清洗操作進行優(yōu)化，使其變得更簡單、直觀。
• 提供“一鍵清洗”功能，拆分常用和高級選項篩選功能分級，對于常用的清洗需求，用戶只需選擇常用記錄里的清洗方式，點擊一次即可完成。
• 提供默認值或推薦值，減少用戶需要決策的選項。

3. 降低復(fù)雜操作認知度，引導(dǎo)式提示方式

對于新手用戶或不熟悉復(fù)雜操作的用戶，提供引導(dǎo)式的操作界面。

通過逐步引導(dǎo)、提示和建議，幫助用戶由表入里完成復(fù)雜的數(shù)據(jù)清洗任務(wù)。

二、現(xiàn)狀分析

• 產(chǎn)品功能：針對數(shù)據(jù)池塘中的數(shù)據(jù)進行高效檢索，篩選出數(shù)據(jù)樣本研究對象，為臨床科研提供堅實的數(shù)據(jù)支撐，從而確保研究的準(zhǔn)確性和有效性。
• 業(yè)務(wù)邏輯：這里，主要聚焦于從操作層面篩查過程范圍。為實現(xiàn)目標(biāo)數(shù)據(jù)的精準(zhǔn)篩查，我們采用嚴謹?shù)呐懦图{入方法，并對單個數(shù)據(jù)指標(biāo)進行設(shè)置，從而構(gòu)建高質(zhì)量的樣本數(shù)據(jù)池。在此基礎(chǔ)上，我們進一步考慮樣本間的交叉影響事件和因素，確保最終篩選出的分類樣本數(shù)據(jù)具有代表性和可靠性。
• 操作反饋：當(dāng)前的前端操作界面存在一定的使用難度，對于新手來說不太友好，導(dǎo)致上手難度較大。同時，由于我們的培訓(xùn)對象主要是專業(yè)醫(yī)療人員，他們的時間非常寶貴且難以預(yù)約，因此培訓(xùn)的時間成本也相對較高。為了改善這一狀況，我們將不斷努力優(yōu)化前端操作界面，降低使用難度，提高用戶體驗。同時，我們也將積極探索更高效的培訓(xùn)方式，以減少時間成本，提升培訓(xùn)效果。

三、流程梳理

主要是前端操作層面的梳理，業(yè)務(wù)方面的流程不做說明哈，都懂的。

1. 登錄與權(quán)限驗證：這塊不作講述，正常的給予賬戶權(quán)限進行操作

2. 數(shù)據(jù)檢索界面

• 劃分一般檢索框和高級篩選功能。
• 一般檢索框提供搜索框和常用、歷史篩選條件，用戶可以根據(jù)自己的需求輸入關(guān)鍵詞或選擇篩選條件。

3. 數(shù)據(jù)篩選與樣本池構(gòu)建

• 常用檢索就是一個搜索框，類似現(xiàn)在搜索引擎的方式，得到一個初步的檢索結(jié)果，當(dāng)然也提供進一步的篩選選項。
• 用戶可以根據(jù)排除和納入方法進行數(shù)據(jù)進一步篩選。
• 進一步篩選，提供工具或界面讓用戶設(shè)置單個數(shù)據(jù)指標(biāo)。
• 經(jīng)過篩選和設(shè)置后，生成初步的數(shù)據(jù)樣本池。

4. 樣本交叉影響分析界面

• 顯示數(shù)據(jù)樣本池中的數(shù)據(jù)概覽和相關(guān)統(tǒng)計信息。
• 讓用戶分析樣本間的交叉影響事件和因素。
• 根據(jù)分析結(jié)果，用戶可以進一步篩選和分類數(shù)據(jù)。

5. 最終樣本確定

顯示經(jīng)過交叉影響分析后的最終分類樣本數(shù)據(jù)。

6. 操作反饋與幫助

• 在操作過程中，提供明確的反饋和提示，如操作成功/失敗、數(shù)據(jù)變化等。
• 提供幫助文檔、教程（位置在那一項的邊上作為“？”提示符），以幫助用戶解決操作中的問題。

四、設(shè)計流程

前兩個部分，將目標(biāo)分析和流程梳理已經(jīng)整理的比較清晰了，設(shè)計這塊就可以加快腳步了。

1. 將復(fù)雜邏輯線進行拆分，規(guī)劃簡單入門步驟和復(fù)雜操作步驟兩部分

重構(gòu)前版本，普遍的操作是對于某一個指標(biāo)項有著特定的篩選條件、篩選方式（調(diào)整為通用的篩選方式，針對性的篩選方式兩種），那么將這類通用作為常用項，并由指標(biāo)項去定后直接帶出，針對性的方式作為補充篩選方式引導(dǎo)，作為深層次的篩選方式放置于高級操作內(nèi)。

2. 優(yōu)化交互方式

1）單條指標(biāo)項功能（包含子功能）步驟的操作，從起始到結(jié)束，需要有正向的提示和反饋。VR

2）成組指標(biāo)項

成組大概就這么個示意，根據(jù)業(yè)務(wù)要求進行細致修改，樣式可以變化，能夠表示層級關(guān)系即可

1. 至于混合組（多個不同組的單條重新編組），也是可以操作的，比較多，講多了，不合適。這里不做講述，大家可以自行思考規(guī)劃，如果有需要的話。
2. 組的設(shè)置（影響因素：編輯、組刪除、組變化）。

3. 優(yōu)化主次，首要突出

a.業(yè)務(wù)的復(fù)雜性，在用戶體驗、操作反饋上做調(diào)整；調(diào)整入手順序和頻次高的操作，猶如吃飯就要筷子一樣，常識性的功能工具就順勢帶出設(shè)置，晦澀難懂的功能帶注釋“？”。

b.優(yōu)先主要內(nèi)容，優(yōu)先處理當(dāng)前執(zhí)行的篩選條件，完成后再處理其他內(nèi)容。

這個是在后端程序運行的時候，在前端界面按照操作的樣式出數(shù)據(jù)反饋。

五、實施計劃

原本是任務(wù)時間緊，需要在原來版本中部分調(diào)整,之后與前端開發(fā)的溝通的結(jié)果是，風(fēng)險比較大。因此前端直接重新寫一份。設(shè)計出一份詳細的交互樣式，尤其是告知操作的步驟、數(shù)據(jù)反饋和提示。