陳經(jīng)理
宮經(jīng)理
隨著(zhù)移動(dòng)通信技術(shù)的快速發(fā)展和通信終端的智能化,手機上網(wǎng)方便的優(yōu)勢逐漸顯現,手機最終將成為人們接觸互聯(lián)網(wǎng)的最重要渠道之一。許多以消費者為中心的企業(yè)已經(jīng)意識到移動(dòng)平臺的良好前景。手機在購物中的使用不再局限于目前廣泛的網(wǎng)站情況。等地鐵的時(shí)候,顧客可以像逛實(shí)體店一樣看自己賣(mài)的產(chǎn)品,然后用手機掃描選中的產(chǎn)品,在網(wǎng)上結算,超市會(huì )準時(shí)把購買(mǎi)的產(chǎn)品送到他們家。以下是移動(dòng)網(wǎng)頁(yè)設計中需要注意的幾點(diǎn):
一、布局
由于網(wǎng)頁(yè)本身和外界因素的影響,用手機閱讀網(wǎng)頁(yè)可能是一件很費時(shí)間的事情。所以需要讓你的移動(dòng)網(wǎng)站設計得方便用戶(hù)。比如,把你希望手機用戶(hù)看到的所有最重要的信息放在頁(yè)面頂端;盡量避免把導航放在界面的左右兩邊,因為為了方便閱讀,我們需要把頁(yè)面內容設計成單列的情況,表格的應用也應減少。由于屏幕尺寸的限制,很多情況下不允許出現鋪天蓋地的菜單。菜單可能不得不采用垂直方式,但如果每一頁(yè)都要求用戶(hù)向下滾動(dòng)菜單,將所有內容看得一清二楚,可能會(huì )很不舒服。因此,如果您的網(wǎng)站只有三個(gè)或更少的鏈接,您可以選擇總是浮動(dòng)在可視窗口中的菜單。在這種情況下,它恰好是水平的。
二、內容
因為用戶(hù)在閱讀您的網(wǎng)頁(yè)時(shí)可能正在行走,所以需要確保網(wǎng)站上的信息易于瀏覽和閱讀,并且用戶(hù)可以快速識別并輕松找到所需的信息。需要確認移動(dòng)界面要顯示的內容,合理規劃菜單和文字,避免由此導致的不合理縮放變化。至于文字的布局,可以用標題來(lái)掌握字體大小。
三、編碼
在移動(dòng)端網(wǎng)站建設的實(shí)際制造中對編碼應該沒(méi)有什么特殊要求,所以應用XML或者XHTML編碼比較方便。也可以用最基礎的HTML和CSS編碼。標題標簽、描述元標簽、標題標簽和文件名應該用目的關(guān)鍵詞仔細制作,以最大限度地提高小型優(yōu)化內容的可用性。
四、圖片
一般情況下,手機加載的大部分圖片對他們來(lái)說(shuō)都很重,所以相關(guān)地方應用的圖片要盡量小。而且圖片應該是JPEG,GIF或者PNG,因為這些圖片很輕。此外,確保您的圖片被壓縮,以避免圖片在頁(yè)面上變大。還值得一提的是,用戶(hù)經(jīng)常會(huì )看未開(kāi)封的圖片。因此,最好始終應用alt文本,這是推薦的做法。
五、頁(yè)面大小
在指定一個(gè)移動(dòng)網(wǎng)站的風(fēng)格時(shí),要做到一切簡(jiǎn)潔,盡量找小頁(yè)面。移動(dòng)頁(yè)面的最大容量是20KB,所以盡量保證一切都符合這個(gè)要求。如果可能,頁(yè)面大小可以小于10KB。重要的是要知道用戶(hù)在移動(dòng)網(wǎng)絡(luò )上的數據費用是以千字節為單位收取的。
六、網(wǎng)頁(yè)鏈接
一個(gè)好的手機網(wǎng)站設計應該有后退按鈕和鏈接。因為其他一些機器沒(méi)有返回的硬按鈕,所以我們應該嘗試為它們提供這樣的功能按鈕,以擺脫當前的死角頁(yè)面。另外,確保所有頁(yè)面都可以鏈接到其他頁(yè)面。即使原來(lái)是一頁(yè)電話(huà)內容,也可以加入呼叫式銜接的功能。在移動(dòng)網(wǎng)站上輸入文本相當困難,設計師需要為用戶(hù)提供方便的單選按鈕和列表,讓用戶(hù)可以根據自己的需求快速選擇。在移動(dòng)設備上,一切都會(huì )小,鏈接也不例外。同時(shí),您必須確保用戶(hù)可以輕松、準確地點(diǎn)擊它。我們可以在鏈接上使用更大的字體,或者在它們周?chē)鷳么竺娣e的空白。當選擇一個(gè)鏈接時(shí),除了添加高低破折號和改變顏色之外,最好改變其背景顏色(即使鏈接在一個(gè)片段中),以方便移動(dòng)設備用戶(hù)確認所點(diǎn)擊鏈接的內容。
七、屏幕尺寸
每個(gè)手機都有不同尺寸的屏幕,有的手機有人像和風(fēng)景兩種轉換方式。所以你的網(wǎng)站不能固定像素寬度,應用百分比和EMS會(huì )更好。這種方法可以讓你的網(wǎng)站適應各種屏幕尺寸。
當前文章鏈接:http://www.liuguocheng.com/showinfo-77-529-0.html