電商活動頁面數(shù)量急劇增加,幾乎每天都有新活動上線,大到雙11、小到「格力電器日」,活動已經(jīng)成為一種常見的運營模式。基于此,結(jié)合行業(yè)內(nèi)的觀察,我們提出了「活動會場的模塊化」思路。
文章主要包含4部分:
- 為什么要做「活動會場模塊化」
- 什么是「會場模塊化」
- 「會場模塊化」的3大好處
- 「會場模塊化」需要考慮哪些內(nèi)容
一、為什么要做「活動會場模塊化」
今天的電商平臺,活動作為較為日常的運營模式,呈現(xiàn)出頁面基數(shù)大、上線時間短、更新速度快3大特征。原有的瀑布流式開發(fā)流程,涉及環(huán)節(jié)眾多,包括業(yè)務(wù)、產(chǎn)品、交互、視覺、前端、開發(fā)、測試等。如果每個活動都這樣做,效率很低;诖,結(jié)合行業(yè)內(nèi)的觀察,我們提出了「活動會場的模塊化」思路。
二、什么是「會場模塊化」?
活動會場模塊化,也可以理解為活動會場組件化,指的是將活動會場拆解成一個一個可拼裝組件,之后將多個組件聚類歸納和整理,形成一套「模版庫」,并在多次活動中不斷擴充迭代便于使用,提升活動搭建效率及設(shè)計品質(zhì)。模塊化思路落地可大可小,它可以小到一個 Sketch 文件,也可以大到一個系統(tǒng)。不管能實現(xiàn)到何種程度,它都能有效地提升效率。
三、「會場模塊化」的3大好處
1. 提升內(nèi)部效率
通過「會場模塊化思路」,可以將一些模塊固化下來,做成前端寫好的模塊,以可視化、簡單、易操作的方式,方便運營在沒有產(chǎn)品、交互、開發(fā)等資源的情況下,快速搭建活動頁,為業(yè)務(wù)賦能。
2. 提高統(tǒng)一性
雖然不同活動存在一些差異,但通過選用模版庫的組件,可以有效保證統(tǒng)一性,避免活動頁面「各做各的」。
3. 提升活動質(zhì)量
通過模塊化思路,可以將各個活動的交互設(shè)計經(jīng)驗沉淀下來,有效指導(dǎo)其他活動的設(shè)計,提升整體品質(zhì)。如果運營沒有相關(guān)交互背景,也可以用低成本的方式搭建質(zhì)量還不錯的頁面。
四、「會場模塊化」需要考慮哪些內(nèi)容
1. 模塊拆解&靈活組合
一般來說,不建議將會場拆分的過于瑣碎,每個模塊至少都是「有含義」的。 比如以京東618主會場為例,模塊都是「坑位組合」,如下圖所示,其中包含了「會場——1行1個/2個/3個/4個」等模塊。通過對「會場、品牌、關(guān)鍵詞」等元素進行組合拼裝,結(jié)合業(yè)務(wù)場景,快速產(chǎn)出了3套會場樓層組合。
除此之外,模塊梳理中,還需保留一定的靈活度。比如有的單品有「秒殺價、原價、銷量、好評數(shù)」等信息,但有的單品是新品,沒有大力度的優(yōu)惠。這就要求我們在考慮基礎(chǔ)模塊時,留有一定的靈活度,可以在一定范圍內(nèi)隱藏/展示部分信息。如果完全是2種類別的坑位,則可以考慮獨立成一個新的模塊。
2. 模塊如何使用
除了模塊拆解,模塊的使用也十分重要。如果設(shè)計出來的組件庫沒有人使用,也無法真正提高效率。如何依托現(xiàn)有的平臺,將模塊簡單高效的同步使用,也是模塊化中非常重要的問題。
有的模塊使用十分簡單,比如小組內(nèi)某位同學(xué)整理了一份模版,將 Sketch 文件在組內(nèi)同步應(yīng)用,其他設(shè)計同學(xué)只需要復(fù)制就好。這是只涉及設(shè)計層面的「模塊化思路」。有的模塊會對應(yīng)到一個系統(tǒng),功能更強大,使用起來也更復(fù)雜。以京東內(nèi)部工具體系中,對類似系統(tǒng)做了大致的梳理,如下圖所示。因為過于復(fù)雜,所以進行了簡化以幫助理解。
在 A系統(tǒng)中,運營需要提供原始素材,視覺需要上傳坑位 PSD 視覺模版,系統(tǒng)組合生成坑位圖片;之后圖片被上傳到 B系統(tǒng)中,運營依據(jù)會場的框架,將圖片收集到一起(比如樓層1中所有的圖片、樓層2中所有的圖片等);再由 B系統(tǒng)將圖片傳到 C系統(tǒng),運營通過該系統(tǒng)選擇可交互的模塊,搭建頁面,系統(tǒng)自動填充從 B系統(tǒng)獲取的圖片,最終頁面上線。
其實不難看出,如果將運營作為一個用戶,整個系統(tǒng)較復(fù)雜,系統(tǒng)和系統(tǒng)之間也存在一些壁壘,用起來并不是十分順暢,后續(xù)還是有一些提升空間。
3. 如何優(yōu)化
模塊的優(yōu)化思路共涉及2個方面,如下圖所示:
面向內(nèi)部——內(nèi)部人員使用體驗優(yōu)化
不管模塊化落地規(guī)模如何,是簡單的 Sketch/PS 文件復(fù)用,還是以復(fù)雜系統(tǒng)落地,必然會有相應(yīng)的使用流程。如何提升內(nèi)部員工的使用效率,是核心優(yōu)化點之一。 除此之外,通過收集模塊內(nèi)部的使用數(shù)據(jù),比如「3C哪個模塊用的最多」、「哪個模塊的成交數(shù)據(jù)表現(xiàn)更好」,給出參考意見,幫助他們更好的搭建頁面,但這對系統(tǒng)要求會更高一些。
面向外部——模塊本身的迭代
面向 C端的用戶,模塊本身也需要不斷驗證、迭代,優(yōu)化我們的設(shè)計。 這就需要我們的「模塊化系統(tǒng)」功能必須包含「數(shù)據(jù)統(tǒng)計&查看」的功能,通過統(tǒng)計用戶操作的數(shù)據(jù),為后期的迭代提供基礎(chǔ)數(shù)據(jù)支持。
總結(jié)
關(guān)于「活動會場模塊化」的思考大概就是這些。模塊化的思路可大可小,不管是簡單的 Sketch 集合,還是龐大的系統(tǒng),只要是沿著模塊化的思路進行梳理,都可以幫助我們提升自己的效率。
隨著 AI 技術(shù)的發(fā)展,未來簡單、重復(fù)性的工作必然會被取代。希望可以通過模塊化的思路,解決一些重復(fù)性的工作,讓自己有更多的精力投入到機器無法替代的,整合性更強,難度更大的活動設(shè)計中去。
承擔因您的行為而導(dǎo)致的法律責任,
本站有權(quán)保留或刪除有爭議評論。
參與本評論即表明您已經(jīng)閱讀并接受
上述條款。