少妇无码一区二区三区,曰韩亚洲AV人人夜夜澡人人爽,亚洲天堂男人影院,丰满的闺蜜2中文字幕 欧美日韩亚洲第一AⅤ影院_国产精品午夜无码试看_亚洲视频中文字幕更新_中文无码字幕中文有码字幕

首頁(yè)

用戶體驗(yàn)設(shè)計(jì)公司審美積累 | 玻璃擬態(tài)(Glassmorphism)

杰睿

玻璃擬態(tài)是一種通過“毛玻璃”質(zhì)感制造層次感的視覺風(fēng)格,它的核心在于“透明而不完全透明”。背景虛化、低飽和的色彩疊加、加上一點(diǎn)高光和邊緣描邊,讓界面看起來像一塊塊懸浮的玻璃板——清透、未來感強(qiáng),但又保有一定的視覺秩序。
7df7e3223582989.684a7395c616e (1).png

0ad857ded1430e96cc8c7a17025625f7.jpg

7e79fef9154d6be3a90c416a6dcb9ec8.jpg

8bda27c807087832014ff681b4f578a1.jpg

f067704e7b4e83b329943439238218df.jpg

f2071624b91b0cbfa1246626441abc37.jpg

original-309d218b2f7b012fb02eb381a05267ee.jpg

original-a7522c880d731d08fb11b59f18fa1167.jpg

original-fe5850f5a7494ce96760d5de0e970057.jpg

風(fēng)格關(guān)鍵特征:
背景虛化(blur)+ 半透明遮罩,制造玻璃質(zhì)感
常用漸變色、霓虹色或輕微光感增強(qiáng)視覺層次
元素之間有明顯的空間關(guān)系,但不會(huì)很立體
字體通常保持清晰銳利,和背景形成對(duì)比
常見應(yīng)用場(chǎng)景:
桌面系統(tǒng)、操作中心(如 macOS、Windows 11 控制面板)
創(chuàng)意型產(chǎn)品落地頁(yè)、品牌官網(wǎng)、視覺呈現(xiàn)型App
智能設(shè)備界面,尤其適用于現(xiàn)代感、科技感產(chǎn)品
使用體驗(yàn)觀察: 玻璃擬態(tài)視覺效果很抓人,但落地門檻不低: 對(duì)背景圖、模糊參數(shù)、顏色對(duì)比的控制要求很高,做不好容易顯得“臟”或“花”。另外,它對(duì)性能也有一定要求(移動(dòng)端大面積使用會(huì)拖慢加載)。 所以更適合用于重點(diǎn)視覺區(qū)域、卡片容器、導(dǎo)航面板,而不是整套系統(tǒng)大面積通用。
實(shí)操建議:
結(jié)合深色背景或漸變背景更容易出效果
注意文本清晰度,可加暗影或顏色疊加提升可讀性
你在哪個(gè)產(chǎn)品里看到過讓你驚艷的玻璃擬態(tài)設(shè)計(jì)?歡迎分享案例,一起挖掘它的高效用法~
 
蘭亭妙微(www.jsyqsx.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan

常見的卡片設(shè)計(jì)如何做的更吸引人點(diǎn)擊?

濤濤 設(shè)計(jì)管理與成長(zhǎng)

瓷片區(qū)是一種在APP設(shè)計(jì)中常見的運(yùn)營(yíng)位,怎么把瓷片區(qū)設(shè)計(jì)的精致呢?今天教大家4個(gè)可復(fù)用的
「隱形公式」

Hannah & Henry 如何通過產(chǎn)品頁(yè)面優(yōu)化將收入提高 45.67%

杰睿

Hannah & Henry是一家澳大利亞電商品牌,專營(yíng)時(shí)尚嬰兒尿布包。在本案例中,我們將探討他們?nèi)绾螒?yīng)對(duì)這一挑戰(zhàn),并將收入提升 45.67%。

認(rèn)識(shí)漢娜和亨利

Hannah & Henry 不僅僅是一家電子商務(wù)商店——它是一個(gè)源于母親愿景的激情項(xiàng)目。 

該公司由Elaine創(chuàng)立,她是一位兩個(gè)孩子的母親,渴望將個(gè)人風(fēng)格與實(shí)用功能完美融合。她致力于打造一系列能夠體現(xiàn)自身風(fēng)格和價(jià)值觀的尿布包,這促成了Hannah and Henry的誕生。Hannah and Henry對(duì)品質(zhì)、耐用性、可持續(xù)性和客戶滿意度的執(zhí)著追求,為他們的電商之路樹立了高標(biāo)準(zhǔn)。

該品牌的使命是為父母提供設(shè)計(jì)師和日常嬰兒配件的融合,使其無縫融入他們的生活。

挑戰(zhàn)

產(chǎn)品詳情頁(yè)是電商網(wǎng)站流量的重要入口。然而,他們卻難以提高這些關(guān)鍵頁(yè)面的轉(zhuǎn)化率。

