京東APP 9.0 是如何改版設(shè)計(jì)的?收下這份官方的完整復(fù)盤(pán)!

2020-6-6    資深UI設(shè)計(jì)者

2020 年未過(guò)半,我們就看了許多從前從未見(jiàn)過(guò)的人和事,體驗(yàn)了許多從前從未想過(guò)的經(jīng)歷。幾個(gè)月來(lái),「歷史性的」、「百年難遇的」、「前所未有的」、「恐慌性的」、「災(zāi)難性的」……這些詞兒,如同彈幕一般,不停地出現(xiàn)在我們眼前。短短的幾個(gè)月,許多人變了,許多家庭變了,許多事情變了,但生活還在繼續(xù)前行。經(jīng)歷過(guò)特殊的時(shí)刻,在京東的我們,比以往任何一個(gè)時(shí)刻都要忙碌,也比以往任何一個(gè)時(shí)刻更能清晰地認(rèn)識(shí)到:「京東的價(jià)值、京東給社會(huì)的力量」和「我們的責(zé)任」。

我們懷著期望,期待我們每一次的改變,都能給你們帶來(lái)更多的能量。

2020 年初夏 618 來(lái)了,京東的生日之際,京東 APP9.0 全新升級(jí),希望你們會(huì)喜歡~

前言:升級(jí)背景

1. 品牌力升級(jí)

5 月 20 日,京東零售集團(tuán)宣布進(jìn)行品牌升級(jí),由原來(lái)的「多快好省」升級(jí)為「不負(fù)每一份熱愛(ài)」。作為京東集團(tuán)品牌戰(zhàn)略承接的主陣地——京東 APP,將基于全新的品牌精神,著力于滿足消費(fèi)者的多元化、個(gè)性化的購(gòu)物需求,持續(xù)對(duì)其創(chuàng)造更大的價(jià)值。用戶(hù)在京東不僅僅能享受到好的購(gòu)物體驗(yàn),還能享受到更豐富、更用心的產(chǎn)品和服務(wù)。通過(guò)對(duì)京東 APP 不斷地迭代升級(jí),我們也向社會(huì)、向消費(fèi)者詮釋著京東的每一份用心;京東 APP 也承載著每一個(gè)家庭、每一位消費(fèi)者對(duì)美好生活的向往,不負(fù)你、我、他(她)的每一份熱愛(ài)。

2. 產(chǎn)品力升級(jí)

未來(lái)的 1-3 年,京東將繼續(xù)在低線市場(chǎng)、低滲透品類(lèi)上提速;通過(guò)對(duì)新老渠道、新老內(nèi)容的矩陣開(kāi)拓和整合,將單純的線上購(gòu)物,升級(jí)為全場(chǎng)景的復(fù)合式體驗(yàn);通過(guò)新玩法的打造,增加用戶(hù)的觸點(diǎn),提升粘性和頻次。為了更好地承接京東戰(zhàn)略與方向,京東 APP 的產(chǎn)品力也亟需升級(jí)。

  • 細(xì)分人群的刻畫(huà):以千人千面的顆粒精細(xì)化標(biāo)簽為基礎(chǔ),從人、貨、場(chǎng)的維度,對(duì)標(biāo)簽再次解構(gòu)、重組,打磨和完善的垂直人群模型;基于垂直人群模型,整合APP 內(nèi)的全流程資源,為垂直人群打造更完整、更流暢、更場(chǎng)景化的產(chǎn)品體驗(yàn)。
  • 線上線下的場(chǎng)景打通:基于地理位置的到家商品、門(mén)店、商超,全面入駐京東 APP,線上一鍵下單,線下 1 小時(shí)極速送達(dá)。
  • 更簡(jiǎn)單的購(gòu)物體驗(yàn):實(shí)時(shí)預(yù)估商品的最終到手價(jià),價(jià)格優(yōu)惠清晰明了,支持用戶(hù)在購(gòu)物車(chē)一鍵領(lǐng)券購(gòu)買(mǎi),結(jié)算時(shí)極速支付,讓用戶(hù)購(gòu)物更簡(jiǎn)單。
  • 更多元的產(chǎn)品形態(tài):直播玩法升級(jí),全流程直播滲透,邊看邊買(mǎi)好貨到家;內(nèi)容組織全新升級(jí),打造內(nèi)容和商品榜單,為用戶(hù)推薦當(dāng)前最熱的話題和商品。
  • 更有趣的互動(dòng)玩法:打造更多的圍繞社交互動(dòng)功能的場(chǎng)景,通過(guò)更豐富的內(nèi)容平臺(tái)及更好玩的互動(dòng)玩法,讓用戶(hù)來(lái)到京東不只是購(gòu)物。

