<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

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

          共 2278字,需瀏覽 5分鐘

           ·

          2021-11-15 16:39

          84bb421b169f76fd57c6e85a44f71fde.webp

          在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é)合
          8e9c180772673756383d541e2fd7a474.webp

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


          尊貴感=黑金?首先,我們從歷史文化的層面去重新理解尊貴高級
          fb6a2252c7bfbf7db45d70aa7ffe81ef.webp


          在第一次接觸國際化產(chǎn)品的付費升級的設(shè)計時,初期的視覺探索中很容易犯了慣性思維所導(dǎo)致的設(shè)計錯誤,比如會不自覺地忽略掉海外用戶對于付費尊貴概念的認(rèn)知差異。從歷史文化層面上來看,中國(包括其他亞洲部分國家)是一個擁有比較持久的皇權(quán)社會的文明古國,長久以來人們對于金色或黃色的所代表的權(quán)利和榮耀感的高級認(rèn)知一直存在,而其他國家沒有或很少有相關(guān)的歷史,所以大部分人們沒有皇權(quán)或金色崇拜。這就導(dǎo)致了兩種截然不同的用戶心智模型對產(chǎn)品設(shè)計的投射。下面是國內(nèi)大部分產(chǎn)品對體現(xiàn)尊貴設(shè)計的一套相對成熟的做法,無論是從配色和圖形標(biāo)識上來看區(qū)別不大。
          085bf9bbefed791036e7b9fe36a5130e.webp ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?(國內(nèi)大部分的VIP功能界面為黑金配色)
          反觀海外,個性化突出的標(biāo)識圖形以及豐富多變的色彩會貫穿到整個產(chǎn)品的設(shè)計中。

          8105854123dda974240717443fee1e96.webp

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


          首先,我們使用了大量漸變色讓整體的視覺看起來更豐富及更具沖擊力。
          4aa4ccf3402446ab074058a9cd53ecaa.webp ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? (不同的等級對應(yīng)不同的顏色)
          其次,應(yīng)用了大量的留白以及結(jié)構(gòu)上的對比,這樣不僅使關(guān)鍵內(nèi)容和信息更加凸顯,也讓用戶瀏覽起來更加輕松舒適。
          91f6a57f8ee57ad1f16170a562a55fda.webp ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?(不同維度的內(nèi)容區(qū)分用了大量留白來處理)
          f720cafd94c8f7f858618025d6ffc737.webp ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?(不同維度的內(nèi)容區(qū)分用了大量留白來處理)
          視覺策略與權(quán)益結(jié)合
          視覺語言定義好了,那么如何將如豐富多變的視覺策略與產(chǎn)品的功能權(quán)益以進(jìn)行深度整合呢d1d75d8bc2c8c8ab8f0b1541b43b27b3.webp
          最開始,我們以常見的用戶測試和訂閱狀態(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)識
          3b3a15774f765823c6206005b1c7a6ab.webp
          緊接著,我們從用戶的全局觸點考慮,對不同的權(quán)益以及能力的用戶在整體視覺上進(jìn)行了顯著的區(qū)分,使用不同的主題色配合星星地圖的圖形延展,強化英語能力等級這個概念,并在學(xué)習(xí)內(nèi)容上也做了精準(zhǔn)推送,不同等級的用戶推送不同的學(xué)習(xí)內(nèi)容,讓用戶全局沉浸在這種視覺氛圍的變化與差異當(dāng)中,加強自己在英語能力水平提升與變化上的感知,推動學(xué)習(xí)以及升級訂閱的欲望。
          67375d3b5df618b33a709399e6a286bd.webp? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? (未進(jìn)行英語能力測試的用戶)3a5510ce6ae606231275de56eea41a69.webp? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?(英語Lv.3用戶 )a1c283c1181e552aa04851f6d189ecdd.webp ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? (英語Lv.5用戶)
          豐厚的收獲豐富多變的視覺策略對研發(fā)團隊也帶來了非常大的挑戰(zhàn),整個項目節(jié)奏非常很緊湊,好在最終我們的努力也獲得了相當(dāng)豐厚的回報,整個App在重構(gòu)上線以后不僅在商業(yè)轉(zhuǎn)化上取得了顯著的增長,同時在設(shè)計這個層面上也贏得了不錯的用戶口碑。c3f8978e66a396108ba0193e5746e3f6.webp


          國際化產(chǎn)品的付費升級體驗 是一個持續(xù)摸索的理解的過程,并不是某一次的調(diào)研得出結(jié)論。尤其是在海外項目調(diào)研成本比較高的情況下,除了在歷史文化這個層面上進(jìn)行分析洞察以外,保持身體力行的試用了海外產(chǎn)品付費版對于理解這個設(shè)計命題也起到了至關(guān)重要的作用。此次版本我們只初步解決了視覺策略問題,還有更多體驗有待完善,出海項目遇到的設(shè)計挑戰(zhàn)也很多,多語言就是其中一種,之前我們也有相關(guān)的文章分享:多語言UI設(shè)計避坑指南。后續(xù)我們也會持續(xù)將遇到的問題和解決方法及時和大家分享探討,敬請期待吧!

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


          瀏覽 136
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          分享
          舉報
          評論
          圖片
          表情
          推薦
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          分享
          舉報
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  人人爱人人摸人人舔 | 午夜精品秘 一区二区 | 亚洲天堂2014 | 国产精品久久久久久久久久两年半 | 操逼大片。|