由于大多數(shù)訪問者跳過主頁(yè)并直接進(jìn)入產(chǎn)品頁(yè)面,因此挑戰(zhàn)在于大規(guī)模優(yōu)化這些頁(yè)面。 

現(xiàn)在,想象一下,你想為你的產(chǎn)品頁(yè)面寫一個(gè)有創(chuàng)意的標(biāo)題和摘要。假設(shè)效率最高,這個(gè)過程至少需要10分鐘才能完成一頁(yè)。 

以 Hannah 和 Henry 為例,他們有 134 個(gè)產(chǎn)品頁(yè)面。如果乘以 10 分鐘(134 x 10),就是 22 個(gè)小時(shí),幾乎相當(dāng)于連續(xù)工作三天。這看起來有點(diǎn)嚇人,對(duì)吧?

解決方案:智能產(chǎn)品頁(yè)面優(yōu)化器

如今,在人工智能的幫助下,智能產(chǎn)品頁(yè)面優(yōu)化器等工具正在改變產(chǎn)品頁(yè)面優(yōu)化的世界。 

Hannah 和 Henry 節(jié)省了 3 天的工作時(shí)間,因?yàn)?AI 僅用幾分鐘就為他們完成了此產(chǎn)品頁(yè)面更新。 

該工具利用人工智能來: 

  • 提出引人注目的口號(hào)

  • 創(chuàng)建引人入勝的描述,并且 

  • 確定最佳產(chǎn)品評(píng)論。 

除此之外,該工具還可以運(yùn)行 A/B 測(cè)試,以找出最適合你的受眾的版本。Hannah & Henry 決定測(cè)試其產(chǎn)品頁(yè)面的多個(gè)版本,探索不同的標(biāo)語、產(chǎn)品描述和評(píng)論組合。 

原始版本作為對(duì)照,同時(shí)引入添加元素的變體以觀察其影響。

查看控制版本(又名版本 A):

Hannah 和 Henry 產(chǎn)品頁(yè)面的控制版本

B 版包含一個(gè)口號(hào)和一個(gè)產(chǎn)品描述:

Hannah 和 Henry 產(chǎn)品頁(yè)面版本 B

C 版包含評(píng)論、口號(hào)和產(chǎn)品描述: 

Hannah 和 Henry 產(chǎn)品頁(yè)面 C 版

最后,版本 D 包含一條評(píng)論和一句口號(hào)(但沒有產(chǎn)品描述):

Hannah 和 Henry 產(chǎn)品頁(yè)面版本 D

結(jié)果

包含評(píng)論、口號(hào)和產(chǎn)品描述的版本 C表現(xiàn)優(yōu)于控制版本,收入增加了 45.67% 。 

這表明了為觀眾定制內(nèi)容以吸引更多客戶并推動(dòng)轉(zhuǎn)化的重要性。

總結(jié)

Hannah & Henry 的經(jīng)歷提醒我們,產(chǎn)品頁(yè)面在將品牌價(jià)值與受眾聯(lián)系起來方面發(fā)揮著關(guān)鍵作用。 

他們的故事凸顯了當(dāng)今先進(jìn)的人工智能工具所帶來的機(jī)遇。他們利用 OptiMonk 的智能產(chǎn)品頁(yè)面優(yōu)化器提升了客戶體驗(yàn),將普通的網(wǎng)站訪問變成了一次探索育兒之道的愉悅之旅。

為成功做好準(zhǔn)備:為高增長(zhǎng)企業(yè)建立實(shí)驗(yàn)計(jì)劃

杰睿

Dollar Shave Club 最近投資了一款頂級(jí)的 A/B 測(cè)試工具。我們聘請(qǐng)了 Conversion 來指導(dǎo) Dollar Shave Club 的實(shí)驗(yàn)項(xiàng)目,并希望通過該工具獲得積極的投資回報(bào)。在三個(gè)月內(nèi),我們啟動(dòng)了足夠多的成功實(shí)驗(yàn),不僅收回了該工具的全部成本,還支付了我們每年的服務(wù)費(fèi)。從那時(shí)起,我們得以擴(kuò)展該項(xiàng)目的權(quán)限,與 Dollar Shave Club 的內(nèi)部團(tuán)隊(duì)緊密合作,加快了速度,并構(gòu)建了一個(gè)以洞察力為導(dǎo)向的項(xiàng)目,為業(yè)務(wù)各個(gè)領(lǐng)域的決策提供信息。

機(jī)會(huì)

作為男士美容領(lǐng)域的全球領(lǐng)導(dǎo)者,Dollar Shave Club (DSC) 深知?jiǎng)?chuàng)新和實(shí)驗(yàn)的重要性。 

事實(shí)上,DSC 的領(lǐng)導(dǎo)團(tuán)隊(duì)非常熱衷于實(shí)驗(yàn),以至于決定構(gòu)建自己的內(nèi)部測(cè)試工具 - 但這帶來了一些無法預(yù)料的復(fù)雜情況:

