優(yōu)惠活動 - 12周年慶本月新客福利
優(yōu)惠活動 - 12周年慶本月新客福利
優(yōu)惠活動 - 12周年慶本月新客福利

移動web設(shè)計:要點和實踐

日期 : 2021-11-06 17:17:17

     相關(guān)數(shù)據(jù)顯示,20009年美國有超過6 300萬人通過移動終端沒備訪問互聯(lián)園,而到2013年,全世界范圍內(nèi)的移動網(wǎng)絡(luò)用戶人數(shù)將超過17億。比起這些為字,如今的當(dāng)務(wù)之急是Web設(shè)計師和Web開發(fā)者要學(xué)習(xí)最先進的方法,來進行移動Web的設(shè)計與開發(fā)。在通常情況下,你不需要去學(xué)習(xí)任何移動設(shè)計與開發(fā)的最新專業(yè)知識,但是你要去摸索一種全 新的網(wǎng)站設(shè)計方式,一-種比標(biāo)準(zhǔn) 瀏覽器的設(shè)計更具有限制性的新方法。. 通過圍繞移動設(shè)計所出現(xiàn)的問題展開工作,你需要有一種具有創(chuàng)造性的解決問題的方法,你會發(fā)現(xiàn)注重用戶友好度在你建立標(biāo)準(zhǔn)網(wǎng)站時是非常有用的。
  1. 盡快使自己熟悉硬件設(shè)施相關(guān)的操作軟件
涉及操作系統(tǒng)的時候,手機和移動終端設(shè)備的差別還是很大的,比如屏幕尺寸屏幕分辨率還有用戶界面。為了能夠更好地了解哪些平臺能幫你把網(wǎng)站優(yōu)化到最好,深入了解不同的硬件和操作軟件對你來說非常必要。在平時使用中最常見的操作系統(tǒng)有WindowsMobile系統(tǒng)、iPhone的ioS系統(tǒng)、Palm 0s、linux 移動操作系統(tǒng)、Symbian 系統(tǒng)、黑莓操作系統(tǒng)和安卓系統(tǒng)(該系統(tǒng)的發(fā)展很大程度上得益于近期威瑞森和谷歌的交易)。當(dāng)然市場上還存在許多為特定的手機而制作的專有操作系統(tǒng),例如我們知道的部分威森瑞的手機和其他特定品牌的手機。根據(jù)你要建立的網(wǎng)站所瞄準(zhǔn)的目標(biāo)用戶類型,你能大致地估計、確定哪個操作系統(tǒng)才是用戶最有可能使用的。如果你的目標(biāo)用戶大多數(shù)都是商務(wù)人士,你最需要做的就是為那些使用Windows Mobile系統(tǒng)和黑莓系統(tǒng)的手機用戶優(yōu)化改良你的網(wǎng)站。如果你的目標(biāo)用戶是更年輕、更時尚、更青睞成熟技術(shù)的用戶,那么你就要優(yōu)化你的網(wǎng)站以使其能夠更適用于安卓系統(tǒng)和蘋果IOS系統(tǒng)??傊疅o論如何,你要確保你的移動互聯(lián)網(wǎng)網(wǎng)站能夠適用于市場份額最大或者市場場景廣闊的那個操作平臺。
另一個需要著重考慮的因素是移動Web瀏覽器。-些較為常見的手機瀏覽器包括用于iPhone的Safari瀏覽器、安卓系統(tǒng)瀏覽器、Opera 移動瀏覽器、Webos瀏覽器(用于Palm設(shè)備)、黑莓系統(tǒng)瀏覽器和IE移動瀏覽器(運用于Windows系統(tǒng)手機設(shè)備)。當(dāng)然還有很多其他的運用于諾基亞手機或其他品牌手機的瀏覽器。其中有一些瀏覽器是基于專有代碼編寫而成的,其他的瀏覽器有的基于開源搜索引擎WebKit(安卓瀏覽器、iPhone的Safari瀏覽器), 有的基于Gecko代碼(例如Firefox瀏覽器針對移動電話和非個人計算機設(shè)備推出的Fennec版本瀏覽器)或其他的公用平臺。.
最后你需要考慮的是,網(wǎng)站的目標(biāo)用戶最常用的屏幕尺寸和屏幕分辨率。你的網(wǎng)站最好能夠最大范圍地顯示在目標(biāo)用戶所使用的移動設(shè)備上。
  1. 簡明很重要
一般情況下, 你所設(shè)計的移動互聯(lián)網(wǎng)網(wǎng)站應(yīng)該比你預(yù)想的方案更加簡明。只有一種情況你可以不用再簡化你的網(wǎng)站一那就是你所設(shè)計的方案已經(jīng)是最簡化的。通常去掉網(wǎng)站中的圖形元素是優(yōu)化移動設(shè)備網(wǎng)頁顯示效果的有效方法。不僅要從網(wǎng)站設(shè)計上尋找簡化方法,網(wǎng)站功能的設(shè)置也是同樣的道理。這可能意味著你將要重做網(wǎng)站菜單、去掉多余的圖片、打亂多個頁面文本或者用其他的方法給你的網(wǎng)站進行功能設(shè)置和頁面布局。
  1. 使用有效標(biāo)記
