電商系列(五)聊一聊移動H5手機端建設思路

最近在一直在搞M站,也就是移動web站點。由於是第一次,也遇到了很多問題,所以把最近了解到的東西總結總結。聊一聊什麼是移動M站,它有啥作用和優勢。


  也有人會問,M站和APP有什麼不同?

  1. APP 直接在用戶的移動設備上,曝光率相對較高。 而M站需打開瀏覽器,輸入地址才能訪問,所以曝光率相對較低。

  2. M站的推廣的渠道相比移動APP,渠道較多,方便追蹤用戶來源,流量入口等,方便以後的活動推廣和數據分析。

  3. M站用戶無需安裝,輸入URL即可訪問,而APP需要下載安裝。

  4. M站能夠快速的通過數據分析,能快速得到用戶的反饋,從而更容易根據統計數據分析和用戶的需求來調整產品。

  5. APP對用戶更具粘性,用戶體驗也更好。

  6. M站對於營銷推廣活動非常方便,轉發分享方便快捷。

  7. M站更新迭代產品速度,響應產品調整非常快,隨時發佈,而App需要審核時間。

  8. M站跨平臺,無需開發安卓和iOS版,只需有瀏覽器即可。

  所以, 我覺得,M站和客戶端的是相輔相成的,M站的及時性和快捷性,是app無法比擬的。而app 的用戶體驗,則是M站無法做到的。目前來說兩者是不可能被對方完全替代的,在互聯網營銷大行其道的今天,M站也越來越重要。營銷活動大多以H5頁面的形式展示和傳播的。通過M站的營銷和推廣,從而又促進APP的使用和推廣。

  目前,移動M站有輕APP 化的是趨勢。M站會越來越像個APP,使得M站也越來越重要。而且,很多APP的展示效果。原生代碼無法實現的時候,嵌套移動H5頁面也是一個很好的選擇。

  下面介紹幾個移動M站建設的幾個點:

  1. 51Degree

  51degrees 號稱是目前最快、最準確的設備檢測的解決方案。它是一個免費開源的.NET移動應用開發組件,可以用來檢測移動設備和瀏覽器,甚至可以獲取屏幕尺寸,輸入法,加上製造商和型號信息等。從而可以選擇性地被重定向到為移動設備而設計的內容。由於擁有精確的移動設備的數據,所以幾乎支持所有的智能手機,平板電腦等移動設備。

  其實說白了,51Degree的作用,就是識別客戶端的設備。PC瀏覽器訪問,就跳轉到PC站,手機瀏覽器訪問就跳轉到M站。從而達到更好的用戶體驗。

  如何將51Degree加入到現有網站?

  http://51degrees.codeplex.com/wikipage?title=Enhance%20existing%20web%20site

  2. 架構

  其實移動web和傳統的web並沒有本質的區別。說白了還是一個web 站點,使用的技術都是html+css+js。不同的是,只不過目前在 Html5的大趨勢下,將Html5加入到了移動M站,使得M站更像個輕APP。

  

電商系列(五)聊一聊移動H5手機端建設思路

  3. Bootstrap

  Bootstrap。就不多說了,網上很多Bootstrap的資料。它最大的優勢應該就是非常流行,非常容易上手,如果缺少專業的設計或美工,那麼Bootstrap 是一個比較好的選擇。它的用法及其簡單,幾乎沒什麼學習成本,絕對是快速開發的利器。

  官網:http://getbootstrap.com/  Github:https://github.com/twbs/bootstrap/

  4. 幾點建議:

  1.移動m站的URL儘量和pc相同,這是為了避免同一URL在pc站可以顯示,但是在手機上打開卻是404;

  2. M站寫單獨的TDK。



分享到:


相關文章: