衡量一個(gè)互聯(lián)網(wǎng)商城類(lèi)的產(chǎn)品用戶(hù)體驗(yàn)，無(wú)非這幾個(gè)方面：

  作為從業(yè)者，我將詳細(xì)分析小程序和微商城這些方面的差異：

  這是互聯(lián)網(wǎng)體驗(yàn)的關(guān)鍵，客戶(hù)一般最大的忍耐時(shí)間是3秒，時(shí)間5秒的頁(yè)面沒(méi)誰(shuí)會(huì)等待了，除非是買(mǎi)火車(chē)票這樣的剛需。小程序的打開(kāi)速度普遍優(yōu)于微商城，因?yàn)樾〕绦騽傞_(kāi)始訪(fǎng)問(wèn)，就把整個(gè)程序下載下來(lái)了，后續(xù)的請(qǐng)求只需要請(qǐng)求數(shù)據(jù)，頁(yè)面直接就能展示了，原理類(lèi)似手機(jī)的APP。而微商城訪(fǎng)問(wèn)請(qǐng)求不是這樣，如果微商城是傳統(tǒng)技術(shù)架構(gòu)的，例如每個(gè)微商城頁(yè)面都是重新從服務(wù)器獲取的，那么小程序比這樣的微商城平均快90% 如果微商城是比較新的架構(gòu)實(shí)現(xiàn)的，例如單頁(yè)架構(gòu)，那么和小程序的打開(kāi)速度不相上下，理論上小程序更快，但是肉眼基本看不到區(qū)別，這類(lèi)微商城架構(gòu)比較少。所以速度上小程序優(yōu)先。

  這的確實(shí)是事實(shí)。

  小程序展示內(nèi)容和交互設(shè)計(jì)比微商城美觀

  可能是借鑒于iOS的審美癖好，小程序的組件和交互設(shè)計(jì)，需要滿(mǎn)足一定的規(guī)范，而這種規(guī)范本身就是對(duì)美的一種追求，這就避免了胡亂設(shè)計(jì)。例如小程序按鈕大小 顏色 標(biāo)題 彈框等都做了規(guī)定。而且小程序是需要審核的，設(shè)計(jì)不達(dá)標(biāo)的不通過(guò)審核，雖然比起嚴(yán)格的近乎變態(tài)的蘋(píng)果app審核稍微好點(diǎn)，但是也是需要用心設(shè)計(jì)才能通過(guò)的。相反的，微商城可沒(méi)有那么多統(tǒng)一規(guī)范，都是設(shè)計(jì)師按照自己喜好隨意設(shè)計(jì)，千倉(cāng)百孔，百家爭(zhēng)鳴。也許你能遇到幾家設(shè)計(jì)不錯(cuò)的，但是大多數(shù)都很粗糙不夠用心。

  小程序的外部展現(xiàn)框架比微商城美觀

  左側(cè)是微商城，右側(cè)是小程序商城。哪個(gè)美觀一目了然。

  頁(yè)面頭部分析：

  可以看到微商城的頭部背景是灰色，這是設(shè)計(jì)大忌，因?yàn)橛绊懥藘?nèi)容的完整統(tǒng)一，破壞了用戶(hù)沉浸式的獲取內(nèi)容。這種設(shè)計(jì)可能幾年前不算什么，但是看看蘋(píng)果ios的最新的設(shè)計(jì)規(guī)范就知道，這種設(shè)計(jì)盡量避免。小程序商城的頭部和內(nèi)容融為一體都是純白色，這也是設(shè)計(jì)上用心的結(jié)果。

  頁(yè)面底部分析：

  微商城底部有了返回和前進(jìn)按鈕，比較像瀏覽器的功能按鈕，這樣設(shè)計(jì)導(dǎo)致了頁(yè)面真實(shí)可用的面積變小。右側(cè)小程序更像是APP布局，美觀完整。

  PS：微商城的左側(cè)關(guān)閉按鈕，易誤觸，導(dǎo)致關(guān)閉網(wǎng)頁(yè)，小程序關(guān)閉按鈕位置較偏僻不易誤觸，大家也可以比較一下對(duì)應(yīng)的關(guān)閉和更多按鈕哪個(gè)更美觀? 顯然小程序的按鈕經(jīng)過(guò)用心設(shè)計(jì)。

  我們將從業(yè)務(wù)層面和技術(shù)層面分析小程序和微商城功能上的區(qū)別。

  業(yè)務(wù)層面

  微商城最早的是有贊可以追溯到2013年初，大多數(shù)廠家成立于2013年5月左右，經(jīng)過(guò)數(shù)年發(fā)展，微商城功能豐富。小程序出現(xiàn)在2017年初，盡管小程序可以復(fù)用微商城的后端功能，但是前端代碼需要全部重新開(kāi)發(fā)，工程量巨大，這也是大多數(shù)小程序功能比較簡(jiǎn)單，要么展示，要么簡(jiǎn)單的購(gòu)買(mǎi)的原因，復(fù)雜的營(yíng)銷(xiāo)功能或是會(huì)員管理小程序商城一般不具備。開(kāi)發(fā)實(shí)力雄厚的有贊也是經(jīng)過(guò)長(zhǎng)達(dá)一年的努力，大多數(shù)實(shí)現(xiàn)了微商城功能向小程序的遷移，但是要用小程序完全替代微商城的功能，暫時(shí)看是不可能的。

  技術(shù)層面

  小程序底層實(shí)現(xiàn)較微商城不夠靈活，能用到的接口只能是小程序固定提供的，例如矢量技術(shù)svg，在制作動(dòng)畫(huà)以及矢量圖標(biāo)有重要作用，小程序標(biāo)簽比較簡(jiǎn)單，沒(méi)有svg功能，而微商城用的是html5技術(shù)，這些功能不受限制，在技術(shù)展現(xiàn)上小程序可能比起微商城較弱。當(dāng)然，小程序也提供了很多微商城不能使用的接口，這方面又比微商城強(qiáng)大，總之各有優(yōu)缺點(diǎn)。

  微商城可以給每個(gè)頁(yè)面生成二維碼，也可以把每個(gè)頁(yè)面隨意用url的方式分享出去，這對(duì)于用短信或是郵件以及文本消息傳播的商城來(lái)說(shuō)尤其重要。小程序只能固定在微信生態(tài)里面。

  結(jié)論：微商城功能層面要強(qiáng)于小程序。

  如果在微信環(huán)境下推廣，用小程序幾乎是毋庸置疑的。我們不說(shuō)無(wú)需下載、用完即走的論調(diào)，那不算優(yōu)勢(shì)，微商城一樣可以。也先不討論他的23個(gè)入口，但是他有幾項(xiàng)必殺技也是微商城望其項(xiàng)背的：

  更加直觀的分享顯示

  同樣是分享頁(yè)面，小程序大圖、標(biāo)題、logo非常具有表現(xiàn)力，反觀微商城的分享，就平淡很多。

  下面圖片第一個(gè)紅框是小程序分享，第二個(gè)是微商城分享。

  聊天列表停留下拉

  可以看到凡是瀏覽過(guò)的小程序拉下后都會(huì)在這里顯示。微商城做不到這個(gè)。這對(duì)于客戶(hù)的再次打開(kāi)極有幫助。

  附近功能

  用戶(hù)可以在附近發(fā)現(xiàn)你的小程序，這個(gè)功能的作用還是比較有爭(zhēng)議的，有些調(diào)查顯示，附近打開(kāi)的小程序數(shù)量并不多，但是畢竟是免費(fèi)流量，有總比沒(méi)有好，是吧，做推廣也可以試試。

  獨(dú)立窗口打開(kāi)

  大家可以做個(gè)試驗(yàn)，如果用微商城聽(tīng)歌曲，關(guān)閉微商城音樂(lè)自動(dòng)中斷。如果是小程序聽(tīng)音樂(lè)，關(guān)閉后音樂(lè)還能播放。這是因?yàn)樾〕绦蚴莻€(gè)單獨(dú)的窗口，這樣的好處是可以保留上次瀏覽狀態(tài)以及避免再次打開(kāi)浪費(fèi)時(shí)間。這也是微商城無(wú)法具備的功能。這些功能都能極大的提升客戶(hù)體驗(yàn)。

  完了，以后會(huì)更新。