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

移動(dòng)web設(shè)計(jì):要點(diǎn)和實(shí)踐

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

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

相關(guān)文章