變化與契機

過去，京購小程序更多是京東APP在微信域的分身，在貨品、產(chǎn)品設(shè)計及營銷層面與京東APP沒有任何差別。現(xiàn)在，小程序已由散點式孤島向全域營銷轉(zhuǎn)變，成為京東在微信域流量及交易的主陣地。

全文累計3.7K字閱讀時長10分鐘建議收藏后查看

與此同時，我們面向的用戶也更加多元偶發(fā)，他們購物需求模糊，以閑逛、消磨時間為主，偏好居家日用、?品生鮮等高頻高耗商品。在微信域差異化貨品及算法的加持下，前端設(shè)計急需打破現(xiàn)狀，進行體驗差異化升級，塑造微信域?qū)傩闹恰?/span>

改版思路

基于人貨場差異化洞察，改版思路圍繞“知心-省心-開心”的用戶需求體系，從被動支持、到主動引領(lǐng)、再到互動交流，階梯式構(gòu)建用戶對京購小程序的結(jié)構(gòu)化認(rèn)知。

用戶需求體系

之一：知心

打造契合微信域的用戶體驗

首頁作為小程序的門面擔(dān)當(dāng)，即是用戶心智承接的核心陣地，也是內(nèi)容分發(fā)的主要場景。故1.0為用戶打造“知心”的消費體驗，我們先從首頁切入。在此過程中我們也面臨著渠道、人群、品牌等多重挑戰(zhàn)。

基于數(shù)據(jù)/用戶/競品等專業(yè)洞察，以結(jié)構(gòu)化思維解構(gòu)分析，由里及表從框架、內(nèi)容、動線、品牌4個方向升級應(yīng)對以上挑戰(zhàn)。

【1】先設(shè)為??星標(biāo)，然后回復(fù)“黑話”，領(lǐng)249個互聯(lián)網(wǎng)行業(yè)黑話詞典，文中包含的所有話術(shù)詞匯都有解讀，寫年終總結(jié)、晉升述職匯報PPT就靠它了（用好了是高級，用不好是裝逼）。

【2】先設(shè)為??星標(biāo)，然后回復(fù)“資源”，獲取海量UXD自學(xué)資料和精品設(shè)計模板，點擊這里搶“UXD學(xué)堂”終身自學(xué)資格！

框架承載能力升級

針對框架的升級，將從廣度和深度來個維度來進行拆解，為每一個閑逛場景，重塑更具包容性體驗框架。

廣度上，面向不斷擴展的多元化電商內(nèi)容結(jié)合設(shè)計趨勢跟隨及偶發(fā)用戶特性，將舊版樓層堆疊嚴(yán)重的貨架型框架，通過內(nèi)容精簡使feeds移入首屏讓用戶快速進入逛的狀態(tài)。

深度上，將舊版單一扁平框架拓展成一個更具探索性的立體框架，以應(yīng)對日益增多的渠道特色需求。通過搖一搖融入社交心智高效分發(fā)內(nèi)容、向左打造私域化陣地、向右建設(shè)專屬活動日歷、下拉則用娛樂化承接偶發(fā)用戶，讓用戶更好的發(fā)現(xiàn)內(nèi)容。

feeds內(nèi)容表達(dá)能力升級

雙列流設(shè)計弱化了推薦feeds不同內(nèi)容的個性表達(dá)，基于前期大量的設(shè)計探索，我們從【觸達(dá)-表現(xiàn)-心智】3個層面系統(tǒng)化構(gòu)建更具精細(xì)化的內(nèi)容表達(dá)模型，提升內(nèi)容觸達(dá)效率的同時豐富內(nèi)容形式。

動線多元化升級

在瀏覽前中后場景下深挖偶發(fā)用戶痛點，結(jié)合用戶行為及心理進行多元化營銷動線設(shè)計，吸引持續(xù)瀏覽和點擊。

品牌心智升級

在完成首頁整體體驗架構(gòu)設(shè)計后，我們也圍繞著京東品牌繼承、差異化貨品調(diào)性打造、大促特色營銷氛圍改造3個維度進行了京購小程序品牌心智升級。

-京東品牌繼承與重塑

微信生態(tài)環(huán)境下，京購小程序在繼承京東品牌調(diào)性的基礎(chǔ)上，通過兼顧場域特色，打造更聚焦、包容、多元的品牌記憶點，重塑京東微信域?qū)僖曈X體系。

提煉高效、豐富、親和的設(shè)計關(guān)鍵詞，并定義品質(zhì)簡潔、親和舒適、輕透明快的視覺基調(diào)，從色彩、圖形、質(zhì)感、動效4個維度進行設(shè)計映射。