由于啟動(dòng)新測(cè)試需要工程資源,DSC 團(tuán)隊(duì)不得不在開發(fā)新功能和啟動(dòng)新實(shí)驗(yàn)之間做出選擇。這導(dǎo)致優(yōu)先級(jí)排序只能靠猜測(cè),結(jié)果往往是大型項(xiàng)目獲得優(yōu)先考慮,而規(guī)模較小、容易實(shí)現(xiàn)的測(cè)試機(jī)會(huì)則被擱置。 

結(jié)合其他相關(guān)問題,這意味著該計(jì)劃和工具都沒有產(chǎn)生最初希望的影響。 

DSC 運(yùn)營(yíng)副總裁 Tsega Ortega 認(rèn)為,如果企業(yè)想要成功進(jìn)行實(shí)驗(yàn),就必須放棄內(nèi)部工具,轉(zhuǎn)而投資外部測(cè)試工具。 

考慮到已經(jīng)進(jìn)行的大量投資,再加上外部工具的大量成本,該提議在內(nèi)部遭到了很大的反對(duì)。 

該項(xiàng)目具有很高的知名度,風(fēng)險(xiǎn)很高,因此 Tsega 必須能夠立即顯示該工具的積極投資回報(bào)率。 

不幸的是,我們很快就發(fā)現(xiàn),測(cè)試工具本身提供的服務(wù)不足以使該計(jì)劃成功——這就是我們介入的地方:

實(shí)施轉(zhuǎn)換的短期目標(biāo)是推動(dòng)直接影響并從測(cè)試工具投資中獲得積極的投資回報(bào)。 

從長(zhǎng)遠(yuǎn)來看,我們的任務(wù)是促進(jìn)整個(gè)企業(yè)采用實(shí)驗(yàn),同時(shí)利用實(shí)驗(yàn)來產(chǎn)生重要的客戶洞察,這些洞察可以在整個(gè)企業(yè)傳播,以發(fā)掘新的機(jī)會(huì)并加速增長(zhǎng)。 

克服惰性

作為一家以客戶為中心的企業(yè),Dollar Shave Club 渴望了解用戶不斷變化的需求和愿望,它已經(jīng)進(jìn)行了一些非常強(qiáng)大的基礎(chǔ)研究,我們可以利用這些研究來指導(dǎo)我們工作的第一步。 

這項(xiàng)研究——一項(xiàng)針對(duì)男性個(gè)人護(hù)理購(gòu)物者的家庭和店內(nèi)定性民族志研究——得出了兩個(gè)核心見解。 

  • 男性美容購(gòu)物體驗(yàn)中存在很多慣性:除非有充分的理由,否則男性不太可能更換品牌。 
  • 這種惰性也會(huì)影響到購(gòu)買習(xí)慣:大多數(shù)男性都會(huì)購(gòu)買現(xiàn)成的美容產(chǎn)品,并且不愿意轉(zhuǎn)向在線訂購(gòu)。 

這意味著 DSC 不僅要說服潛在客戶更換品牌(這本身就是一個(gè)很大的要求),還要說服這些客戶改變他們的購(gòu)買習(xí)慣。 

我們知道這會(huì)很困難——改變根深蒂固的行為總是一場(chǎng)艱苦的戰(zhàn)斗——但憑借在行為科學(xué)方面的豐富專業(yè)知識(shí),我們有信心能夠產(chǎn)生預(yù)期的影響。

解決方案

自 2012 年成立以來,Dollar Shave Club 利用病毒式營(yíng)銷做出了巨大努力,打造了一個(gè)有趣、易于交流且深受喜愛的品牌。  

不幸的是,當(dāng)我們進(jìn)行研究以了解網(wǎng)站的情感基調(diào)和品牌感覺時(shí),我們發(fā)現(xiàn)這種趣味性根本沒有轉(zhuǎn)化為數(shù)字體驗(yàn)。 

這是一個(gè)大問題。 

 

控制:漏斗中的原始副本是非對(duì)話式的,與 DSC 的品牌語調(diào)不符

《哈佛商業(yè)評(píng)論》的研究表明,與企業(yè)有更情感聯(lián)系的顧客轉(zhuǎn)化率更高,而且會(huì)花費(fèi)更多錢(平均 52%)。

哈佛商學(xué)院關(guān)于情感共鳴影響的數(shù)據(jù)

因此,我們假設(shè),如果我們能夠改善漏斗的情感共鳴,我們就可以增加用戶與品牌的情感聯(lián)系,從而增加我們產(chǎn)生的訂閱數(shù)量。 

在我們的第一次實(shí)驗(yàn)中,我們選擇調(diào)整漏斗前兩個(gè)步驟的副本,從清晰但正式的語氣轉(zhuǎn)變?yōu)楦邔?duì)話性的語氣。 

 

 

變化:漏斗中的新副本輕松且具有對(duì)話性,與 DSC 的品牌語調(diào)更加匹配。

