隨著移動通信技術的飛速發展和通信終端的智能化,手機方便接入互聯網的優勢逐漸顯現。手機最終將成為人們聯系互聯網的最重要渠道之一。此外,許多以消費者為中心的企業已經意識到移動平臺的良好前景。即便如此,手機在購物中的使用也不再局限于目前廣泛的網站。歐洲零售巨頭樂購旗下的韓國連鎖超市Homeplus最近在韓國地鐵站推出了一家新的電子虛擬超市。在等待地鐵時,客戶可以像參觀實體店一樣查看他們銷售的產品,然后用手機掃描選定的產品并在線結算。超市會將購買的產品準時送貨上門
以下是移動網站設計中應注意的幾點:
布局
由于網頁本身和外部因素的影響,使用手機閱讀網頁可能是一件耗時的事情。所以請記住,讓您的廣州網站方便用戶。例如,將您希望手機用戶看到的所有最重要信息放在頁面頂部;盡量避免將導航放置在界面的左右兩側,因為為了便于閱讀,我們需要將頁面內容設計為一列。還應減少表格的使用。如果必須參與表,則不應超過2列,并避免行和列的集成。由于屏幕大小的限制,在許多情況下,不允許有壓倒性的菜單。菜單可能必須是垂直的,但如果每頁都要求用戶向下滾動菜單以清楚地看到所有內容,則可能會感到不舒服。因此,如果您的站點只有三個或更少的鏈接,您可以選擇一個始終在可視窗口中浮動的菜單。在這種情況下,它恰好是水平的。例如,在第一頁上應用導航,并在其他頁面頂部應用鏈接或面包屑以連接到第一頁
2.內容
由于用戶在閱讀您的網頁時可能正在行走,因此有必要確保網站上的信息易于瀏覽和閱讀,并且用戶可以快速識別和輕松找到他們需要的信息。需要確認移動界面上要顯示的內容,合理規劃菜單和文本,避免由此造成不合理的縮放變化。至于文本的布局,你可以使用標題來控制字體大小
3.編碼
在移動網站的實際制作中,對編碼應該沒有特殊的要求,因此應用XML或XHTML編碼很方便。您還可以使用最基本的HTML和CSS編碼。標題標簽、描述元標簽、標題標簽和文件名應使用目標關鍵字精心制作,以最大限度地提高小型優化內容的可用性
4.圖片
一般來說,手機加載的大部分圖片對他們來說都很重,所以在相關位置應用的圖片應該盡可能小。圖片應該是JPEG、GIF或PNG,因為這些圖片很輕。此外,請確保您的圖片已壓縮,以避免它們在頁面上變大。還值得一提的是,用戶經常會看到未打開的圖片。因此,最好始終應用alt文本,這是推薦的做法
5.頁面大小
網站建設應注意的七點" />
在指定移動網站的樣式時,請保持一切簡單,并嘗試查找小頁面。移動頁面的最大大小為20KB,因此請確保所有內容都滿足此要求。如果可能,頁面大小可以小于10KB。重要的是要知道,用戶在移動網絡上的數據費用是以千字節為單位收取的 6.網頁鏈接
一個好的移動網站設計應該有后退按鈕和鏈接。因為其他一些機器沒有返回的硬按鈕,我們應該嘗試為它們提供這樣的功能按鈕,以擺脫當前死角頁面。此外,請確保所有頁面都可以鏈接到其他頁面。即使原來是一頁電話內容,也可以添加呼叫類型連接功能。在移動網站上輸入文本非常困難。設計師需要為用戶提供方便的單選按鈕和列表,以便用戶可以根據自己的需要快速選擇。在移動設備上,一切都很小,鏈接也不例外。同時,您必須確保用戶可以輕松準確地單擊它。我們可以在鏈接上使用較大的字體,或者在鏈接周圍應用大面積的空白。選擇鏈接時,除了添加高低破折號和更改顏色外,最好更改其背景顏色(即使鏈接在一段中),以便于移動設備用戶確認他們單擊的鏈接內容
7.屏幕大小
每部手機都有不同大小的屏幕,有些手機有兩種轉換模式:縱向和橫向。所以你的站點不能固定像素寬度,應用百分比和EMS會更好。這種方法可以使您的網站適應各種屏幕大小。