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

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

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

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

一、明確目標(biāo)

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

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

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

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

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

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

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

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

二、現(xiàn)狀分析

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

三、流程梳理

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

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

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

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

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

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

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

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

5. 最終樣本確定

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

6. 操作反饋與幫助

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

四、設(shè)計(jì)流程

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

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

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

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

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

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

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

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

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

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

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

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

五、實(shí)施計(jì)劃

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