2022-7-27 濤濤
● 京東金融 App 首頁三大改版
3.x 版本到馬上上線的 4.x 版本，公司的戰略方向以及產品運營方向都在不斷的變化（有接觸過京東金融 App 的人都知道視覺變化很大）。作為公司的移動端產品，既要滿足用戶體驗和需求，又要滿足內部業務的擴展。所以我們要不斷優化各種布局和細節，把用戶體驗和內部需求做到最好。
3.X 版本是我接首頁優化的第一個版本。改版期間我們經歷了很多，除了本身業務以外，更重要的是我們發現之前首頁有很多問題。其實優化產品最基本的方法就是發現了一些問題，然后去解決這些問題。問題可能是產品問題、業務需求擴展、運營需求滿足，最后才是體驗和視覺。這些問題能得到解決產品就能得到優化。
以賬戶為中心是當時產品的主要方向，整體都在強調財富管理。所以之前的界面在賬戶為主和業務擴展上都存在很大問題，一是業務拓展存在局限性，二是賬戶感不強。
經過一大堆方案和設計圖的轟炸，最終確定了大的方向，突出理財金額和業務和信貸業務。把一些數字突出放大，讓用戶打開產品既能看到自己想看到的東西。賬戶感的體現我們把數字和一些文字說明當成首屏最主要的東西，少一些運營，少一些 banner 。就像是在銀行打出的紙質賬戶信息，上面很少會出現廣告。
▲ 還是之前的方法，經過上線一段的時間去發現問題。隨著業務和功能的增多，原來的布局已支撐不了公司方向的支持這是之一。之前的視覺也有一些缺陷，進入 App 整體看上去沒有重點的，純白色很干凈但是也沒有能跳出來吸引眼球的東西，也不能把重要業務區別與其他業務。
這次增加了一些產品本身頻次的功能，如掃一掃、簽到、每天領券等。還有怎么樣能突出重點業務的展示，讓用戶在視覺局部上有所重點。業務的擴展性通過左右橫滑來實現。
▲ 怎么樣能把多量的業務，重新布局到有限的界面里，而且不能降低用戶的使用體驗，是我們這一版要解決的問題。就是化繁為簡。
這次我們把業務場景劃分成「賺錢」「花錢」「借錢」，相對應是「理財」「白條購物」「現金借貸」。使用三個Tab 簽和最簡單的布局方式來排版。用戶理解相對也會變的容易，界面整體看起來也簡單明了。
首頁的改版看似簡單，其實背后有很多的付出。不斷的優化討論、不斷的視覺方案，我們不斷在尋找新的突破，希望能讓各個方面都達到最大效能。
● 理財日歷
「理財日歷」是整合用戶關于所有金融業務的，按照時間線索智能提醒和自動完成的一款產品。
· 產品目標：幫助用戶記錄金融事件和跟錢相關的事件，例如理財到期、白條還款事件、生活繳費事件等等。一條 時間線可以把用戶所有的事件聯系起來的。讓用戶把時間用在更重要的事情上。
· 產品關鍵性詞語：時間、自動記錄、提醒、設置自動完成
當我們進入 App 時，需要進行很多不同的操作，進入到不同的業務線頁面才能完成我想要做的事情。這時整合業務聚合內容就變的很重要。需要有一個平臺把跟用戶強相關的金融事項和其他事項整合，這樣就不用花費很多時間來處理各種事件。
日歷是一個強時間線的用戶固有思想形態，我們需要把除了基礎的時間、記錄事件和日常提醒功能做好外，還要讓用戶習慣這里面有跟我理財相關的事項。針對使用產品用戶的特征，在視覺布局上不能難以接受，日歷主要的時間、每天事項、后續事項查詢和增加事項都要合理排布。
為了增加日歷的整體氛圍，除了時間的排布，我們為每一個月和每一個節氣增加了插畫。每一條信息的分類都用 icon 表示，突出強弱，增加氛圍。
日歷添加事項和設置頁面，以進度的感覺讓用戶去更好的完成事項的設置。推薦事項也是用戶最常用的、最容易跟時間所對應的事項。
日歷的分享模塊是很重要的一個細節，我們希望它能更好的去傳達這是一款有溫度的產品。它也是對外發聲的一個利器。
怎么樣才能激發用戶分享的欲望呢，用戶打開界面的分享動機是什么？我們知道用戶分享有幾點：有用的、有趣的、相互比較、用戶認同等等。
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請加微信ban_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務合作，也請與我們聯系。
作者：程大專 來源：站酷
分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.shtzxx.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司