競品分析
隨著信用卡進入存量市場,場景運營成為新的著力點,我們通過行業分析、競品分析、用戶調研、需求、場景分析,找出當前app版本存在的信息架構、交互、運營、視覺上存在的問題
交互設計 | 界面設計 | 圖標設計
隨著信用卡進入存量市場,場景運營將成為商業銀行的著力點。2021年,股份行圍繞信用卡繼續深耕。雖然民生銀行信用卡發卡比較晚,2005年才開始公開發行信用卡,但是信用卡業務對于零售業務的貢獻率在行業內居于前列。2021年,招商銀行以29410.20億元繼續領跑整個股份行陣營。民生銀行、興業銀行、浦發銀行、平安銀行、中信銀行
等水平相差不多,在1.7萬億元-2萬億元的水平。當前多家銀行正在全力提振信用卡業務目標。藍藍設計此次對民生銀行全民生活app頻道首頁進行了策略分析、競品分析、交互設計、視覺設計。目標是:打造“以用戶為中心”,圍繞生活全場景進行專屬化服務的信用卡APP,提升用戶體驗以及用戶活躍度,增加用戶粘性與客戶忠誠度。
競品分析
隨著信用卡進入存量市場,場景運營成為新的著力點,我們通過行業分析、競品分析、用戶調研、需求、場景分析,找出當前app版本存在的信息架構、交互、運營、視覺上存在的問題
交互設計
我們結合行業、民生品牌自身的發展策略,吸取同行業產品的優點,制定以下設計策略:1.信息架構調整,更符合用戶的認知習慣。2.進行定制化場景運營。3.增加情感化設計、熱點互動內容。4.融入品牌基因,提升品牌影響力
設計風格
1.重新梳理業務邏輯,優化信息架構,使頁面結構更加合理化,提升用戶體驗。2.融入品牌基因,品牌色、IP形象。3.個性化定制化頁面內容推送。4.情感化的交互反饋,提示、文案、圖片等,滿足用戶期望性需求與興奮型需求
原版設計
設計方案一
設計方案二
前期客戶只給了目前的app樣式,我們自己進行了競品分析、重新梳理頁面架構、交互設計、視覺設計等工作
藍藍設計對比了國內十多家銀行的信用卡產品,重點對3個APP的首頁進行了詳細對比,二三級頁面采用抽查方法進行瀏覽
根據信用卡app活躍人數排行榜2023.01(數據來源:易觀千帆),我們選取2023年1月信用卡app活躍人數規模排名前三位為競品
藍藍設計對比了國內十多家銀行的信用卡產品,重點對3個APP的首頁進行了詳細對比,二三級頁面采用抽查方法進行瀏覽
「青春活力」 此方案顏色使用上主要以藍色調為主,使整個頁面表現的更加整體。同時也和民生的品牌色相呼應
「精準專業」 信用卡的核心服務是金融服務,與生活服務是水乳交融的,在設計過程中突出主業流程,增強信任感
「簡潔高效」 頁面層級的規劃、界面元素的設計遵循“少即是多”的原則,明確視覺焦點,減少視覺噪音,提升體驗
「搜索區」 搜索區的主要有「定位」「搜索」「客服」和「消息」,與原界面相比把原來的「掃一掃」功能替換成「消息」功能,可將通告消息、動賬消息和個人消息在此提醒用戶
「金剛區」 主功能將「賬戶管理」取代「星夢想」,賬戶管理是用戶操作較多和比較專注的模塊所以單獨提取出來,banner區通過弧線的形式和主功能結合起來,增加頁面的靈動性
「積分區」 把簽到、積分兌換、好禮展示,統一在一個模塊展示并且上移,提醒用戶簽到,提供最快捷、方便的互動運營方式,提高用戶活躍度與參與度,增加用戶粘性
「星生活」 星生活區域是主要展示的是生活服務的內容,主要將吃、穿、住、行、購匯聚在一起。頭部將最熱門活動以輪播的banner形式進行展示,激勵用戶購買
「生活入口區」 把餐飲、觀影、車友、購物、繳費等功能入口匯聚在一起,便于用戶點擊查看,飯票區域輪播展示推薦菜品,增加點擊率 導用戶去信用卡專區查看辦理。
「話題PK區」 將近期熱門話題以投票形式展示,增強用戶活躍度,后續可增加其他互動模式,包括分享、轉發好禮、IP互動等方式提升活躍度
「帝都精彩」 該模塊是通過定位來推薦的附近熱門景點,酒店以及美食。明了,用戶可快速識別。該區域可以展示熱門卡片,更多的卡片可以引導用戶去信用卡專區查看辦理
「招牌推薦區」 把「美食精選」「生活好物」「居家好物」「積分商城」用戶參與度較高的模塊提取出來以tab切換的形式展示,展示內容根據用戶不同需求個性化定制
首評保持原有的金融功能與營銷功能,滿足用戶的常用需求,二三屏承載公司推廣活動功能,Feed流承載主營銷功能,引入品牌色與情感化設計
「簡潔清新」 采用品牌色為主色,整體結構簡潔清晰,提升信息的傳達效率以及用戶體驗
「精致細節」 增加了光感、標簽、線條等裝飾元素,提升質感、專業感的同時與其他競品產生差異化
「準確高效」 對模塊內容的文案、圖形進行精心設計,保證信息傳達的準確性與高效性,減少用戶不必要的思考
「搜索區、主功能區」 增加IP功能用戶互動;增加簽到功能,提供最便捷的營銷方式;營銷意義更大的「全民商城」取代「卡管理」
「金剛區、Banner區」 根據用戶調研,對金剛區常用功能進行梳理排序;Banner與頂部「主功能區」分開,互不影響,接除了banner圖的設計限制
「今日推薦區」 遵循少即是多的原則,簡化了原模塊,進行視覺降噪;明確標題含義與營銷重點,減少用戶思考,提升體驗
「城市生活區」 地域性專屬營銷區域,簡化原有復雜結構,減少信息展示數量,聚焦轉化率最高、用戶最常用的娛樂、美食、優惠活動模塊
「全民熱點區」 主營銷陣地,圍繞“食、住、行、娛、車、購”全方位Feed流的形式吸引用戶瀏覽停留,通過多種運營形式提升活躍度、轉化率
「話題PK區」 將近期熱門話題以投票形式展示,增強用戶活躍度,后續可增加其他互動模式,包括分享、轉發好禮、IP互動等方式提升活躍度
「互動分享區」 讓用戶深度參與到趣味話題中,提升參與度與活躍度,增加用戶粘性,增加用戶體驗
「二層樓情感化設計」 頂部下拉為二層樓區域,融入情感化設計寄語,增加IP與用戶的互動,底部提供常用功能記錄列表