性xxxxxxx,2019国产精品每日更新

先進流程領(lǐng)路，產(chǎn)品領(lǐng)先一步。

銀行
財務(wù)
基金
保險

金融行業(yè)UI設(shè)計過程中，蘭亭妙微通過深入了解用戶需求和行為，優(yōu)化軟件的操作流程和功能布局，不斷優(yōu)化界面視覺設(shè)計，采用簡約、現(xiàn)代、科技感的設(shè)計風格，讓用戶感受到更加順暢、高效、愉悅的軟件使用體驗；視覺語言傳承和創(chuàng)新公司品牌的特色和風格，并形成UI規(guī)范-系統(tǒng)化的設(shè)計語言，蘭亭妙微參與的重點軟件項目有：人民銀行征信系統(tǒng)、數(shù)據(jù)報送、反洗錢、1104、east、審計、財務(wù)資金等軟件。

痛點和問題

頁面內(nèi)容很多，流程復雜

頁面內(nèi)容多，信息雜，需要梳理和區(qū)別使之條理化，重點突出。流程復雜，需要分步進行任務(wù)或在長頁上有索引錨點。
缺乏引導，缺乏有效提示

功能入口不清晰，缺少首頁引導、缺乏操作步驟和動線提示，用戶難以連貫操作。當前位置狀態(tài)不夠突出。
缺乏全局觀的首頁

首頁不是操作起始頁，用戶無法看到各重要信息匯集的頁面。只能單個功能查看，操作不直觀易用。
配置方式混亂

系統(tǒng)配置和后臺配置混淆，配置方式混亂。界面圖標容易點不準或者點錯，狀態(tài)的提示性不強。
與日常操作使用習慣不符

列表顯示過多的不必要信息，有橫向滾動，缺少步驟的暫存或者是狀態(tài)的保存，缺少當前頁面的直接編輯功能。
交互常見問題
- 多子系統(tǒng)如何方便流暢切換？
- 彈框?qū)蛹壉容^多，怎么優(yōu)化？
- 有些表單特別長，內(nèi)容多，怎么優(yōu)化？
- 如何布局靈活，滿足不同分辨率的布局？
視覺常見問題
- 怎么設(shè)計出適合自己公司的一套UI設(shè)計體系？讓用戶對我們的產(chǎn)品有一定認可度和辨識度？
- 好多頁面是表格表單，視覺效果怎么提升？
- 當前流行的設(shè)計風格趨勢是什么？
后期沿用常見問題
- 操作的流程怎么標準化？
- 后續(xù)開發(fā)怎樣沿用UI規(guī)范保持一致性？
- 設(shè)計好的組件、樣式怎么沿用到其他產(chǎn)品線？
- 設(shè)計如何做到5年左右的市場主流不過時？

方案價值

功能新增

增加協(xié)作流程的功能，增強全局菜單、全局搜索等跨系統(tǒng)功能,增強不同角色的協(xié)作和業(yè)務(wù)流轉(zhuǎn)針對金融細分行業(yè)的創(chuàng)新功能。
產(chǎn)品體驗改進

一致性全局菜單導航，更好的操作定位,設(shè)置高頻操作的快捷入口及每日任務(wù)匯總,增強符合用戶習慣的信息查找檢索,所見即所得的頁面顯示和編輯，方便用戶操作,更多的提醒和顯示，減少操作錯誤，提升業(yè)務(wù)效率流程化的信息顯示，增加操作步驟和動線提示，幫助連貫操作,考慮不同角色的使用和操作簡便性，去除不必要的操作和界面。
新價值輸出

從單一經(jīng)辦變成一站式業(yè)務(wù)工作站，將數(shù)據(jù)的在線瀏覽編輯變成所見即所得的編輯操作，將記錄報送變成業(yè)務(wù)流程的融合工作空間，針對金融細分行業(yè)提供關(guān)鍵場景應(yīng)用創(chuàng)新。