3. 體驗(yàn)力升級(jí)

除了品牌力、產(chǎn)品力升級(jí),每一次全新「京東 APP」的到來(lái),也在為消費(fèi)者不斷提供更友好的使用體驗(yàn)力。我們也非常期望能夠借助這次版本升級(jí),對(duì)京東 APP 進(jìn)行既精細(xì)、又完整的刻畫(huà)和打磨,期待通過(guò)京東 APP9.0,與消費(fèi)者進(jìn)一步拉近彼此的距離,讓體驗(yàn)更加細(xì)膩、更加靈動(dòng),全面升級(jí)消費(fèi)者在京東 APP 的體驗(yàn)力。

京東APP關(guān)鍵版本設(shè)計(jì)脈絡(luò)

結(jié)合京東 APP9.0 的品牌力、產(chǎn)品力、體驗(yàn)力的升級(jí)背景,我們追本溯源,探尋京東自己的脈絡(luò)。

1. 過(guò)往版本設(shè)計(jì)脈絡(luò)

2. 設(shè)計(jì)脈絡(luò)共性

設(shè)計(jì)策略的延續(xù)升級(jí)

基于京東 APP 的核心目標(biāo),圍繞購(gòu)前、購(gòu)中、購(gòu)后三個(gè)環(huán)節(jié)強(qiáng)化用戶(hù)內(nèi)心感知,承接京東的戰(zhàn)略在 APP 內(nèi)的落地。

京東 APP4.0-5.0 主要圍繞京東品牌對(duì)用戶(hù)的傳達(dá)感知進(jìn)行輸出,建立京東的品牌形象;京東 APP6.0 后開(kāi)始加強(qiáng)場(chǎng)景能力,逐步打造可以滿足千人千面的電商設(shè)計(jì)平臺(tái),直至現(xiàn)在,擴(kuò)寬至全渠道場(chǎng)景,為用戶(hù)提供更全面、更加細(xì)分的體驗(yàn)。

始終圍繞產(chǎn)品策略

設(shè)計(jì)的迭代和產(chǎn)品思維綁定,始終圍繞產(chǎn)品策略,一起共建用戶(hù)的同理心;通過(guò)深耕設(shè)計(jì)解決方案、持續(xù)驗(yàn)證推導(dǎo),來(lái)打造值得用戶(hù)信賴(lài)的優(yōu)質(zhì)購(gòu)物體驗(yàn)。

設(shè)計(jì)將各模塊的功能與價(jià)值主張相結(jié)合,彼此進(jìn)行聯(lián)動(dòng),保障從產(chǎn)品到交互到視覺(jué),到最后的方案落地都能?chē)@一個(gè)核心目標(biāo)去服務(wù)。

京東 APP 設(shè)計(jì)始終都是以「產(chǎn)品、業(yè)務(wù)目標(biāo)」為核心,圍繞「品牌」「用戶(hù)」「認(rèn)知」三大方向,結(jié)合「設(shè)計(jì)趨勢(shì)」來(lái)發(fā)力;但基于不同的情景、當(dāng)下 APP 所處的環(huán)境,設(shè)計(jì)改版的側(cè)重發(fā)力點(diǎn)有較大的差異;一般來(lái)說(shuō)是「用一個(gè)版本來(lái)解決 1-2 個(gè)的重大體驗(yàn)問(wèn)題」。

京東APP體驗(yàn)問(wèn)題總結(jié)

我們結(jié)合京東 APP8.0 以來(lái)的用戶(hù)研究報(bào)告、用戶(hù)反饋、各關(guān)鍵模塊的數(shù)據(jù)、競(jìng)品對(duì)比,從「品牌」「用戶(hù)」「認(rèn)知」這三大維度著手,梳理京東 APP 的核心體驗(yàn)問(wèn)題,進(jìn)而推導(dǎo)出京東 APP9.0 要解決的核心問(wèn)題,作為定義京東 APP9.0 設(shè)計(jì)策略的關(guān)鍵依據(jù)。

