如何給老外打造高級感——出海APP的付費視覺策略

在UI設(shè)計中,打造高級感總會想到黑金搭配?那么國外用戶是否認(rèn)可呢?來看看我們出海APP的設(shè)計師是如何解決這個問題的吧!
LingoChamp 是流利說在海外英語學(xué)習(xí)市場上的重要嘗試,服務(wù)于多個不同國家的用戶,它包含免費的口語課、配音課以及高級的付費訂閱課程。
近期我們新增了學(xué)習(xí)計劃功能,將多個維度的內(nèi)容進(jìn)行整合,形成一個完整的學(xué)習(xí)閉環(huán),其中高級訂閱課程是學(xué)習(xí)計劃的重要組成部分。這樣就要求APP整體的視覺策略也要變得更加尊貴和高級,同時,也要將視覺策略與權(quán)益體驗很好的結(jié)合

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??(改版前Lingochamp的部分頁面)

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?(國內(nèi)大部分的VIP功能界面為黑金配色)反觀海外,個性化突出的標(biāo)識圖形以及豐富多變的色彩會貫穿到整個產(chǎn)品的設(shè)計中。

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? (國外的vip界面更豐富多變)基于這樣一個事實判斷,只有視覺語言足夠大膽和豐富才有可能standout,滿足海外用戶的需求,同時也能支持我們豐富多變的權(quán)益以及內(nèi)容。于是,我們拋棄了傳統(tǒng)的黑金搭配,把視覺的顯著性作為我們首要的設(shè)計目標(biāo) 。與此同時,我們發(fā)現(xiàn)過往的等級頁面中,將顏色與等級關(guān)聯(lián)的視覺策略非常符合上述的設(shè)計目標(biāo)。這給了我們很大的啟發(fā)。于是,我們在此基礎(chǔ)上,用同樣的視覺策略去延展。

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? (不同的等級對應(yīng)不同的顏色)其次,應(yīng)用了大量的留白以及結(jié)構(gòu)上的對比,這樣不僅使關(guān)鍵內(nèi)容和信息更加凸顯,也讓用戶瀏覽起來更加輕松舒適。
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?(不同維度的內(nèi)容區(qū)分用了大量留白來處理)
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?(不同維度的內(nèi)容區(qū)分用了大量留白來處理)視覺策略與權(quán)益結(jié)合
視覺語言定義好了,那么如何將如豐富多變的視覺策略與產(chǎn)品的功能權(quán)益以進(jìn)行深度整合呢

最開始,我們以常見的用戶測試和訂閱狀態(tài)為區(qū)分點進(jìn)行分類,并做了不同的引導(dǎo)和視覺策略1.未進(jìn)行等級測試,未付費訂閱——引導(dǎo)用戶進(jìn)行等級測試2.已進(jìn)行等級測試,未付費訂閱——引導(dǎo)用戶進(jìn)行付費訂閱3.已進(jìn)行等級測試,已付費訂閱——展示完整功能體驗及身份標(biāo)識

緊接著,我們從用戶的全局觸點考慮,對不同的權(quán)益以及能力的用戶在整體視覺上進(jìn)行了顯著的區(qū)分,使用不同的主題色配合星星地圖的圖形延展,強化英語能力等級這個概念,并在學(xué)習(xí)內(nèi)容上也做了精準(zhǔn)推送,不同等級的用戶推送不同的學(xué)習(xí)內(nèi)容,讓用戶全局沉浸在這種視覺氛圍的變化與差異當(dāng)中,加強自己在英語能力水平提升與變化上的感知,推動學(xué)習(xí)以及升級訂閱的欲望。
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? (未進(jìn)行英語能力測試的用戶)
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?(英語Lv.3用戶 )
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? (英語Lv.5用戶)豐厚的收獲豐富多變的視覺策略對研發(fā)團隊也帶來了非常大的挑戰(zhàn),整個項目節(jié)奏非常很緊湊,好在最終我們的努力也獲得了相當(dāng)豐厚的回報,整個App在重構(gòu)上線以后不僅在商業(yè)轉(zhuǎn)化上取得了顯著的增長,同時在設(shè)計這個層面上也贏得了不錯的用戶口碑。

?? 職場聊設(shè)計????♂?
高質(zhì)量,學(xué)知識的設(shè)計行業(yè)群
設(shè)計行業(yè)一手資料設(shè)計大廠最直接內(nèi)推0門檻掃碼進(jìn)群!
期待與更多優(yōu)秀設(shè)計師一起成長??
評論
圖片
表情