- 用戶研究
- 1、代入典型用戶角色進行討論，圍繞業(yè)務(wù)場景流程，明確角色權(quán)限，梳理業(yè)務(wù)規(guī)則
- 2、梳理操作任務(wù)和使用流，梳理系統(tǒng)交互操作和用戶交互操作，并進行區(qū)分
- 3、體系化梳理已有交互體驗和易用性問題，討論并補充新問題
- 4、提出新的設(shè)計建議
- 交互優(yōu)化
- 1、了解軟件業(yè)務(wù)及功能，從整體信息架構(gòu)上梳理整合菜單及功能
- 2、梳理系統(tǒng)平臺首頁不同角色所用業(yè)務(wù)，針對用戶需求取舍內(nèi)容，概要展示
- 3、畫出全流程頁面交互原型，優(yōu)化操作流程，提升用戶體驗，提高用戶的工作效率。
- 4、滿足目標用戶的需求和習慣，建立人性化的交互引導。
- UI視覺優(yōu)化升級
- 1、系統(tǒng)UI視覺要符合主流設(shè)計審美趨勢、符合行業(yè)特性、具備品牌特色
- 2、需要支持國際化，符合國際化UI設(shè)計規(guī)范
- 3、整個系統(tǒng)需要形成一套完整的UI設(shè)計規(guī)范
- 4、布局靈活，適配不同布局要求
- 規(guī)范沿用
- 1、后續(xù)的UI規(guī)范更好的沿用到其他子系統(tǒng)
- 2、提升優(yōu)化用戶體驗的方法論和知識
- 3、系統(tǒng)風格沿用至少5年不被淘汰
- 4、開發(fā)中建立對應(yīng)的組件代碼庫和主題庫

工作方法

準備階段
開始
中期
成果
交付物
節(jié)點確認

用研	了解系統(tǒng)及構(gòu)思用研方式 1.熟悉系統(tǒng) 2.梳理訪談內(nèi)容 3.確定訪談方式 4.確定邀請人選進行用戶研究	1.邀請用戶訪談 2.了解用戶使用過程中痛點難點 3.進行業(yè)務(wù)場景歸類，了解不同業(yè)務(wù)場景用戶使用習慣根據(jù)用研結(jié)果驗證交互可行	針對用研階段的問題，進行交互驗證，查驗是否解決用戶問題。	校驗交互設(shè)計稿，對比提出修改意見	1.用研問題清單 2.系統(tǒng)存在問題清單 3用研報告	用研報告確認函
交互	成為系統(tǒng)用戶 1.熟悉系統(tǒng) 2.梳理系統(tǒng)架構(gòu) 3.參考競品 4.??體發(fā)現(xiàn)的問題 5.初步構(gòu)思解決方案	1.協(xié)助用研同事進行用戶訪談 2.記錄用研過程中的問題 3.將記錄的問題與準備階段發(fā)現(xiàn)的問題進行交叉對比驗證，找出哪些是共性問題，哪些是新增問題，為交互設(shè)計提供支撐。	1 設(shè)計交互原型，先進行關(guān)鍵模塊的設(shè)計。 2. 聯(lián)系客戶進行原型測試，并收集測試反饋。 3.依據(jù)用研反饋問題和用戶反饋問題，進行迭代修改。 4.重復此過程完成全部。	分批確認交互原型至確認	1.補充問題清單 2.需求分析文檔 3 關(guān)鍵節(jié)點的交互設(shè)計圖 4全流程的交互設(shè)計	交互設(shè)計確認函
視覺	1.熟悉系統(tǒng)、目標用戶 2搜集相關(guān)軟件資料	1.搜集相關(guān)設(shè)計風格圖片、競品設(shè)計	依據(jù)原型圖進行視覺設(shè)計	分批確認視覺稿至確認	視覺設(shè)計	視覺設(shè)計確認函
開發(fā)	了解系統(tǒng)技術(shù)前端開發(fā)框架，做好技術(shù)選型	和設(shè)計師溝通，熟悉設(shè)計稿的交互跳轉(zhuǎn)方式操作邏輯	依據(jù)視覺設(shè)計稿進行前端開發(fā)，進行視覺走查，保證良好的復原度和良好的使用	接入數(shù)據(jù)、對好接口和聯(lián)調(diào)，后端寫好功能，通過綜合測試	軟件代碼	前端開發(fā)確認函
階段目標	1.消除對系統(tǒng)的陌生感 2.找出當前系統(tǒng)在交互和信息架構(gòu)上存在的問題	對齊認知，消除認知偏差，深入了解用戶需求完善場景劃分，了解現(xiàn)在系統(tǒng)和用戶期望之間的差距，確定優(yōu)化方法。	對用研反饋的問題進行針對性的改進，并落地形成可視化解決方案。	依據(jù)交互設(shè)計，提供完整的視覺設(shè)計方案，前端開發(fā)接近設(shè)計稿，完成最終開發(fā)功能及測試

