據市場研究公司 Juniper Research 稱,到 2013 年底,行動網絡多用户將達到 17 億。 在這種情況下,每個網站都希望與移動相容。最簡單的移動方式是在移動 WooCommerce 網站模板中調整您的網站。那麼在設計移動 WooCommerce 網站模板時要注意什麼呢?本文談談在手機 WooCommerce 獨立站網頁設計製作中,如何設計移動 WooCommerce 網站模板?
1. 熟悉相關的硬件和軟件
行動電話在作業系統,屏幕解析度,屏幕大小,多用户界面等方面不同。在構建移動 WooCommerce 網站模板之前,您需要決定要 WordPress 優化網站的平台。此決定取決於多用户的類型。如果特定模板用於商業目的。瀏覽器是另一個要考慮的標準。最後,記住目標手機多用户的常用屏幕大小和解析度。標準手機的常見解析度包括 101×80 畫素(許多索尼愛立信手機),128×128 畫素(一些三星手機)和 120×160 畫素(許多摩托羅拉手機)。智慧手機有更多的選擇。 iPhone 有一個 320×480 畫素的屏幕; HTC Touch Pro 具有 480×640 畫素的屏幕; Palm Pre 有一個 320×480 畫素的屏幕; 黑莓風暴有一個 360×480 畫素的屏幕; 和 HTC 金星有一個 800×480 畫素的屏幕。
2. 互動
在網站上,互動是保持網站活躍的關鍵方法之一。有各種各樣的鏈接,圖片,導致更多的信息和其他類型的與多用户的互動。然而,如果這在移動裝置上發生,則多用户可能會感到沮喪。這是因為手指比滑鼠指標的準確度低得多。因此,考慮在設計移動網站時減少互動性,除非它是一個線上遊戲的模板。跨飛獨立站,專業 WordPress 外貿獨立站網站建設、 WordPress 站羣網站優化、 logo 設計、品牌設計、印刷等產品服務,新上線企業 VI 設計套餐和 WordPress 站羣網站營銷推廣系統(強),歡迎新老顧客前來諮詢!
3. 影像使用
請確保您的移動模板的佈局不會使用太多圖片。 手機上的影像的功能遠遠小於像 PC 這樣大得多的屏幕。 它只使多用户進一步滾動以獲得相關信息。 標誌等都很好,但保留不必要的影像佈局。
4. 優化導航
確保您的模板包含一個便利的導航。 例如,讓手機上的網站只能以一種方式滾動,即水平或垂直滾動。 這是因為如果在所有方向啓用滾動,很容易發生錯誤。