1. 品牌設(shè)計(jì) ——京東APP8.0問(wèn)題提煉

在細(xì)分用戶(hù)的研究中,用戶(hù)高頻地提到 APP 的品牌感知過(guò)于冷靜、直接、有距離感,氛圍上不夠活潑,也存在「京東是正品但價(jià)格會(huì)不會(huì)更貴?」的疑惑。打個(gè)比方,可能同樣的價(jià)格,吆喝聲越大,感受上會(huì)覺(jué)得大聲的更便宜、更有爽感。

視覺(jué)定義上,一方面,柵格定義過(guò)于精細(xì),影響了信息傳遞的流暢度,需要針對(duì)導(dǎo)購(gòu)類(lèi)、流程類(lèi)場(chǎng)景進(jìn)行差異化刪減;主流程內(nèi)的部分模塊留白偏多,拉低了一定的屏效;另一方面,字體的部分梯度比較多、也比較相近,雖然視覺(jué)上較為協(xié)調(diào)和統(tǒng)一,但視覺(jué)噪音較大,對(duì)主體內(nèi)容也有比較大的干擾。

人機(jī)交互時(shí),過(guò)于直接地強(qiáng)調(diào)目的性,品牌靈動(dòng)感待提升。

通過(guò)數(shù)據(jù)測(cè)試發(fā)現(xiàn),核心模塊的引流效率還有較大的提升空間;兩個(gè)例子:1、可通過(guò)「嚴(yán)格控制變量,測(cè)試圖片素材的引流效率」,提升「圖片素材」的質(zhì)量,優(yōu)化核心模塊的設(shè)計(jì)規(guī)范;2、通過(guò)「圖片素材」的質(zhì)量提升,加上對(duì)「坑位容器」動(dòng)態(tài)打磨,經(jīng)過(guò)數(shù)據(jù)測(cè)試,增強(qiáng)品牌靈動(dòng)感的同時(shí),可進(jìn)一步提升屏效。

2. 用戶(hù)感受 ——京東APP8.0問(wèn)題提煉

細(xì)分垂直的用戶(hù)群,在全流程內(nèi)的感受上存在割裂感;各個(gè)垂直人群在 APP 主流程內(nèi)已初步形成大的體驗(yàn)閉環(huán)框架,但體驗(yàn)閉環(huán)的細(xì)節(jié)還有待補(bǔ)齊與提升,對(duì)垂直人群的「權(quán)益和身份」的傳達(dá)還需要在情境上更加一致。舉個(gè)例子:未開(kāi)通 PLUS 會(huì)員時(shí),高凈值人群對(duì) PLUS 身份認(rèn)同感還有較大提升空間。

商品的活動(dòng)促銷(xiāo)信息展示(時(shí)間、最優(yōu)價(jià)格)層級(jí)隱藏較深、活動(dòng)促銷(xiāo)計(jì)算復(fù)雜難以理解,用戶(hù)促銷(xiāo)感受比較弱,所謂酒香真是怕巷子深。我們通過(guò)「用戶(hù)在不同平臺(tái)內(nèi)促銷(xiāo)感知」的用戶(hù)測(cè)試對(duì)比發(fā)現(xiàn),雖然京東的價(jià)格最優(yōu)惠,但由于在表現(xiàn)層上沒(méi)有進(jìn)行強(qiáng)調(diào),導(dǎo)致用戶(hù)在價(jià)格感受上存在偏差。

產(chǎn)品感知較理性,主流程內(nèi)氛圍不夠活潑,有距離感;這一點(diǎn),新興市場(chǎng)用戶(hù)的感知尤為明顯。

3. 認(rèn)知統(tǒng)一 ——京東APP8.0問(wèn)題提煉

頁(yè)面框架一致性問(wèn)題:主流程過(guò)往的版本較為側(cè)重于單一模塊內(nèi)的設(shè)計(jì),各個(gè)模塊間堆積了較多設(shè)計(jì)不統(tǒng)一的問(wèn)題。