-匹配微信域五大機會品類貨品特性

挖掘微信域5大機會品類特性，從色彩精細(xì)化傳達(dá)、情緒性語義意向來布控場域類目主色調(diào)，塑造微信域差異化類目專屬心智。

-有渠道特色的大促營銷場建設(shè)

在京東大促主題背景下，微信域?qū)f(xié)同主站的節(jié)奏爆點、核心玩法、權(quán)益結(jié)算、尖貨爆品內(nèi)容。在此基礎(chǔ)上，制定預(yù)熱期搶跑營銷節(jié)點，實現(xiàn)對大促整體節(jié)奏上的補位增長，在場景期通過限時營銷部署對抗品類期的銷售疲軟的差異化營銷策略。

結(jié)合微信域用戶動機及特點，我們進行了有渠道特色的差異化營銷場設(shè)計。

為統(tǒng)一大促期間用戶感知，我們在品牌、顏色及風(fēng)格調(diào)性上，同步了主站的大促營銷心智，打造遞進式大促首頁基調(diào)。

并基于小程序日?！暗蛢r”的營銷策略，預(yù)熱期采用顏色降噪設(shè)計讓用戶更聚焦信息為大促造勢。品類專場期配合微信紅點通知，在開?紅及bigday同步app視覺氛圍，喚醒承接微信的京東老用戶。

與此同時，為了更好的承接微信域用戶，圍繞“承接場效、優(yōu)惠透傳、視覺減負(fù)、營銷感知”等設(shè)計策略，打造具有微信域特色的大促營銷場設(shè)計，并不斷嘗試和校驗試跑出最適合小程序的體驗設(shè)計方案，激發(fā)用戶“逛”的興趣。

最后為助力業(yè)務(wù)提升用戶行為轉(zhuǎn)化，針對微信域組件&動效等前端設(shè)計模塊，持續(xù)進行ABtest測試，并基于數(shù)據(jù)反饋沉淀高轉(zhuǎn)化設(shè)計策略。

用戶需求體系

之二：省心

為用戶帶來“省心又省錢”的購物體驗

我們的用戶是典型省錢不省生活的一群人，不管是消費體驗還是貨品供應(yīng)，我們都希望做到省心又省錢。

消費鏈路升級：購物全流程用戶需求識別與滿足

過去京購小程序側(cè)重“搜索-轉(zhuǎn)化”的單一路徑。為了給用戶帶去省心的消費體驗，新版以購前明確購物需求、購中快速決策轉(zhuǎn)化、購后獲取專屬服務(wù)的體驗定位進行消費鏈路升級。

-購前：向消費鏈路上游延伸

購前針對用戶的模糊需求，在完善搜索功能的同時利用熱點話題、微信域尖貨榜單、延展推薦等內(nèi)容升級搜索流程，向消費鏈路上游延伸，承接用戶閑逛探索需求。

-購中：快速決策轉(zhuǎn)化

購中基于信息減負(fù)、路徑縮短、社交輔助等設(shè)計策略，構(gòu)建短商詳、購物車分享、短鏈結(jié)算等新型產(chǎn)品形態(tài)來提升用戶決策轉(zhuǎn)化效率。

-購后：打造更具專屬感的服務(wù)體驗

購后以用戶分層，圍繞不同場景、不同用戶身份的內(nèi)容&權(quán)益滲透設(shè)計，打造更具專屬感的服務(wù)體驗。

微信域特色頻道：一段從認(rèn)知到相知的旅程

京購小程序通過重運營、強干預(yù)的方式試驗跑出微信域的心智單品和類目，從“單品、品類、品牌”維度孵化“10元店、單單返、大牌微力”等特色營銷IP。在此背景下，設(shè)計側(cè)圍繞從認(rèn)知到相知的過程，進一步助推差異化貨品占領(lǐng)用戶心智。

-認(rèn)知：記住我的樣子

為快速穿透用戶心智形成記憶認(rèn)知的目的，設(shè)計上圍繞“頻道定位、品質(zhì)凸顯、微信專屬”等關(guān)鍵詞，著重刻畫逛購動線中“無需計算的直降、邀友享低價的特權(quán)”，并通過品類調(diào)性，聯(lián)動頭圖、商卡打造沉浸式的品類營銷動線，匹配用戶類目心智，立足于為用戶帶來“有品質(zhì)最省錢”的購物體驗。

除日常運營外，頻道每月定期聯(lián)動品類和品牌打造營銷Bigday，以 “超V單品日、超級返、大牌V力”進行全新升級。

