酷播亮新聞
最棒的知識補給站

定制需求設計實現的案例分享

專為互聯網人打造的365天成長計劃,500門視頻課程隨便看,構建你的產品、運營知識體系。 查看詳情

在金融行業中,大眾化的理財產品往往不能滿足高端客戶資產保值、增值的需求,為了做好這部分客戶的留存,投資機構會根據客戶的投資需求,發行專屬的定制產品。 在實際執行時,一般是由客戶專屬的投資顧問代為發起定制需求,再由產品業務部門根據定制需求計劃性發行產品。 這次帶來的就是定制需求設計實現的案例分享,一共分為兩個部分:產品設計思考、產品設計文檔。

第一部分:產品設計思考

整體來說,定制需求產品設計實現並不復雜,但是對於產品設計師而言,最終實現的設計方案是需要經得起推敲、受得起質疑的,所以,在產品設計時需要多思考為什麼要 這麼做。 第一部分主要分享這次需求設計過程中的一些思考,包括有4個點:還原真實場景、確保溝通有效、系統兼容性考慮、詳情展示設計探索。

1. 還原真實場景

投資顧問代客戶發起理財產品定制需求​​時,需要提供一些參考信息給到產品業務部門,例如客戶偏好的產品類型、能承受的產品風險、預計投入的資產、大概投入多少年、期望獲得的年化 收益等。 然而在真實的場景中,客戶的需求可能是比較模糊的,不同客戶自身的特性和需求也是不一致的。 例如保守型A客戶會說“我現在有一筆資產,想做一個養老的規劃我想買一些保本類的產品”,激進型B客戶會說“股票、基金沒意思,我對高端理財產品比較看好, 期望能獲得20%左右的收益”。 所以,填寫定制需求時,應該給投資顧問更多的發揮空間,不能過於限定,體現在具體頁面中的做法就是:填寫表單時,只規定少量的必填項,其他都是選填項,務必 提供一個可供自由發揮的多行文本框。

2. 確保溝通有效

投資顧問、產品業務部門人員,就定制需求採用的溝通方式是書面溝通(在系統中),要使得書面溝通有效,就需要盡可能地詳細說明需求,或者說,提供更多的資料。 如果要求投資顧問花費大量時間去詳盡填寫表單,用大段文字詳細描述需求,顯然不現實,我們可以考慮為投資顧問提供更便捷的提供資料的方式,例如上傳附件,因為有時候一張截圖比 一段文字更清晰易懂,也更有說服力。

此外,電話溝通、當面溝通會比書面溝通來得更有效,在表單填寫時,可以選擇讓投資顧問留下自己的聯繫方式,方便產品業務部門人員電話與其溝通。

3. 系統兼容性考慮

如果定制需求在移動端也能發起和查看,就需要顧及移動端和Web的兼容性,例如,在移動端上傳、查看圖片會比較方便,但是上傳、查看其它格式例如PDF、Word、Excel等文件 就沒那麼方便了,所以,如果要考慮兼容移動端,可以限制Web端也只能上傳圖片格式的附件,和移動端的體驗一致。

4. 詳情展示設計探索

通過前面的設計思考,表單填寫部分已經沒問題了,下一個問題是如何把表單填寫的內容展示給產品業務人員,也就是所謂的詳情頁面應該如何展示。 一種比較笨的方法是按照表單填寫頁面樣式禁用控件作為詳情頁展示,如果後台系統開發趕工期,可以這麼處理;如果時間充裕,還是需要考慮更優的一些詳情頁面展示的方式。 對比這裡表單填寫的字段情況,字段長度和填寫的內容有長有短,如果從上往下排列,在Web端就會顯得右側比較空,同時各行字段在對齊時會顯得參差不齊。 在對比多種方案後,我們採用了用格子的形式把字段“圍起來”進行展示的方案,對齊線依賴格子與格子之間的對齊。

為什麼這樣設計? 設計靈感來自把各式各樣的衣物整齊放到格子裡面的樹脂衣櫃,可能每個設計師給出詳情頁設計方案和理由都不一致,但是一定要有理論支撐,為什麼需要這麼做。

第二部分:產品設計文檔

經過思考的步驟之後,下一步就是把想法轉化為原型和文檔,畢竟需要把設計思路傳達給其他團隊成員,由於保密性的原因,這裡給出其中一小部分產品設計文檔以供大家參考,包括 需求和交互說明的一些信息。 很多時候,我們不用太多拘泥於XX文檔模板,因為這些模板不是共性的,只需要把重點的內容描述清楚和詳盡即可,而且要根據自己公司項目、團隊習慣不斷改進。