值得強(qiáng)調(diào)的是:這種小規(guī)模的測(cè)試正是之前會(huì)被屏蔽的那種。然而,當(dāng)我們用這個(gè)版本的漏斗模型與原始版本進(jìn)行A/B測(cè)試時(shí),它的訂閱量增加了5.24%。 

這有力地證明了小型測(cè)試可以產(chǎn)生的影響。 

更重要的是,這次測(cè)試的經(jīng)驗(yàn)——情感共鳴是業(yè)務(wù)轉(zhuǎn)化的關(guān)鍵因素——迅速在整個(gè)組織內(nèi)傳播開來。如今,所有新的體驗(yàn)都遵循嚴(yán)格的風(fēng)格指南,以確保始終保持輕松詼諧、對(duì)話式的風(fēng)格。 

碎片化獎(jiǎng)勵(lì)

我們的研究表明,另一個(gè)可能富有成效的杠桿是感知價(jià)值:如果我們能夠找到一種方法來提高產(chǎn)品的感知價(jià)值,我們就有更好的機(jī)會(huì)說服用戶改變他們的品牌和購(gòu)買習(xí)慣。 

當(dāng)我們對(duì)訂閱漏斗進(jìn)行啟發(fā)式分析時(shí),我們注意到大多數(shù)產(chǎn)品都是以捆綁銷售的形式呈現(xiàn)的。雖然這種做法看起來不錯(cuò)——圖片也很美觀——但它違反了行為設(shè)計(jì)的一個(gè)眾所周知的原則: 

一次性成本和碎片獎(jiǎng)勵(lì)。 

通過把成本集中在一起,你就能最大限度地降低它們被感知的重要性(就像撕掉創(chuàng)可貼一樣)。通過細(xì)分獎(jiǎng)勵(lì),即將它們拆分開來,并分別強(qiáng)調(diào)每個(gè)獎(jiǎng)勵(lì),你就能增加每個(gè)獎(jiǎng)勵(lì)的關(guān)注度,從而提高整體感知價(jià)值。 

我們認(rèn)為這是一個(gè)提高 DSC 訂閱服務(wù)感知價(jià)值的機(jī)會(huì),因此我們決定重新設(shè)計(jì)某些頁(yè)面元素:具體來說,我們單獨(dú)分離出每種產(chǎn)品,并包含作為每種單獨(dú)產(chǎn)品一部分的物品的要點(diǎn)清單。 

 

在對(duì)照組(左圖)中,產(chǎn)品和功能被集中顯示。在變體組(右圖)中,每個(gè)產(chǎn)品(及其功能)被拆分并單獨(dú)顯示。

然后,我們?cè)?A/B 測(cè)試中將此新版本的頁(yè)面與原始版本進(jìn)行比較,結(jié)果訂閱數(shù)量增加了 11.2%。

這本身就是一個(gè)巨大的成果,但是當(dāng)我們分析這次測(cè)試的數(shù)據(jù)時(shí),我們意識(shí)到還有很大的改進(jìn)空間……

迭代以產(chǎn)生影響

雖然轉(zhuǎn)化率顯著提升,但我們發(fā)現(xiàn)很多用戶仍然使用“更改您的選擇?”鏈接在不同頁(yè)面之間來回切換。這被稱為“跳跳跳”(pogosticking),從用戶體驗(yàn)的角度來看,這通常是一個(gè)不好的跡象。

 

雖然訂閱量有所增加,但進(jìn)一步分析顯示,‘pogosticking’ 用戶的比例高于預(yù)期。

在這種情況下,pogosticking 表明用戶來回查看不同產(chǎn)品如何影響價(jià)格。 

為了解決這個(gè)問題,我們?cè)谠紲y(cè)試的基礎(chǔ)上進(jìn)行了迭代,創(chuàng)建了一個(gè)新版本,從一開始就明確了捆綁折扣 - “您有資格享受 15% 的 Handsome 折扣”(另外,請(qǐng)注意這個(gè)有趣的折扣名稱,與 DSC 的品牌完美契合)。 

我們還想了解移除默認(rèn)復(fù)選框?qū)τ脩趔w驗(yàn)的影響,以及如何幫助用戶理解優(yōu)惠信息。因此,我們創(chuàng)建了第二個(gè)變體,取消了一些最初選中的產(chǎn)品。 

然后,我們?cè)?a/b/c 測(cè)試中將這兩個(gè)變體與之前的獲勝者進(jìn)行對(duì)比。 

 

在第一個(gè)版本(中間截圖)中,我們添加了文案,以幫助闡明捆綁折扣。在第二個(gè)版本(右側(cè)截圖)中,除了闡明優(yōu)惠之外,我們還取消了默認(rèn)復(fù)選框的勾選。

正如預(yù)期的那樣,第一個(gè)版本將轉(zhuǎn)化率額外提高了 1.5%。更令人印象深刻的是,第二個(gè)版本(取消選中復(fù)選框)將訂閱數(shù)量提高了 6.8%。 