頁(yè)面內(nèi)模塊一致性問(wèn)題:主流程的各個(gè)模塊內(nèi),由于 「新舊版本」「需求不斷疊加」等原因,也存在模塊內(nèi)的統(tǒng)一性問(wèn)題,這增加了用戶(hù)接受信息的負(fù)擔(dān)。舉個(gè)例子:APP 結(jié)算頁(yè)在過(guò)去的一年內(nèi)新增了較多的功能與提示場(chǎng)景,由于業(yè)務(wù)時(shí)間有 deadline,很多需求會(huì)采用體驗(yàn)降級(jí)方案,即用現(xiàn)有控件來(lái)設(shè)計(jì)方案,使得最終方案可能體驗(yàn)不夠好,而這里埋下的體驗(yàn)隱患,日后依然要找機(jī)會(huì)解決。

業(yè)務(wù)和功能類(lèi)型不斷增加,這會(huì)導(dǎo)致頁(yè)面相對(duì)臃腫,這時(shí)核心流程的框架亟需重新定義、向三維空間借力來(lái)舒展信息架構(gòu)。

APP 整體的故事性連接還有待強(qiáng)化,貨架式的流轉(zhuǎn)只是骨架;各頻道內(nèi)、各模塊內(nèi)也應(yīng)基于 APP 骨架保有自己橫向與縱向故事線,在 APP 內(nèi)注入故事性的血肉靈魂;讓用戶(hù)在 APP 內(nèi)流轉(zhuǎn)時(shí),認(rèn)知更清晰、體驗(yàn)更豐富。

京東APP9.0核心策略

1. 品牌力設(shè)計(jì)策略

延續(xù)、強(qiáng)化京東品牌,構(gòu)建、升級(jí)「京東設(shè)計(jì)語(yǔ)言體系」 ,提升屏效。通過(guò)統(tǒng)一的強(qiáng)調(diào),使品牌可知;通過(guò)情感化、IP 化、故事化的表達(dá),使品牌可感。

色彩體系:延續(xù)京東品牌調(diào)性,主打京東紅的品牌色,適當(dāng)?shù)赝ㄟ^(guò)增強(qiáng)配色、減少留白,在保留京東辨識(shí)度的同時(shí),通過(guò)豐富的色彩體系降低 「冷淡、有距離」的感知。

例如:結(jié)合首頁(yè)及推薦位的坑位顏色,拉通營(yíng)銷(xiāo)色彩規(guī)范,HSB 平衡所有色彩梯度;并結(jié)合算法給出冷暖色排布規(guī)則,區(qū)分內(nèi)容豐富畫(huà)面(包括首頁(yè)核心樓層/我京工具與服務(wù)/用戶(hù)資產(chǎn)我的錢(qián)包)及核心流程 HSB 平衡,色環(huán)關(guān)系,品牌色的延伸主導(dǎo),再到單色、漸變的規(guī)律體驗(yàn),全路徑的感知;拉通京東品牌色同階梯色環(huán),推導(dǎo)所有輔助色色值,根據(jù)透明度及飽和度疊加,得到色彩使用場(chǎng)景及漸變關(guān)系;提煉營(yíng)銷(xiāo)體系核心規(guī)律,營(yíng)銷(xiāo)坑位色彩排布關(guān)系,冷暖色階搭配,引導(dǎo)用戶(hù)識(shí)別。

營(yíng)銷(xiāo)坑位色彩排布關(guān)系,冷暖色階搭配,引導(dǎo)用戶(hù)識(shí)別。(核心樓層為例)

字體體系:延續(xù)京東的字體建設(shè),延續(xù)性的使用京東朗正和正黑體、加大主字號(hào)、精簡(jiǎn)字階,拉開(kāi)字體層級(jí)梯度,讓用戶(hù)的關(guān)注點(diǎn)更聚焦。針對(duì)下沉首頁(yè)等重點(diǎn)業(yè)務(wù)采用異形字體,標(biāo)題與利益點(diǎn)字號(hào)字重比重更大,強(qiáng)化營(yíng)銷(xiāo)引導(dǎo)。

icon 體系:線性圖標(biāo)全面 iconfont 化,減少 app 的體積;圖標(biāo)設(shè)計(jì)更簡(jiǎn)潔,減少隱喻的手法,讓用戶(hù)「一眼即懂」;平衡視覺(jué)的體積差,建立一致性的圖標(biāo)繪制尺寸規(guī)范;適當(dāng)?shù)脑O(shè)計(jì)圖標(biāo)互動(dòng)的微動(dòng)效,增加趣味性,帶給用戶(hù)「愉悅感」。