為進一步穿透用戶心智，團隊內(nèi)部頭腦風(fēng)暴反復(fù)推敲，以“心智連貫性、設(shè)計延展性”為原則，選取“V”作為微信域系列IP的超級符號，并根據(jù)應(yīng)用場景特征設(shè)定符號延展原則，在首頁、頻道、黃流等購物全鏈路布局有效發(fā)聲點，形成統(tǒng)一的、多方位的營銷聲浪。

-相知：記住我的好

受微信去中心化特色影響，用戶在微信的購物行為更加偶發(fā)、快捷，為加速用戶行為轉(zhuǎn)化，基于“短鏈”的設(shè)計思維，結(jié)合“愛達(dá)法則+上癮模型”，搭建了積木式的 “IDA后鏈路互動增長策略”提升流量ROI。

即從資源入口進入，通過區(qū)分不同生命周期的用戶設(shè)計覆蓋首頁、頻道、黃流等全鏈路權(quán)益營銷動線，讓對的人，在對的地點，獲得最適合TA的權(quán)益，將“省心”貫徹到底。

用“精準(zhǔn)權(quán)益、互動裂變、私域沉淀”三位一體的積木式短鏈互動模型，賦能京東微信域廣告后鏈路，充分串聯(lián)及發(fā)揮公眾號、視頻號等微信域非中心化的業(yè)務(wù)能力，并最終沉淀到京東購物小程序做整體交易，拉長及放大用戶價值。

與此同時，為加速用戶行為轉(zhuǎn)化，融合心理學(xué)認(rèn)知偏差等定律，對模型進行“復(fù)刻”和“升級”。在微信域特色頻道和營銷玩法中孵化“復(fù)訪、裂變、轉(zhuǎn)化”等短鏈玩法，助力業(yè)務(wù)增長。

用戶需求體系

之三：開心

更精準(zhǔn)的匹配用戶泛娛樂、泛社交興趣

隨著用戶消費場景的多元化，內(nèi)容對整個消費行為產(chǎn)生了多維影響，作為傳統(tǒng)電商平臺如何從單一的理性貨架導(dǎo)購到豐富的感性內(nèi)容引導(dǎo)，從單一的滿足商品剛需到增加情感因素和人文關(guān)懷？

1.0通過差異化體驗升級拉近與微信消費者的距離，2.0我們依然選擇從用戶視角出發(fā)，將小程序二樓作為創(chuàng)新試驗田，嘗試用更內(nèi)容化娛樂化的方式與用戶建立聯(lián)系；我們想要京東不再那么“一本正經(jīng)”，而是以一種有趣的姿態(tài)讓用戶在娛樂中完成購物初體驗。

依托于微信小程序二樓開放能力，區(qū)別于常規(guī)瀏覽動線，我們以逆向思維在頁面頂部開拓一個能與用戶深度交流的二樓娛樂陣地。通過首頁娛樂任意門引發(fā)用戶好奇心自發(fā)下拉，進入我們精心設(shè)計的神秘好玩世界。

再以視頻化&游戲化&社交化等好玩有趣的內(nèi)容，并搭配微信即時打款，鎖定用戶進入后的黃金5秒注意力，循序漸進的通過傳統(tǒng)電商權(quán)益牽引用戶進入電商流程，從而鏈接小程序新消費場景。

觸達(dá)：傳遞娛樂屬性，強化好玩有趣心智

在霸屏下拉入口的設(shè)計中，秉承意向性及情緒化表達(dá)的設(shè)計原則，基于泛娛樂化關(guān)鍵詞映射，打破京購小程序平穩(wěn)的主流色系，用高飽和反差對比色形成視覺沖擊。

以輕擬物風(fēng)深入構(gòu)建元素細(xì)節(jié)呈現(xiàn)，盡可能塑造元素中的空間、體積、光源等復(fù)雜的物理表現(xiàn)，增加界面的質(zhì)感厚度和縱深感，整體炫彩動感，使二樓好玩基調(diào)拉滿，給用戶煥然一新的直觀感受。

吸引：突破認(rèn)知壁壘，貼近用戶真實生活

-契合內(nèi)容表達(dá)的設(shè)計風(fēng)格探索

小程序二樓如何突破認(rèn)知壁壘吸引用戶停留，我們進行了前瞻性的泛娛樂化內(nèi)容探索。在內(nèi)容呈現(xiàn)上，短視頻以更加輕松直觀的表達(dá)和更廣泛的用戶接受度來吸引用戶持續(xù)停留。

小游戲以反套路低門檻易上手的魔性玩法來獲得用戶投入精力增加粘性；社交互動以抓住目標(biāo)用戶正能量相親相愛的特質(zhì)來刺激用戶病毒式傳播。