這意味著,通過兩次實(shí)驗(yàn)(最初的拆分測(cè)試及其迭代),我們能夠?qū)⒂嗛嗈D(zhuǎn)化率提高 17% 以上。 

結(jié)果

在我們合作的最初三個(gè)月里,我們就能夠產(chǎn)生足夠的額外收入來支付我們服務(wù)和測(cè)試工具一整年的成本。 

事實(shí)證明 Tsega 的信念是正確的——保證了愛爾蘭獲得積極的回報(bào)。 

在順利實(shí)現(xiàn)初始目標(biāo)后,我們隨后的任務(wù)是將工作范圍擴(kuò)大到遠(yuǎn)遠(yuǎn)超出最初的范圍。 

這項(xiàng)更廣泛的職責(zé)的一部分涉及審核DSC現(xiàn)有的實(shí)驗(yàn)?zāi)芰?。我們運(yùn)用PACET框架來識(shí)別DSC現(xiàn)有實(shí)驗(yàn)設(shè)置中的任何瓶頸和障礙。在此基礎(chǔ)上,我們與DSC的內(nèi)部團(tuán)隊(duì)密切合作,彌補(bǔ)任何不足,并在必要時(shí)提供技能提升。 

此次職責(zé)擴(kuò)展的另一個(gè)要素是將實(shí)驗(yàn)的影響擴(kuò)展到整個(gè)業(yè)務(wù)。一方面,我們只是利用實(shí)驗(yàn)來優(yōu)化訂閱之外的其他關(guān)鍵增長(zhǎng)指標(biāo),例如貨幣化和留存率。另一方面,我們確保實(shí)驗(yàn)?zāi)軌蛑笇?dǎo)所有業(yè)務(wù)部門的決策——從市場(chǎng)營(yíng)銷到產(chǎn)品,從工程到設(shè)計(jì)。 

總而言之,該計(jì)劃取得了巨大的成功。 

蘭亭妙微(www.jsyqsx.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan

兩個(gè) Instapage 定價(jià)頁(yè)面 A/B 測(cè)試:我們測(cè)試了什么?我們學(xué)到了什么?

杰睿

定價(jià)頁(yè)面 A/B 測(cè)試

 

 

過去,Instapage 網(wǎng)站團(tuán)隊(duì)會(huì)分別測(cè)試主頁(yè)的標(biāo)題、客戶徽標(biāo)、推薦等內(nèi)容。之后,還會(huì)測(cè)試圖片和 MP4 動(dòng)畫。毫無疑問,每次測(cè)試都會(huì)揭示一些有趣的見解。但主頁(yè)的 A/B 測(cè)試是一回事,因?yàn)樗悄愕脑诰€店面,人們可以從網(wǎng)上的各種渠道訪問它。

然而,定價(jià)頁(yè)面需要用戶進(jìn)行更多的搜索——他們必須在進(jìn)入任何其他網(wǎng)站頁(yè)面后點(diǎn)擊導(dǎo)航標(biāo)題。

對(duì)于這些受眾,我們?nèi)匀幌M私庥脩襞c頁(yè)面的互動(dòng)情況,以及哪種版本能帶來更多免費(fèi)試用注冊(cè)和企業(yè)演示請(qǐng)求。今天的文章將重點(diǎn)介紹這些實(shí)驗(yàn)。

我們?yōu)槭裁匆獙?duì)定價(jià)頁(yè)面進(jìn)行 A/B 測(cè)試?

 

定價(jià)頁(yè)面最能引起我們網(wǎng)站訪客的興趣。畢竟,潛在客戶需要向公司分享一些重要信息,例如價(jià)格和功能,才能開始使用像 Instapage 這樣高端的產(chǎn)品。

此外,定價(jià)頁(yè)面是客戶旅程的關(guān)鍵部分。對(duì)漏斗進(jìn)行測(cè)試和實(shí)驗(yàn)至關(guān)重要,以尋求可以提高轉(zhuǎn)化率或改善客戶體驗(yàn)的改進(jìn)方法。

實(shí)驗(yàn)#1:頁(yè)面布局

 

我們測(cè)試了一種布局變體,用于展示自助服務(wù)和企業(yè)計(jì)劃之間的功能比較。Instapage 網(wǎng)站自最近重新設(shè)計(jì)以來,一直保留著原來的定價(jià)頁(yè)面布局。該變體是為重新設(shè)計(jì)而創(chuàng)建的額外模型。

我們以 70/30 的比例(70% 訪問原始頁(yè)面,30% 訪問變體頁(yè)面)對(duì)所有訪問該頁(yè)面的訪客進(jìn)行了測(cè)試,這樣可以讓大量訪客與變體頁(yè)面進(jìn)行互動(dòng),并生成具有統(tǒng)計(jì)意義的數(shù)據(jù)。通過跟蹤與轉(zhuǎn)化操作相關(guān)的目標(biāo),我們可以判斷改版是否對(duì)目標(biāo)產(chǎn)生了影響。

