手機網頁製作 | 手機網站設計

2014 年底美國的Google 搜尋引擎的統計移動設備已經佔 51 百分比。隨著智慧型手機的普及，不少人都可以隨時隨地透過 Android 手機，iPhone手機, iPad, 平板電腦瀏覽網站、購物及尋找資訊。今時今日若要創建一間成功的網上商店，商店介面能切合手機螢幕尺寸顯示令客戶容易瀏覽亦是一個重要因素。一般的網站網店都可以在手機上瀏覽。只是傳統的網站設計時只考慮用戶是以 PC 瀏覽。當網店在手機上打開時由於屏幕的寬度較小，用戶需要不斷放大縮小畫面或左右移動瀏覽，做成不良的用戶體驗。不良的用戶體驗對網站來說意味訂單的流失。

網上商店 Apps

將網上商店伸延到 - 機來解決這個問題傳統的方法是為手機開發特定的應用程序，也就是我們俗稱的網上商店 Apps。度身訂造網上商店 Apps 除了利用網店數據庫外，Apps 排版跟網店可以完全沒有關係，這樣的做方固然有最大的彈性，但就涉及大量重複開發的工作。一旦 Apps 完成了，改變任何佈局意味著程式改變和重新開發的工作。此外，不同的主要移動設備操作系統，如 iPhone iOS，安卓 Android，Windows Mobile 等等要開發不同的 Apps。要做許多測試工作以確保不同版本的操作系統 (例如 iOS 5, iOS 6, iOS 7, Android 2.x, 4.x) 兼容性。工作量巨大而成本高。你可以到 Google Play 下載搜尋 Well Develop 然後下載我們的網上商店系統 Apps.

但你亦可找到不少網站例子提供下載手機程式，例如蘋果日報，WSJ, price.com.hk. 理由是用戶體驗，或者更確切的理由是錢。就是利用度手訂造的手機程式配合展示廣告來增加收入。例如手機程式可以做到當用戶每按三次閱讀新聞時彈出一個廣告。但對一般網店店主來說，廣告收入是不切實際。

響應性設計是最終的解決方案

解決將網上商店伸延到手機平板電腦最新的做法是採取響應性佈局 Responsive Layout。響應性佈局可因應手機的螢幕尺寸自動調整的網上商店，網上商店採用響應性佈局 (也就是我們稱的響應性模板/智能式模板) 當在手機平板電腦顯示時會自動調節其頁面佈局，以適應用戶的移動設備的寬度。

響應性設計具有以下幾個優點:

響應性設計第一個優點是 SEO Friendly。在響應性設計流行之前，網頁設計師會為網站創建不同的移動版本。例如訪問 www.abc.com 的移動訪客會被重定向到 m.abc.com。m.abc.com 是 www.abc.com 的移動版本。因此，流量將由2個不同的頁面分享。這種做法不利於搜尋引擎排名。響應性。在所有設備都是訪問相同的頁面，因此不會有流量分流這個問題。
嚮應性設計的另一個好處是更容易與社交媒體兼容。例如當手機用戶瀏覽閣下的網店時，看到一件非常適合某親友的商品，可以很輕易將該超連結通過社交媒體 (如：Wechat, Line, Whatsapp) 與人分享。因為分享瀏覽結連的機制差不多是今天所有移動瀏覽器的內建功能。反觀如果是一個度身訂造的網上商店 Apps 就不一定有這個分享機制，除非定制前先講清楚。
現在你即時意會嚮應性設計網店的另一好處就是減低維護成平。如上面例子當一個新社交媒體流行，由於 Apps 定制前沒有該社交媒體，現在要再開發或升級 Apps, 當然又要錢了。對嚮應性設計網店來說，很可能下一次瀏覽器更新就攪定。省錢省力。

要注意的是市埸上有一些基於舊式架構的綱上商店並不支援響應性佈局而是仍然採用舊式表格 Table 結構，當顯示屏寬度變小時會按比例縮小，但不一定能夠全部顯示表格內容，響應性佈局就不一樣，可以自動流動到下一行而儘量利益顯示屏寬度。

這就是我們下面 HK7,990 的解決方案。

高階手機版*的價格於2015年4月1日生效
手機版用戶可按此下載最新價格表