考慮到網(wǎng)站用戶可能通過各種不同的操作系統(tǒng)和瀏覽器來訪問你的網(wǎng)站,標(biāo)準(zhǔn)頁面的設(shè)計變得格外重要。通常情況下,標(biāo)準(zhǔn)瀏覽器對一些不良源代碼有很好的兼容性,但是對于移動瀏覽器來說,情況并沒有說的這么樂觀。在建立移動網(wǎng)站時,-定要確保代碼有效,并盡可能使其清晰簡明。
  1. 為用戶提供訪問標(biāo)準(zhǔn)網(wǎng)站的選項
由于網(wǎng)站訪客所使用的設(shè)備不盡相同,部分用戶可能只想訪問無差異的標(biāo)準(zhǔn)化網(wǎng)站。尤其是市場上出現(xiàn)越來越多的iPhone和性能更卓越的智能手機,而且iPhone的完美運行也證實了標(biāo)準(zhǔn)網(wǎng)站的應(yīng)用是完全沒有問題,的。即使你把標(biāo)準(zhǔn)頁面鏈接放在網(wǎng)頁頁腳(這也是我們經(jīng)常習(xí)慣性去尋找的標(biāo)準(zhǔn)頁面鏈接的地方),我們?nèi)匀灰獮橐苿佑脩籼峁g覽標(biāo)準(zhǔn)頁面的選項。另外,你也可以為用戶設(shè)置不用他們使用“后退鍵"就能返回移動網(wǎng)站頁面的選項。
  1. 使用單獨的手機主題
優(yōu)化主網(wǎng)站對于手機使用來說有時候是可以的,- -般情況下移動終端設(shè)備可用通過修改CSS來完成CMS,這樣還能更簡單地使用獨立的手機主題。一個專有的手機主題意味著你能夠真切地考慮和體會用戶會如何看待和理解你的網(wǎng)站,從而你可以根據(jù)這些見解為他們進行細(xì)致的功能優(yōu)化。有的網(wǎng)站會為所有的常規(guī)手機用戶設(shè)計-套優(yōu)化方案,再專門為iPhone手機用戶設(shè)計另-套優(yōu)化方案。
  1. 優(yōu)化網(wǎng)站導(dǎo)航
現(xiàn)在許多移動終端設(shè)備都采用觸屏操作界面,這點在進行網(wǎng)頁開發(fā)的時候要時刻牢記。這意味著在設(shè)計時指尖觸動鏈接的可點擊區(qū)域要大-點,點擊按鈕要大一點,鏈接指尖的空隙要留得開一點??偸屈c擊又小又不明顯的鏈接是很難受的,而且每次點擊某鏈接都要通過放大頁面來完成操作也不是一-個好的解決辦法。為了改善這些頁面導(dǎo)航所存在的問題,許多網(wǎng)站都使用了一-種專門為觸屏手機或沒有鼠標(biāo)接入的移動設(shè)備開發(fā)的完全獨立的移動設(shè)備導(dǎo)航。
  1. 不要依賴Flash和Javascript
首先你要明白,并不是所有的手機和移動終端設(shè)備都支持Flash 和Java-Script。即使設(shè)備支持這些插件,也不能保證它們都是最新版本。如果你的用戶使用的是iPhone,那么你就不用考慮Flash了。同時你要確定你所創(chuàng)建的移動網(wǎng)站所有重要的信息和功能都能在(X)HTML/CSS上運行和讀取。否則你將要面臨大部分用戶無法訪問網(wǎng)站主要內(nèi)容的巨大風(fēng)險。.
  1. 讓你的標(biāo)準(zhǔn)網(wǎng)站擁有更多實用內(nèi)容
回想一下,過去有多少次在你通過手機訪問你最喜歡的網(wǎng)站時,發(fā)現(xiàn)不能瀏覽你最想看的內(nèi)容?其實這樣的事情一直在發(fā)生。 還包括移動互聯(lián)網(wǎng)上那些沒有經(jīng)過任何優(yōu)化和改良的、總是充斥著大量內(nèi)容的原始網(wǎng)站。除了要讓其. 能夠順利被用戶訪問,還要確保它的導(dǎo)航和鏈接保持相對不變的位置。
  1. 確保重定向工作順利進行
不要只是簡單地把手機用戶鏈接到網(wǎng)站的主頁上。在使用移動設(shè)備時,沒有什么比通過點擊某鏈接、從搜索引擎中自己找或者從別的網(wǎng)站重新返回主頁更煩人了。如果你所設(shè)計的網(wǎng)站能夠自動識別該用戶是否使用移動瀏覽器訪問網(wǎng)站,并且為用戶羅列出他可能會瀏覽的鏈接,他們才會樂于使用,否則他們可能會不耐煩地離開而且再也不會來訪問你的網(wǎng)站了。

相關(guān)文章