這是原始頁(yè)面設(shè)計(jì)(請(qǐng)注意并排的長(zhǎng)功能列表):

定價(jià)頁(yè)面 A/B 測(cè)試 Instapage 原版

以下是針對(duì)原始版本測(cè)試的變體(請(qǐng)注意如何根據(jù)客戶計(jì)劃分離出功能):

定價(jià)頁(yè)面 A/B 測(cè)試 Instapage 變體

(注意:上面的截圖來自之前的測(cè)試,與我們當(dāng)前的實(shí)時(shí)定價(jià)頁(yè)面不同。內(nèi)容可能不匹配,不應(yīng)反映 Instapage 的當(dāng)前定價(jià)和計(jì)劃選項(xiàng)。)

最初的假設(shè)是什么?

 

我們最初的設(shè)想是,重新設(shè)計(jì)后,Instapage 的各個(gè)套餐功能將更容易被訪客看到,并新增一個(gè)企業(yè)版專屬功能。當(dāng)然,這次測(cè)試的目標(biāo)是增加免費(fèi)試用注冊(cè)量,以便新用戶能夠全面評(píng)估 Instapage 平臺(tái)。此外,我們也希望提升轉(zhuǎn)化率,并增加企業(yè)版的咨詢量。

結(jié)果向我們展示了什么?

 

結(jié)果表明,原始版本在所有用戶群體中的表現(xiàn)都優(yōu)于變體版本。我們將受眾群體劃分為四個(gè)用戶群體(新用戶、回訪用戶、自然流量和付費(fèi)流量),以確定用戶在站內(nèi)行為方面是否存在顯著差異。

除了免費(fèi)注冊(cè)轉(zhuǎn)化目標(biāo)外,我們還分析了頁(yè)面停留時(shí)間、退出時(shí)間和跳出率:

定價(jià)頁(yè)面 A/B 測(cè)試 Instapage 變體

實(shí)驗(yàn) #2:并排功能比較

 

我們的第二個(gè)定價(jià)頁(yè)面實(shí)驗(yàn)是我們?cè)荚O(shè)計(jì)顯示并排功能比較方式的變體。

最初,定價(jià)頁(yè)面將最受歡迎或差異化程度最高的功能顯示在頁(yè)面頂部。然而,大多數(shù)其他功能都被隱藏了,但訪客仍然可以點(diǎn)擊按鈕顯示完整列表,進(jìn)行并排比較。團(tuán)隊(duì)決定進(jìn)行一項(xiàng)調(diào)查,看看僅顯示這些頂級(jí)功能時(shí),用戶是否有足夠的信息來注冊(cè)免費(fèi)試用?;蛘?,如果在長(zhǎng)列表中顯示所有功能,是否會(huì)提高轉(zhuǎn)化率。

我們到底測(cè)試了什么?

 

我們測(cè)試了原始布局(來自重新設(shè)計(jì)和實(shí)驗(yàn) 1),并使用了一個(gè)在頁(yè)面加載時(shí)顯示所有功能的變體。同樣,我們進(jìn)行了 70/30 的受眾比例劃分,并等待頁(yè)面顯示足夠的數(shù)據(jù),以便將其作為性能的顯著指標(biāo)。我們還保留了與上一個(gè)實(shí)驗(yàn)相同的免費(fèi)試用注冊(cè)目標(biāo)。

最初的假設(shè)是什么?

 

我們最初的假設(shè)是,如果我們向用戶展示精簡(jiǎn)版的功能列表,就能提供足夠的信息,讓用戶注冊(cè)免費(fèi)試用,而不會(huì)讓訪客感到不知所措。我們預(yù)計(jì)原始設(shè)計(jì)的效果會(huì)優(yōu)于版本,但也想挑戰(zhàn)我們的假設(shè),并對(duì)前面提到的四個(gè)受眾群體的用戶行為感興趣。此外,團(tuán)隊(duì)也很好奇,全面展開的并排功能比較是否會(huì)影響我們收到的企業(yè)演示請(qǐng)求數(shù)量。

結(jié)果向我們展示了什么?

 

本次實(shí)驗(yàn)的初步結(jié)果表明,變體略勝原版。為了確認(rèn)測(cè)試結(jié)果,我們分析了跳出率、頁(yè)面停留時(shí)間和轉(zhuǎn)化率等其他性能指標(biāo),以確保變體勝過原版:

定價(jià)頁(yè)面 A/B 測(cè)試 2 Google 優(yōu)化數(shù)據(jù)

結(jié)論

 

當(dāng)前版本的定價(jià)頁(yè)面采用的是擴(kuò)展視圖,所有功能都并排比較。如果沒有對(duì)頁(yè)面進(jìn)行拆分測(cè)試,Instapage 團(tuán)隊(duì)不可能得出如此自信的結(jié)論。

您可以訪問定價(jià)頁(yè)面,查看 Instapage 套件的完整功能列表并申請(qǐng)演示。或者,立即獲取您自己的定制演示。