協(xié)作機制

時間：根據(jù)調(diào)研訪談計劃
參與人：蘭亭妙微、訪談對象
主要溝通內(nèi)容：相關(guān)需求
成果：訪談紀要、調(diào)研反饋與總結(jié)

時間：每周二
參與人：雙方項目組負責人
主要溝通內(nèi)容：工作完成情況，設(shè)計方案、資源協(xié)調(diào)、風險預案。
成果：項目周報（界面及交互設(shè)計展示）

時間：交互設(shè)計和UI設(shè)計節(jié)點，開發(fā)節(jié)點
參與人：雙方項目組
主要溝通內(nèi)容：對交互設(shè)計和UI視覺設(shè)計做評審及開發(fā)效果走查培訓
成果：評審結(jié)果、修改意見

時間：交互設(shè)計和UI設(shè)計節(jié)點
參與人：雙方項目組
主要溝通內(nèi)容：對交互設(shè)計和UI視覺設(shè)計做評審
成果：評審結(jié)果、修改意見

方案亮點

01 十年積累，對征信系統(tǒng)、數(shù)據(jù)報送、反洗錢、1104、east等軟件業(yè)務(wù)的理解

蘭亭妙微持續(xù)關(guān)注征信系統(tǒng)、數(shù)據(jù)報送、反洗錢、1104、east等軟件的細分領(lǐng)域，通過和多家公司合作此類項目的經(jīng)驗，對業(yè)務(wù)功能及用戶喜好有一定了解。
參加金融、銀行的各種工作坊，關(guān)注國外行業(yè)領(lǐng)先者產(chǎn)品，不斷學習和提升，形成先進的方法論，并在項目中已驗證落地。
可以整合系統(tǒng)架構(gòu)，畫出軟件整體全流程頁面交互原型，合并或展開任務(wù)步驟頁面，優(yōu)化操作流程，提升用戶滿意度和工作效率。

02 專業(yè)的研究設(shè)計和研究方法

從用戶體驗設(shè)計的角度
了解現(xiàn)有用戶對系統(tǒng)的日常使用情況及使用習慣，梳理產(chǎn)品體驗和系統(tǒng)可用性問題，用戶對系統(tǒng)的使用場景和需求。

提問：您通常使用哪些功能？為什么這些功能對您很重要？
詢問：您認為目前軟件哪些方面做得好？哪些方面可以改進？
探討：使用中是否遇到了任何困難或挑戰(zhàn)？有什么建議？

03 邀約最終典型用戶和內(nèi)部用戶，傾聽洞察用戶的觀點，開展工作坊

內(nèi)部用戶條件

來自咨詢部、交付中心的工作同事

熟悉業(yè)務(wù)場景要求，熟悉任務(wù)操作流程要求

熟悉界面功能以及用戶操作，了解典型性問題和代表性問題。

代表系統(tǒng)的典型用戶，分角色參與討論

每個參與者有一個指定的身份(分別以操作員、審查員的身份)代入?yún)⑴c小組座談會+工作坊討論。

外部用戶條件

來自終端銀行的業(yè)務(wù)部門的典型用戶，熟悉業(yè)務(wù)場景要求，熟悉任務(wù)操作以及流程要求

為日常高頻使用系統(tǒng)的用戶，熟悉系統(tǒng)/子系統(tǒng),熟悉界面功能以及系統(tǒng)操作，了解典型性問題和代表性問題

操作角色(以數(shù)據(jù)錄入和上報等操作為主)，審查角色(以業(yè)務(wù)審批、業(yè)務(wù)管理設(shè)置等操作為主) = 1：1

04 全流程交互原型設(shè)計，對關(guān)鍵及復雜任務(wù)場景創(chuàng)新改變原有布局和工作流程

