B端設計|頁面流程重構

0 評論 7490 瀏覽 27 收藏 9 分鐘

下面這篇文章是筆者整理分享的關于B端設計中頁面流程重構的相關內容,對此感興趣的同學可以進來了解了解哦!

請注意哈,產品流程重構是一個大復雜的過程,涉及多個方面和參與者。確保在重構過程中保持與目標的對齊,并持續改進以滿足用戶需求。

從設計角度來重構,以用戶體驗為基礎,在用戶操作界面去改善、重構流程。業務還是那個業務,邏輯還是那個邏輯。

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

一、明確目標

1. 表現出數據的意義:分階段反饋

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

關于數據清洗的業務復雜,需要操作的流程有很多,分步驟拆分,原本的每個小流程清洗的結果反饋不明顯。

2. 優化流程,簡化操作步驟,由簡入繁逐步解決需求問題,提高用戶體驗,也要提高數據反饋力度。

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

3. 降低復雜操作認知度,引導式提示方式

對于新手用戶或不熟悉復雜操作的用戶,提供引導式的操作界面。

通過逐步引導、提示和建議,幫助用戶由表入里完成復雜的數據清洗任務。

二、現狀分析

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

三、流程梳理

主要是前端操作層面的梳理,業務方面的流程不做說明哈,都懂的。

1. 登錄與權限驗證:這塊不作講述,正常的給予賬戶權限進行操作

2. 數據檢索界面

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

3. 數據篩選與樣本池構建

  • 常用檢索就是一個搜索框,類似現在搜索引擎的方式,得到一個初步的檢索結果,當然也提供進一步的篩選選項。
  • 用戶可以根據排除和納入方法進行數據進一步篩選。
  • 進一步篩選,提供工具或界面讓用戶設置單個數據指標。
  • 經過篩選和設置后,生成初步的數據樣本池。

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

  • 顯示數據樣本池中的數據概覽和相關統計信息。
  • 讓用戶分析樣本間的交叉影響事件和因素。
  • 根據分析結果,用戶可以進一步篩選和分類數據。

5. 最終樣本確定

顯示經過交叉影響分析后的最終分類樣本數據。

6. 操作反饋與幫助

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

四、設計流程

前兩個部分,將目標分析和流程梳理已經整理的比較清晰了,設計這塊就可以加快腳步了。

1. 將復雜邏輯線進行拆分,規劃簡單入門步驟和復雜操作步驟兩部分

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

2. 優化交互方式

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

2)成組指標項

成組大概就這么個示意,根據業務要求進行細致修改,樣式可以變化,能夠表示層級關系即可

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

3. 優化主次,首要突出

a.業務的復雜性,在用戶體驗、操作反饋上做調整;調整入手順序和頻次高的操作,猶如吃飯就要筷子一樣,常識性的功能工具就順勢帶出設置,晦澀難懂的功能帶注釋“?”。

b.優先主要內容,優先處理當前執行的篩選條件,完成后再處理其他內容。

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

五、實施計劃

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

專欄作家

Ychen,微信公眾號:B端設計啊嗚,人人都是產品經理專欄作家。專注于醫療大數據B端產品設計領域。

本文原創發布于人人都是產品經理,未經許可,禁止轉載。

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

該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!