蘭亭妙微(www.jsyqsx.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan

分享 3 個(gè)新手入門和結(jié)賬秘訣

杰睿

今天,我們將揭開 Mural、Hubspot 和一家大型電子商務(wù)零售商進(jìn)行的三項(xiàng)強(qiáng)有力的實(shí)驗(yàn)的面紗。 

1.最大限度地減少用戶結(jié)賬時(shí)的震驚:僅用 1 天的工程工作就增加了 2200 萬美元的收入。 

適用于:電子商務(wù)、市場(chǎng)、B2B、金融科技

問題:

當(dāng)用戶到達(dá)最終結(jié)賬頁(yè)面時(shí),預(yù)估運(yùn)費(fèi)和實(shí)際運(yùn)費(fèi)之間的差異會(huì)讓他們感到不快。這種差異常常導(dǎo)致用戶放棄購(gòu)物車。這家公司在結(jié)賬流程中面臨著一個(gè)挑戰(zhàn)——“沖擊因素”。

舊解決方案:

該公司最初在購(gòu)物車頁(yè)面上顯示了估計(jì)的運(yùn)費(fèi),一旦他們獲得了用戶的賬單地址,他們就會(huì)在最終結(jié)帳頁(yè)面上顯示“真實(shí)”的運(yùn)費(fèi),但這種體驗(yàn)給用戶帶來了震驚,因?yàn)樗麄冏畛蹩吹降膬r(jià)格與最終需要支付的價(jià)格不符。

新的解決方案:

該公司選擇了一項(xiàng)大膽的戰(zhàn)略轉(zhuǎn)變。他們從購(gòu)物車頁(yè)面移除了預(yù)估運(yùn)費(fèi),僅在結(jié)賬頁(yè)面顯示這些費(fèi)用。令人驚訝的是,那些在舊方案中原本需要支付更高運(yùn)費(fèi)的用戶,其結(jié)賬率卻顯著提高。這一微小的改變帶來了巨大的影響——僅花費(fèi)了一天的工程成本,就實(shí)現(xiàn)了2200萬美元的年收益。

經(jīng)驗(yàn)教訓(xùn):

實(shí)驗(yàn)揭示了一個(gè)意想不到的真相——對(duì)于用戶購(gòu)買而言,預(yù)先提供詳細(xì)的成本明細(xì)并不比在合適的時(shí)機(jī)提供準(zhǔn)確的總價(jià)更重要。事實(shí)證明,通過精準(zhǔn)的定價(jià)建立信任并最大程度地減少用戶的震驚才是改變游戲規(guī)則的關(guān)鍵。

2. Hubspot 的 KYC 注冊(cè)數(shù)量實(shí)現(xiàn)了兩位數(shù)的百分比增長(zhǎng): 

適用于:市場(chǎng)、B2B、金融科技

問題:

HubSpot 面臨著支付行業(yè)一個(gè)常見的挑戰(zhàn):用戶不愿遷移到新的支付平臺(tái)。為了增加平臺(tái)上 KYC 專家的數(shù)量,他們需要減少注冊(cè)流程的阻力,或者提升用戶的積極性。本次實(shí)驗(yàn)的重點(diǎn)是前者——減少注冊(cè)流程的阻力。 

舊解決方案:

HubSpot 有一個(gè) MVP 解決方案,要求用戶在其平臺(tái)上啟動(dòng) KYC 流程,但會(huì)將用戶重定向到 Stripe 網(wǎng)站填寫個(gè)人信息并關(guān)聯(lián)銀行賬戶。用戶訪談顯示,他們對(duì)使用 HubSpot 支付工具是否需要 Stripe 賬戶感到困惑。

新的解決方案:

Sophia Friend和她的團(tuán)隊(duì)將整個(gè)用戶引導(dǎo)和信息收集流程保留在 HubSpot 的原生 UI 中,從而為客戶打造了情境化用戶體驗(yàn)。HubSpot 將 KYC 流程引入公司內(nèi)部,無需將用戶重定向到第三方網(wǎng)站。

影響:

成果令人矚目——每周注冊(cè)的 KYC 專業(yè)人員數(shù)量(絕對(duì)值)顯著增長(zhǎng)了兩位數(shù)。這一轉(zhuǎn)變是通過四個(gè)沖刺的開發(fā)工作實(shí)現(xiàn)的,即使開發(fā)成本很高,但投資回報(bào)率仍然非常值得。

經(jīng)驗(yàn)教訓(xùn):

這個(gè)實(shí)驗(yàn)揭示了一個(gè)深刻的教訓(xùn)——與在客戶眼中可能缺乏可信度的第三方相比,用戶往往對(duì)他們所注冊(cè)的品牌和平臺(tái)有更大的信任。

Honeybook 的示例: 

3. Mural 的留存突破:簡(jiǎn)化的入職流程使 1 周留存率提高 10% 以上

語境:

Mural.co是一家 SaaS 公司,提供協(xié)作可視化工作平臺(tái),旨在使團(tuán)隊(duì)合作更高效、更愉快。