對關(guān)鍵及復雜任務(wù)場景，進行內(nèi)部及外部用戶的調(diào)研，了解用戶期待和使用時的痛點后，結(jié)合對產(chǎn)品的理解，專業(yè)的設(shè)計積累，顛覆性改變原有布局和工作流程，創(chuàng)新改變交互方式，使軟件更易用。

05 用儀表盤搭建管理駕駛倉，讓用戶秒懂整個平臺工作運行情況

全局首頁主要功能地位為讓用戶了解整個平臺工作運行情況，當天任務(wù)情況；并將用戶分流引導至關(guān)注的子系統(tǒng)中。
用多維表格儀表盤快速搭建了豐富的管理看板，它可以幫助管理者快速查看業(yè)務(wù)數(shù)據(jù)，管理者也可以根據(jù)自己的需求自定義配置圖表，隨時、全面地從多維度了解業(yè)務(wù)進展狀況，及時調(diào)整業(yè)務(wù)策略，提高業(yè)務(wù)效率和業(yè)績。

06 微動效信息折疊收納，界面空間利用更合理

金融業(yè)務(wù)的復雜性直接影響了產(chǎn)品設(shè)計中的信息量和展示方式，這對設(shè)計師提出了嚴峻挑戰(zhàn)，在有限的視覺空間內(nèi)如何高效、清晰地傳達關(guān)鍵信息。以便攜式筆記本為例，一屏看到的內(nèi)容有限，往往導致頁面布局擁擠，影響用戶體驗。
面對這種信息過載的問題，我們提出了“折疊收納”的設(shè)計策略。通過合理的信息層次劃分和交互設(shè)計，將大量信息進行有序的組織和隱藏，使得用戶在需要時能夠方便地展開獲取，而在不需要時則保持頁面的簡潔和清晰，實現(xiàn)信息與美觀的雙重優(yōu)化。

07 多維表格解決表格內(nèi)容過多，打破舊有表現(xiàn)形式，直觀生動傳達數(shù)據(jù)

所見即所得的頁面顯示和編輯，用戶不用跳出頁面和尋找其他入口包括結(jié)構(gòu)化的數(shù)據(jù)展示，表頭篩選，表格嵌套結(jié)構(gòu)，主子表結(jié)構(gòu)設(shè)計，高級篩選-選項顯示等功能。

08 優(yōu)化卡片內(nèi)容，尋求每個場景下的極致體驗

卡片式設(shè)計包含圖片以及文案并且有明顯邊界的信息區(qū)塊，本身可以是一個完整的信息區(qū)塊，也可以作為更多具體內(nèi)容的一個入口，同時也能承載豐富的互動方式。同時卡片的里面內(nèi)容的層級關(guān)系，以及信息的主次在設(shè)計時是要特別注意的，否則會讓信息顯得雜亂。所以卡片設(shè)計作為一個獨立的容器，可以在內(nèi)容上進行良好的布局組織，將信息分塊，突出重點，讓用戶快速找到感興趣的內(nèi)容，避免在繁雜的信息集中浪費時間。需要展示給用戶的第一要素是『這是什么應(yīng)用』，每個獨立卡片中承載的圖標和名稱可以以最生動形象的感知傳達給用戶。注重功能化導向設(shè)計，讓用戶愉悅的完成任務(wù)，注重感知和情緒設(shè)計會讓用戶更加喜歡。

09 輸入表單的美觀提升，易用增強

在金融數(shù)字中臺產(chǎn)品設(shè)計中，由于業(yè)務(wù)體量龐大、信息復雜。對于信息的準確性也要求非常高。那么，對于承載信息錄入的表單來說，表單的設(shè)計就變得尤為的重要。如何快速的讓用戶在最短的時間內(nèi)錄入好正確的信息。是我們在設(shè)計表單時常常值得思考和深究的問題，為用戶減負為目標，在完成數(shù)據(jù)采集任務(wù)的時候盡量給用戶帶來最小的操作負擔；表單效率是衡量表單設(shè)計優(yōu)劣的重要指標，通過合理的信息輸入組件與頁面布局和交互方式可以使用戶快速完成表單頁的信息填寫任務(wù)。