對于建站公司來說,移動優(yōu)先指的是,優(yōu)先吸引手機(jī)用戶而不是PC用戶,用戶如果要接觸網(wǎng)站,優(yōu)先推薦手機(jī)網(wǎng)站。
在移動優(yōu)先的背景下,大量的用戶會接觸手機(jī)網(wǎng)站。這對手機(jī)網(wǎng)站設(shè)計提出了一個新的挑戰(zhàn)——手機(jī)網(wǎng)站要更加友好,即友好型手機(jī)網(wǎng)站。
如果讓手機(jī)網(wǎng)站對訪客更為友好呢?方維網(wǎng)絡(luò)總結(jié)了八個小貼士。
1、在所有的移動設(shè)備上都能顯示
移動設(shè)備不光有手機(jī),還有平板、不同瀏覽器、大屏幕等等,雖然手機(jī)是主要移動設(shè)備,但是也不能略過其它移動設(shè)備。
在移動網(wǎng)站交付之前,需要進(jìn)行測試。可以使用如DesignModo、ZooExtension、StudioPress等響應(yīng)式網(wǎng)站測試工具進(jìn)行測試,確保在所有的移動設(shè)備上,網(wǎng)站都能正常顯示。
2、手機(jī)網(wǎng)站方便交互
手機(jī)網(wǎng)站的屏幕比較小,并且沒有實體鍵盤,所以,一些在PC上很容易完成的操作,在手機(jī)上可能存在難度。
例如,表單填寫中的日期填寫,在PC上可以直接使用鍵盤輸入,但是在手機(jī)上就要避免這種操作,可以通過滾動、滑動的方式選擇日期。總之,手機(jī)網(wǎng)站應(yīng)該盡量減少用戶使用鍵盤。
3、單層的導(dǎo)航深度設(shè)計
不少PC網(wǎng)站大導(dǎo)航設(shè)計深度都在兩層以上,甚至多大三級。但是手機(jī)網(wǎng)站應(yīng)該避免這樣的設(shè)計。
一是手機(jī)去點擊更多的層級,不太方便和精準(zhǔn)。二是手機(jī)用戶沒有PC網(wǎng)站用戶的耐心,他們不會去操作“三次”乃至更多,再找到自己需要的信息。
所以,手機(jī)網(wǎng)站的導(dǎo)航設(shè)計應(yīng)該采用“一鍵直達(dá)”的設(shè)計思路,一個導(dǎo)航對應(yīng)一個頁面。
4、隨時可以返回主頁
因為上面說了,手機(jī)網(wǎng)站是單層深度設(shè)計,這會對用戶返回首頁造成一定的困難。
例如,用戶已經(jīng)處于一個頁面,如果要返回主頁,需要連續(xù)操作手機(jī)的返回鍵,這顯然不太友好。
為此,手機(jī)網(wǎng)站的單頁面,應(yīng)該設(shè)計有返回主頁的按鈕,或者置頂?shù)陌粹o,一鍵直達(dá)。特別是一些頁面較長,更應(yīng)該有這樣的設(shè)計。
5、搜索和填表是否容易
沒有人喜歡使用一個虛擬的小鍵盤輸入大量的文字,也是因為如此,手機(jī)語音可以在手機(jī)上大放其彩。
而一些場景又是必須要使用鍵盤輸入的。例如表單的輸入,此時,設(shè)計方面就需要進(jìn)行轉(zhuǎn)化,將鍵盤輸入轉(zhuǎn)化為滑動操作輸入,如上文提到了日期滑動選擇。
還有一個辦法就是進(jìn)行智能過濾和提醒,例如電商手機(jī)網(wǎng)站的搜索輸入,只需要輸入少量的信息,就會跳出更多的選項,用戶只需要選擇即可。
6、圖像的縮放
手機(jī)網(wǎng)站的圖像設(shè)計成為縮放模式,這是合適的。因為屏幕較小,一些用戶希望能夠查驗圖片的細(xì)節(jié),而進(jìn)行圖像的放大。特別是電商手機(jī)網(wǎng)站設(shè)計,不少電商用戶喜歡去看細(xì)節(jié)。
所以,網(wǎng)站設(shè)計師需要對圖像的質(zhì)量和圖像大小進(jìn)行把握和平衡。
7、所有的內(nèi)容均可在移動設(shè)備上播放
某些類型的內(nèi)容,尤其是視頻,可能不能在所有移動設(shè)備上播放。例如,F(xiàn)lash不能在很多移動設(shè)備上運行。這也適用于不支持的視頻格式。如果你的內(nèi)容不能播放,這對于手機(jī)用戶來說是非常令人沮喪的,并且會破壞體驗。所以,對于所有音頻和視頻內(nèi)容,堅持使用HTML5標(biāo)簽可能是一個更好的主意。
8、復(fù)雜任務(wù)的可轉(zhuǎn)移
移動網(wǎng)站的好處是隨時可以訪問,但是一些復(fù)雜任務(wù),用戶希望在PC上完成,或者處于隱私的考慮,不會在手機(jī)上使用。所以手機(jī)網(wǎng)站需要滿足用戶的這種需求。
例如,求職網(wǎng)站,用戶的瀏覽信息的時候,希望將職位信息發(fā)送到自己的郵件,以便保存,手機(jī)網(wǎng)站的頁面就應(yīng)該有相應(yīng)的功能。總之,某些手機(jī)網(wǎng)站使用場景中,應(yīng)該方便讓訪客能夠?qū)⑿畔⑥D(zhuǎn)移到其他設(shè)備上。
如沒特殊注明,文章均為方維網(wǎng)絡(luò)原創(chuàng),轉(zhuǎn)載請注明來自http://m.oulysa.com/news/4993.html