適用于:B2B、B2C、生產(chǎn)力

問題:

Mural 的一周留存率面臨巨大挑戰(zhàn)——新注冊(cè)用戶未能如預(yù)期般與其平臺(tái)互動(dòng)。他們的目標(biāo)是打造一種引導(dǎo)用戶無縫銜接首次會(huì)話的體驗(yàn),并鼓勵(lì)他們采取“高質(zhì)量”的行動(dòng)。在本例中,“高質(zhì)量行動(dòng)”的一個(gè)例子是用戶創(chuàng)建他們的第一個(gè)圖板或添加便簽。這些“高質(zhì)量”行動(dòng)是留存率的領(lǐng)先指標(biāo)。

舊解決方案:

最初的方法包括應(yīng)用提示、橫幅廣告、聊天和彈窗,導(dǎo)致用戶不知從何入手。每個(gè)彈窗都為用戶設(shè)定了特定的操作,但它們同時(shí)出現(xiàn)會(huì)讓用戶感到不知所措,最終導(dǎo)致他們忽略這些提示,因?yàn)樗鼈兣c他們希望如何使用平臺(tái)的主要目標(biāo)不符。

新的解決方案:

Mural 進(jìn)行了一項(xiàng)實(shí)驗(yàn),關(guān)閉了所有上述 UI 設(shè)計(jì),并引入了一個(gè)精簡(jiǎn)的核對(duì)清單。這份清單僅包含五項(xiàng)內(nèi)容,成為用戶首次登錄平臺(tái)時(shí)的指路明燈。對(duì)簡(jiǎn)潔明了的關(guān)注帶來了變革,因?yàn)樗鼛椭脩粢淮沃粚W⒂谝豁?xiàng)內(nèi)容。

影響:

其影響是巨大的,一周的保留率顯著提高了 10%,使入職體驗(yàn)更加吸引人、更加有效。

經(jīng)驗(yàn)教訓(xùn):

Mural 的歷程凸顯了簡(jiǎn)化引導(dǎo)流程的力量。過多的指導(dǎo)可能會(huì)讓用戶不知所措。如果你的產(chǎn)品簡(jiǎn)單易懂,用戶通??梢宰约赫业酱鸢?。專注于基礎(chǔ)知識(shí),并提供一個(gè)清晰的起點(diǎn),就能讓用戶有探索和學(xué)習(xí)的空間。有時(shí),更少的指導(dǎo)反而能讓用戶真正掌握如何使用你的產(chǎn)品。

好了,以上就是三個(gè)改變游戲規(guī)則的實(shí)驗(yàn)。記住,增長(zhǎng)的關(guān)鍵在于創(chuàng)新和實(shí)驗(yàn)。請(qǐng)?jiān)谠u(píng)論區(qū)分享你的想法、反饋或你自己的實(shí)驗(yàn)。讓我們繼續(xù)探討增長(zhǎng)話題!

如果您渴望了解更多增長(zhǎng)實(shí)驗(yàn),請(qǐng)點(diǎn)擊訂閱按鈕。感謝您加入 GrowthInsider 社區(qū)。保持好奇心,保持創(chuàng)新,持續(xù)成長(zhǎng)!

蘭亭妙微(www.jsyqsx.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan

如何做印尼的本地化產(chǎn)品設(shè)計(jì)?

濤濤 設(shè)計(jì)管理與成長(zhǎng)

對(duì)于設(shè)計(jì)師來說,本地化在設(shè)計(jì)中的滲透和融入至關(guān)重要。印尼人民非常驕傲于本土的文化和本地的制造,對(duì)使用本土品牌對(duì)他們來說是一件很值得驕傲的事情,所以我們就需要在各個(gè)細(xì)節(jié)上下功夫,讓產(chǎn)品看起來像是當(dāng)?shù)氐膽?yīng)用,才能夠得到本地人的認(rèn)可。

設(shè)計(jì)驅(qū)動(dòng)運(yùn)營(yíng)價(jià)值最大化

濤濤 設(shè)計(jì)管理與成長(zhǎng)

把運(yùn)營(yíng)活動(dòng)作為一個(gè)項(xiàng)目來做,從業(yè)務(wù)開始跟蹤,明確目標(biāo)、建議方案、優(yōu)化體驗(yàn)鏈路、優(yōu)化數(shù)據(jù)策略等不同階段做出設(shè)計(jì)價(jià)值。

用經(jīng)典的設(shè)計(jì)原則,深度解析閑魚的用戶體驗(yàn)設(shè)計(jì)

濤濤 設(shè)計(jì)管理與成長(zhǎng)

今天我們主要從用戶體驗(yàn)的部分原則來看閑魚,主要以產(chǎn)品視覺設(shè)計(jì)四大原則、交互設(shè)計(jì)十大可用性原則、情感化設(shè)計(jì)來看閑魚

日歷

鏈接

個(gè)人資料

存檔