1. 需求概述

需求概述部分,可以就背景、角色場景、整體流程等方面進行交代,方便文檔閱讀對像從宏觀上理解和把握你的產品設計意圖。

1.1 背景

在金融行業中,大眾化的理財產品往往不能滿足高端客戶資產保值、增值的需求,為了做好這部分客戶的留存,投資機構會根據客戶的投資需求,發行專屬的定制產品。

1.2 角色場景

在產品定製過程中,一般是由客戶專屬的投資顧問代為發起定制需求,再由產品業務部門根據定制需求計劃性發行產品。

投資顧問:收集高端客戶提出的個性化理財需求,並且通過平台填寫表單提交到產品業務部門。

產品業務部門人員:獲得投資顧問代客戶發起的理財定制需求,就需求進行分析,給出答复意見,若可行,則需按照需求開發產品。

1.3 整體流程說明

1.4 狀態說明

定制需求單有兩種狀態,分別是:需求中,已處理。

  • 需求中: 投資顧問新發起產品定制需求​​,產品業務部門未處理。
  • 已處理: 產品業務部門人員給予明確的處理答复,並手動將需求單關閉。

2. 功能說明

功能說明部分,需要給出細緻的需求和交互說明,例如鍊接跳轉、字段說明、狀態變更時機等。

2.1 發起產品定制

在產品定制列表頁面,點擊“定制產品”按鈕,即可發起產品定制流程(在當前頁面打開),投資顧問需要在定制需求單填寫如下字段供產品業務部門人員參考。

附件僅支持支持擴展名: .jpg .png .pdf .doc .docx .xls .xlsx .rar .zip格式的文件,在彈框時,過濾/不可選其他格式文件。 例如Mac OS系統下,上傳圖片時非圖片格式的文件是禁止選擇的。

此外,限製文件大小為20MB,若選擇上傳的文件大小超過20MB,則在選擇完畢進行校驗後,彈框提示“單個文件大小超過限制”。

附件上傳成功後,在下方展示相應的附件名稱及擴展名,可以點擊附件名稱後面的“X”刪除已上傳的附件。

因為是表單填寫頁面,所以在提交表單時,需要對錶單的有效性進行校驗,帶有紅色*號的代表必填項,文本輸入框不限制輸入字符,當必填項未填寫時,下方 “提交”按鈕置灰展示。

點擊“提交”按鈕提交產品定制需求​​,提交成功後,記錄該需求單且把狀態變為“需求中”,並在當前頁面彈出提交成功的提示彈框。 點擊“我知道了”,關閉彈框,並在當前頁面打開定制產品列表頁面。

2.2 查看並處理需求

產品業務部門人員收到定制需求後,可以進入需求單詳情進行查看,需求單詳情除了展示需求的內容外,還增加處理記錄的展示,記錄產品業務部門對需求單的回复內容以及回复時間。

產品業務部門明確定制產品需求處理結果時,可直接回复處理結果,帶有紅色*號的代表必填/必選項,文本輸入框不限制輸入字符,當必填項未填寫時,下方“回复” 按鈕同樣置灰展示。 輸入回复內容並回復成功後,在當前頁面彈出回復成功的提示彈框。 點擊“我知道了”,關閉彈框,刷新當前頁面,增加一條處理記錄。

點擊“完成處理”按鈕可以關閉需求單,即更改需求單的狀態,若之前沒有任何回复記錄,則彈框提示需要先回复。 點擊“我知道了”,關閉彈框。

若已回復過,點擊“完成處理”按鈕則彈出二次確認提示。 點擊確定後,需求單的狀態變為“已處理”,關閉彈框,並在當前頁面打開管理列表頁。 注意,“已處理”狀態的需求單,將不能再進行回复操作,即需求單詳情處理需求模塊不可見。

3. 寫在最後

由於保密限制,第二部分設計文檔僅僅展示了其中一部分設計內容,還有更多的一些狀態情景留待大家去總結和思考,例如需求單提交後,投資顧問是否可修改、撤回? 產品業務部門完成定制產品後,是否可以將需求單直接關聯到產品的名稱和代碼? 投資顧問只能單方面接受產品業務部門關於定制產品的回复意見,是否可以進行雙向溝通?

 

作者:夜雨,高級交互設計師,專注金融行業-智能投顧方向,大部分時間在復雜後台系統中遨遊。 簡書:夜雨y。

本文由 @夜雨 原創發佈於人人都是產品經理。 未經許可,禁止轉載。

題圖來自 Pexels,基於 CC0 協議

如有侵權請來信告知:酷播亮新聞 » 定制需求設計實現的案例分享