1.0我們建立起的審美是一種對秩序、精致美的追求，2.0需要更多元化的審美打亂設(shè)計的秩序，以一種更為感性的設(shè)計方式來傳遞調(diào)性，貼近偶發(fā)用戶真實生活。

我們根據(jù)內(nèi)容特色嘗試?yán)谩靶鲁箫L(fēng)”、土味暴力美學(xué)風(fēng)、美女封面老頭樂等設(shè)計風(fēng)格讓視覺表現(xiàn)陷入“百家爭鳴”的局面。

-激勵設(shè)計呼應(yīng)現(xiàn)實場景，激發(fā)用戶體驗爽感

激勵機制作為吸引用戶的有效手段，嘗試用虛擬設(shè)計映射實體的手法來與現(xiàn)實場景呼應(yīng)，拉滿體驗爽感從而建立與用戶的情感共鳴，讓小程序二樓走出一條“別樣花路”。

把生活中的記憶通過夸張的動效方式加入到激勵設(shè)計的體驗鏈路中，通過動效設(shè)計來引導(dǎo)用戶情緒，強化喜悅感知；最終經(jīng)過反復(fù)調(diào)試，現(xiàn)金設(shè)計復(fù)刻了Money撲面而來的驚喜動效。

有了現(xiàn)金動效的打樣，紅包的動效設(shè)計也就順利很多。

轉(zhuǎn)化：牽引用戶軟著陸電商環(huán)境

當(dāng)用戶被吸引后，在此階段使用簡單直接的傳統(tǒng)電商權(quán)益逐步牽引用戶進入電商流程；至此通過整套動線，讓這些偶發(fā)閑逛用戶發(fā)現(xiàn)好玩有趣不一樣的京東。

寫在最后

在微信生態(tài)環(huán)境下京購小程序匯聚了形形色色的用戶，他們可能是忙忙碌碌的打工人、有錢有閑的小鎮(zhèn)青年、歲月靜好的大爺大媽…；他們帶著獨特的生活氣息來到這，很有幸為他們呈現(xiàn)不一樣的京東；希望每一個來到京購小程序的用戶都可以感受到知心、省心和開心。

????如何領(lǐng)取本期讀者資源？先將“UXD筆記”公眾號設(shè)為??星標(biāo)，然后在后臺回復(fù)以下關(guān)鍵詞，即可實現(xiàn)無套路領(lǐng)取。

【1】回復(fù)“黑話”——領(lǐng)249個互聯(lián)網(wǎng)行業(yè)黑話詞典，文中包含的所有話術(shù)詞匯都有解讀，寫年終總結(jié)、晉升述職匯報PPT就靠它了（用好了是高級，用不好是裝逼）。

【2】獲取海量UXD自學(xué)資料和精品設(shè)計模板，點擊這里搶“UXD學(xué)堂”終身自學(xué)資格！

????如何加入大廠內(nèi)推群和設(shè)計交流群？不定期分享求職面試相關(guān)資料，以及最新的內(nèi)推信息。掃描下方二維碼加小編，進大廠內(nèi)推群備注“內(nèi)推”，進設(shè)計交流群備注“交流”。

與75807位讀者一起成長

關(guān)注“UXD筆記”，過濾繁雜信息，只看最純凈的、靠譜的實用內(nèi)容！

因公眾號消息推送機制改版，

多點“在看、分享”會優(yōu)先推送給你

国产秋霞理论久久久电影-婷婷色九月综合激情丁香-欧美在线观看乱妇视频-精品国avA久久久久久久-国产乱码精品一区二区三区亚洲人-欧美熟妇一区二区三区蜜桃视频

京東小程序 2022 體驗設(shè)計大改版作品集.pdf

【2】先設(shè)為??星標(biāo)，然后回復(fù)“資源”，獲取海量UXD自學(xué)資料和精品設(shè)計模板，點擊這里搶“UXD學(xué)堂”終身自學(xué)資格！

国产秋霞理论久久久电影-婷婷色九月综合激情丁香-欧美在线观看乱妇视频-精品国avA久久久久久久-国产乱码精品一区二区三区亚洲人-欧美熟妇一区二区三区蜜桃视频

京東小程序 2022 體驗設(shè)計大改版作品集.pdf

【2】先設(shè)為??星標(biāo)，然后回復(fù)“資源”，獲取海量UXD自學(xué)資料和精品設(shè)計模板，點擊這里搶“UXD學(xué)堂”終身自學(xué)資格！

【2】先設(shè)為??星標(biāo)，然后回復(fù)“資源”，獲取海量UXD自學(xué)資料和精品設(shè)計模板，點擊這里搶“UXD學(xué)堂”終身自學(xué)資格！