詳解,移動網(wǎng)上商城網(wǎng)站建設(shè)那點(diǎn)事

2014-12-26|HiShop
導(dǎo)讀:為什么要 移動網(wǎng)上商城網(wǎng)站建設(shè) ?移動設(shè)備和PC終端的區(qū)別是什么?為什么企業(yè)需要單獨(dú)為移動設(shè)備建站呢?我們首先要來看看移動設(shè)備和PC終端的區(qū)別。 一、屏幕尺寸不同 手機(jī)屏幕不論是在長度還是寬度上,都較PC要更窄更短。所以在站點(diǎn)的頁面內(nèi)容、布局、文字大小...

  為什么要移動網(wǎng)上商城網(wǎng)站建設(shè)?移動設(shè)備和PC終端的區(qū)別是什么?為什么企業(yè)需要單獨(dú)為移動設(shè)備建站呢?我們首先要來看看移動設(shè)備和PC終端的區(qū)別。

 

  一、屏幕尺寸不同

 

  手機(jī)屏幕不論是在長度還是寬度上,都較PC要更窄更短。所以在站點(diǎn)的頁面內(nèi)容、布局、文字大小等都會與PC產(chǎn)生差異。

 

  二、網(wǎng)絡(luò)速度不同

 

  手機(jī)用戶大多是通過2.5G、3G網(wǎng)絡(luò)來上網(wǎng),網(wǎng)絡(luò)速度遠(yuǎn)低于大部分PC常用的有線網(wǎng)絡(luò)。所以網(wǎng)頁如果過大,加載時(shí)間就會越長,會增加網(wǎng)民訪問的跳出率。

 

  三、使用習(xí)慣不同

 

  現(xiàn)在智能機(jī)基本都是觸摸屏,頁面元素如按鈕、鏈接等需要大小適中,適合手指點(diǎn)擊。同時(shí)手機(jī)上也有一些特征有別于PC,比如電話直撥、地理位置定位等,都可以在手機(jī)上提供。

 

  四、支撐技術(shù)不同

 

  在PC上能夠使用的一些技術(shù),在移動設(shè)備上可能就無法支持。比如某些移動設(shè)備不支持flash,如果頁面使用了flash,用戶可能根本看不到任何內(nèi)容。而某些圖片格式在移動設(shè)備上支持不充分,所以盡量使用PNG,JPG等格式圖片。而某些移動設(shè)備瀏覽器對JS的支持不完全。其他的plug-in,frame等等在移動設(shè)備上支持也不完全。

  考慮移動設(shè)備和移動互聯(lián)網(wǎng)的特點(diǎn),在進(jìn)行移動網(wǎng)站的頁面開發(fā)設(shè)計(jì)時(shí),一個(gè)總的原則是考慮用戶

 

  訪問的效率。

 

  基本的設(shè)計(jì)原則:簡化頁面,避免過多的圖片、復(fù)雜的表達(dá)、動畫、視頻等。資源合并及壓縮:如將背景圖片、導(dǎo)航圖片等等作為一張圖片,這樣只需一次請求,而不是多次、靜態(tài)資源(CSS、Js、Image)懶加載、異步執(zhí)行inline腳本、避免重復(fù)的資源請求、縮小cooike、設(shè)置連接方式為keep-alive(Http1.1默認(rèn)開啟)、減少DNS查詢。移動端可見區(qū)域是有限的采用延遲加載方式、開啟服務(wù)器壓縮(gzip方式)

 

  用戶體驗(yàn)指南:

  一個(gè)標(biāo)準(zhǔn)的移動網(wǎng)上商城網(wǎng)站建設(shè)應(yīng)該包含首頁、列表頁和詳情頁三種類型,以滿足企業(yè)的推廣需求和用戶的認(rèn)知需要;頁面類型及層級建議不超過3個(gè),保證簡單、高效的用戶體驗(yàn)。

今日熱點(diǎn)

8月24日,騰訊教育正式發(fā)布了基于企業(yè)微信的私域流量運(yùn)營工具——企微管家,為教培機(jī)構(gòu)提供從引流獲客到客戶運(yùn)營的全鏈路服務(wù)。

最新推薦
產(chǎn)品推薦
  • 微分銷

    基于微信平臺,集結(jié)多樣營銷活動推廣功能,支持無限發(fā)展微信分店,快速建立分銷網(wǎng)絡(luò)...

    詳情
  • 移動云商城

    集微信商城、支付寶服務(wù)窗、手機(jī)觸屏版商城、app商城和PC獨(dú)立商城于一體完美融合...

    詳情