柵格體系:在屏效留用率上,基于 8.0 基礎(chǔ)定義擴(kuò)展 12 、24 的倍數(shù)關(guān)系,柵格做相應(yīng)的簡(jiǎn)化;比如在首頁(yè)/搜索/商詳?shù)软?yè)面,利用刪格縮減間距,提高單屏屏效;首頁(yè)核心樓層,利用減少間距,放大商品圖片,壓縮整體樓層高度,使核心內(nèi)容更加突出,更便于用戶(hù)識(shí)別到有效內(nèi)容;

優(yōu)化界面布局,巧用視覺(jué)動(dòng)線,利用人們閱讀的 f 型習(xí)慣,聚焦用戶(hù)閱讀內(nèi)容;

素材設(shè)計(jì)體系:一方面,打磨坑位容器,采用動(dòng)靜態(tài)容器相結(jié)合的手法。另一方面,打磨坑位素材規(guī)范,動(dòng)靜態(tài)素材結(jié)合使用。同時(shí),嘗試壓縮容器高度,與羚瓏智能設(shè)計(jì)系統(tǒng)深度合作,進(jìn)行素材和頁(yè)面的測(cè)試,對(duì)運(yùn)營(yíng)設(shè)計(jì)的素材規(guī)范進(jìn)行打磨,在容器高度壓縮的同時(shí)提升素材質(zhì)量,保證瀏覽效率不下降。

2. 用戶(hù)設(shè)計(jì)策略

細(xì)分用戶(hù)群體,增強(qiáng)氛圍感知、讓體驗(yàn)更豐富,層次更清晰。根據(jù)細(xì)分用戶(hù)的習(xí)慣性、常識(shí)性認(rèn)知,適當(dāng)?shù)匕旬a(chǎn)品進(jìn)行分層,讓可知可感更加貼合用戶(hù);基于全局的統(tǒng)一,有意識(shí)細(xì)分用戶(hù)的體驗(yàn),加強(qiáng)各垂類(lèi)用戶(hù)最在意、最可感受的局部差異,從而讓體驗(yàn)更加豐富。

PLUS 會(huì)員:提高 PLUS 會(huì)員身份認(rèn)同,通過(guò)全流程內(nèi) PLUS 會(huì)員皮膚、氛圍品牌一致性露出, 強(qiáng)化「PLUS 專(zhuān)屬優(yōu)惠價(jià)格計(jì)算」 「PLUS 到手價(jià)強(qiáng)化」等權(quán)益的感知,進(jìn)而強(qiáng)化會(huì)員身份的感知、加強(qiáng)對(duì) PLUS 會(huì)員的認(rèn)同感。

家庭銀發(fā)人群:渲染家庭情感氛圍,強(qiáng)化優(yōu)惠及促銷(xiāo)的利益感知,簡(jiǎn)化整體的使用流程,中心化界面采用大字號(hào),為銀發(fā)人群設(shè)計(jì)。

新人用戶(hù):打造新人專(zhuān)屬首頁(yè),強(qiáng)化新用戶(hù)引導(dǎo),多流程定投新人大禮包、發(fā)放新人專(zhuān)屬優(yōu)惠,全方位助力新人用戶(hù)轉(zhuǎn)化。

校園用戶(hù):著重打造年輕化的視覺(jué)氛圍,拉近與校園用戶(hù)的距離。

新興市場(chǎng)用戶(hù):扭轉(zhuǎn)用戶(hù)品牌認(rèn)知,基于特定人群偏好的氛圍組織界面,提升流量分發(fā)效率。針對(duì)促銷(xiāo)較為敏感的人群,通過(guò)設(shè)計(jì)的強(qiáng)調(diào),加強(qiáng)用戶(hù)低價(jià)感知,強(qiáng)化活動(dòng)促銷(xiāo)感知,打消購(gòu)買(mǎi)顧慮。

3. 認(rèn)知設(shè)計(jì)策略

品牌金字塔理論認(rèn)為關(guān)于品牌認(rèn)知的一系列表象指標(biāo),如認(rèn)知度、美譽(yù)度、購(gòu)買(mǎi)率、滿意度、推薦率等,實(shí)際上反映了消費(fèi)者對(duì)一個(gè)品牌認(rèn)知的深入程度;這個(gè)理論,同樣可以適用在產(chǎn)品的用戶(hù)認(rèn)知上,認(rèn)知是一切的基礎(chǔ),產(chǎn)品的用戶(hù)認(rèn)知做好了,轉(zhuǎn)化、推薦、滿意度才能做好,能夠被認(rèn)知的產(chǎn)品更容易加強(qiáng)情感連接;反過(guò)來(lái),不容易被用戶(hù)認(rèn)知、認(rèn)知有負(fù)擔(dān)、信息架構(gòu)表現(xiàn)層復(fù)雜的產(chǎn)品,用戶(hù)理解起來(lái)可能就有障礙,再疊加情感連接的設(shè)計(jì),那有可能就是體驗(yàn)的自嗨了。

京東 APP9.0,將針對(duì)用戶(hù)的主流程,骨骼精細(xì)化重構(gòu)、優(yōu)化流程動(dòng)線,給用戶(hù)提供一致性的體驗(yàn),讓認(rèn)知減負(fù)。

4. 感受設(shè)計(jì)策略

消費(fèi)者在只有認(rèn)知的時(shí)候是理性的,而基于認(rèn)知產(chǎn)生好感的時(shí)候就會(huì)變成感性。

在簡(jiǎn)化用戶(hù)的信息認(rèn)知的基礎(chǔ)上,我們將強(qiáng)化打造「京東語(yǔ)言的品牌動(dòng)效」在核心流程內(nèi)的模塊感知,結(jié)合產(chǎn)品的產(chǎn)品領(lǐng)域動(dòng)態(tài)銜接的訴求,在設(shè)計(jì)上考慮動(dòng)態(tài)效果對(duì)「整體上下文,故事連接性」的亮點(diǎn)承接,讓用戶(hù)理性購(gòu)物的同時(shí),感受到感性的愉悅。

京東APP9.0設(shè)計(jì)方案展示

1. 用心設(shè)計(jì)每一眼感受

設(shè)計(jì)策略:延續(xù)、強(qiáng)化京東品牌,完善并深入刻畫(huà)京東設(shè)計(jì)語(yǔ)言;通過(guò)設(shè)計(jì)的語(yǔ)言體系,提升屏幕效率,從而帶動(dòng)流量分發(fā)效率、運(yùn)營(yíng)效率的提升。

首頁(yè)視覺(jué)風(fēng)格煥然一新,更靈動(dòng)、更輕松。(通過(guò) IP 和品牌輔形融入、優(yōu)化色彩體系等方式,強(qiáng)化京東品牌;通過(guò)優(yōu)化柵格系統(tǒng)、字體系統(tǒng)、色彩體系、動(dòng)態(tài)效果,讓界面的信息更加清晰,界面感受更靈動(dòng))

2. 用心對(duì)待每一個(gè)群體

設(shè)計(jì)策略:細(xì)分用戶(hù)群體,增強(qiáng)氛圍感知,讓體驗(yàn)更豐富、層次更清晰。

設(shè)計(jì)要點(diǎn):打造家庭專(zhuān)屬購(gòu)物體驗(yàn),和家人一起在京東開(kāi)心購(gòu)物與互動(dòng)。設(shè)計(jì)上通過(guò)暖色調(diào)和插畫(huà)的鋪陳,渲染家庭情感氛圍;同時(shí),界面采用更大字號(hào),為父母量身定制。

設(shè)計(jì)要點(diǎn):打造 PLUS 會(huì)員中心化與去中心化的購(gòu)物體驗(yàn)鏈路;通過(guò)設(shè)計(jì)走查與用戶(hù)測(cè)試,填補(bǔ) PLUS 會(huì)員在全流程內(nèi)的品牌、信息觸點(diǎn)缺失;同時(shí),從品牌、視覺(jué)、交互三個(gè)維度,統(tǒng)一設(shè)計(jì)語(yǔ)言、語(yǔ)境、對(duì)話方式,讓 PLUS 會(huì)員在各個(gè)體驗(yàn)觸點(diǎn)都能感受到一致的人機(jī)交互體驗(yàn)。

3. 用心打造每一個(gè)場(chǎng)景

設(shè)計(jì)策略:基于京東設(shè)計(jì)語(yǔ)言體系,構(gòu)建場(chǎng)景;骨骼精細(xì)化重構(gòu)主流程,構(gòu)建「場(chǎng)景動(dòng)線」,讓體驗(yàn)更流暢。

