但你想想看,問題在于并不是所有移動設備都支持CSS3,所以你得求助于服務器設備偵查或者JavaScript(例如調整DOM來改變頁面布局)。不過問題又來了,有些設備又不支持這些技術!
依據(jù)窗口來決定布局大小,或許只需幾行CSS3。
NO2:將移動用戶轉向手機版網(wǎng)站
移動設計呈現(xiàn)的另一種方式就是專門針對手持設備而優(yōu)化的布局,你可以利用Mobify等網(wǎng)絡服務來做到這點。
與第一種方法相比(采用支持移動設備的網(wǎng)頁設計),這種呈現(xiàn)格式更加優(yōu)秀,因為體驗設計是專門針對移動用戶的,不考慮桌面用戶。
這種情況下,你的流量取決于用戶的瀏覽器代理。例如,如果一個移動設備用戶訪問你的網(wǎng)站(yousitename.com),然后他們會比自動轉向至mobile.yoursitename.com或者m.yoursitesname.com等之類的。
獨立的手機網(wǎng)站會獲得那些喜歡更快的速度的用戶所帶來的流量。
NO3:用戶引導要點
無論你使用何種方式,下面兩點是很重要的:
訪問者知道你的手機版網(wǎng)站是可以登錄的。
訪問者可以選擇是登陸手機版網(wǎng)站還是普通版網(wǎng)站(譯者:就是PC版網(wǎng)站)。
雖然強行為用戶轉向或者改變布局聽起來似乎是個好主意,但是結果往往會令人沮喪,所以最好還是讓用戶可以選擇。
簡單的技巧就是有這兩個版本的網(wǎng)站的鏈接。例如,Six Revisions,你會發(fā)現(xiàn)在該網(wǎng)站的地段會有手機版網(wǎng)站的鏈接(m.sixrevisions.com),這樣無論是手機用戶還是電腦用戶都有了選擇。
出處:視覺同盟
責任編輯:bluehearts
上一頁 5大移動網(wǎng)頁設計之最佳實踐 [1] 下一頁 5大移動網(wǎng)頁設計之最佳實踐 [3]
|