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