設(shè)計(jì)要點(diǎn):京東到家、便利店、商超、藥品、鮮花等門(mén)店商品全面入駐京東 APP;用戶(hù)在主流程內(nèi)即可以直接搜索下單附近的門(mén)店商品,下單后最快 15 分鐘內(nèi)便可送達(dá);由于到家場(chǎng)景依托于主流程,我們?cè)谠O(shè)計(jì)時(shí)期望用戶(hù)購(gòu)物動(dòng)線能與主流程統(tǒng)一,在商品池打通的基礎(chǔ)上,體驗(yàn)上也能完美融合;同時(shí),設(shè)計(jì)上需結(jié)合 LBS 場(chǎng)景特點(diǎn),在主購(gòu)物流程中,強(qiáng)化 LBS 與商品、配送的關(guān)聯(lián),突出商品促銷(xiāo)與門(mén)店配送時(shí)效。

4. 用心打造每一條動(dòng)線-多元化導(dǎo)購(gòu)

設(shè)計(jì)策略:基于「京東視覺(jué)語(yǔ)言體系」,細(xì)分用戶(hù)群體構(gòu)建導(dǎo)購(gòu)方式;根據(jù)用戶(hù)特性,強(qiáng)化放大「多元」的體驗(yàn)。

設(shè)計(jì)要點(diǎn):直播全面滲透,全流程強(qiáng)化直播觸點(diǎn),增大直播的分發(fā)場(chǎng)景的用戶(hù)接觸面積;同時(shí),通過(guò)動(dòng)態(tài)強(qiáng)化、設(shè)計(jì)強(qiáng)化的手法,加大對(duì)商家私域直播的引導(dǎo),完善直播場(chǎng)景的體驗(yàn)。

5. 用心打造每一條動(dòng)線-購(gòu)物動(dòng)線優(yōu)化

設(shè)計(jì)策略:基于「京東視覺(jué)語(yǔ)言體系」骨骼精細(xì)化重構(gòu)購(gòu)物動(dòng)線,統(tǒng)一交互、視覺(jué)語(yǔ)言,視覺(jué)降噪,讓認(rèn)知減負(fù)。

6. 用心簡(jiǎn)化每一次決策

設(shè)計(jì)策略:關(guān)鍵信息強(qiáng)曝光,統(tǒng)一交互視覺(jué)體驗(yàn);讓認(rèn)知減負(fù),決策更簡(jiǎn)單。

大促氛圍優(yōu)化:在主流程內(nèi)突出大促的氛圍感知,強(qiáng)化搜索列表、商詳?shù)戎髁鞒虄?nèi)的大促氛圍;結(jié)合大促情緒指數(shù)設(shè)計(jì)氛圍,逐漸調(diào)動(dòng)用戶(hù)的熱情。根據(jù)用戶(hù)的身份、商品的特性,在設(shè)計(jì)上突出重要信息,例如強(qiáng)化 PLUS 會(huì)員促銷(xiāo)腰帶等;同時(shí),借助設(shè)計(jì)規(guī)范和設(shè)計(jì)組件,頁(yè)面內(nèi)彈層更加容易拓展、可自由配置。

到手價(jià)場(chǎng)景展示:商品詳情、購(gòu)物車(chē)內(nèi)強(qiáng)調(diào)商品到手價(jià),在設(shè)計(jì)上突出優(yōu)惠結(jié)果的傳達(dá),讓用戶(hù)一眼便知。

7. 用心滿足每一次閑暇

融入品牌、IP 元素,用心打造新穎、有趣、持續(xù)的互動(dòng)玩法。

8. APP9.0

京東 APP9.0 是一個(gè)新開(kāi)始;我們將用未來(lái)的時(shí)間,用心跟大家詮釋?zhuān)〇|全新的品牌價(jià)值主張「不負(fù)每一份熱愛(ài)」。用心對(duì)待、不負(fù)期待、不負(fù)熱愛(ài),我們?cè)诼飞稀捎谄邢?,本文就不展開(kāi)分析詳細(xì)的設(shè)計(jì)方案了。

文章來(lái)源:優(yōu)設(shè)    作者:京東設(shè)計(jì)中心JDC

日歷

鏈接

個(gè)人資料

存檔