對(duì)于建站公司來(lái)說，移動優先指的(de)是，優先吸引手機用(yòng)戶而不是PC用(yòng)戶，用(yòng)戶如果要接觸網站，優先推薦手機網站。
在移動優先的(de)背景下(xià)，大(dà)量的(de)用(yòng)戶會接觸手機網站。這(zhè)對(duì)手機網站設計提出了(le)一個(gè)新的(de)挑戰——手機網站要更加友好，即友好型手機網站。
如果讓手機網站對(duì)訪客更爲友好呢(ne)？方維網絡總結了(le)八個(gè)小貼士。
1、在所有的(de)移動設備上都能顯示
移動設備不光(guāng)有手機，還(hái)有平闆、不同浏覽器、大(dà)屏幕等等，雖然手機是主要移動設備，但是也(yě)不能略過其它移動設備。
在移動網站交付之前，需要進行測試。可(kě)以使用(yòng)如DesignModo、ZooExtension、StudioPress等響應式網站測試工具進行測試，确保在所有的(de)移動設備上，網站都能正常顯示。
2、手機網站方便交互
手機網站的(de)屏幕比較小，并且沒有實體鍵盤，所以，一些在PC上很容易完成的(de)操作，在手機上可(kě)能存在難度。
例如，表單填寫中的(de)日期填寫，在PC上可(kě)以直接使用(yòng)鍵盤輸入，但是在手機上就要避免這(zhè)種操作，可(kě)以通(tōng)過滾動、滑動的(de)方式選擇日期。總之，手機網站應該盡量減少用(yòng)戶使用(yòng)鍵盤。
3、單層的(de)導航深度設計
不少PC網站大(dà)導航設計深度都在兩層以上，甚至多(duō)大(dà)三級。但是手機網站應該避免這(zhè)樣的(de)設計。
一是手機去點擊更多(duō)的(de)層級，不太方便和(hé)精準。二是手機用(yòng)戶沒有PC網站用(yòng)戶的(de)耐心，他(tā)們不會去操作“三次”乃至更多(duō)，再找到自己需要的(de)信息。
所以，手機網站的(de)導航設計應該采用(yòng)“一鍵直達”的(de)設計思路，一個(gè)導航對(duì)應一個(gè)頁面。
4、随時(shí)可(kě)以返回主頁
因爲上面說了(le)，手機網站是單層深度設計，這(zhè)會對(duì)用(yòng)戶返回首頁造成一定的(de)困難。
例如，用(yòng)戶已經處于一個(gè)頁面，如果要返回主頁，需要連續操作手機的(de)返回鍵，這(zhè)顯然不太友好。
爲此，手機網站的(de)單頁面，應該設計有返回主頁的(de)按鈕，或者置頂的(de)按鈕，一鍵直達。特别是一些頁面較長(cháng)，更應該有這(zhè)樣的(de)設計。
5、搜索和(hé)填表是否容易
沒有人(rén)喜歡使用(yòng)一個(gè)虛拟的(de)小鍵盤輸入大(dà)量的(de)文字，也(yě)是因爲如此，手機語音(yīn)可(kě)以在手機上大(dà)放其彩。
而一些場(chǎng)景又是必須要使用(yòng)鍵盤輸入的(de)。例如表單的(de)輸入，此時(shí)，設計方面就需要進行轉化(huà)，将鍵盤輸入轉化(huà)爲滑動操作輸入，如上文提到了(le)日期滑動選擇。
還(hái)有一個(gè)辦法就是進行智能過濾和(hé)提醒，例如電商手機網站的(de)搜索輸入，隻需要輸入少量的(de)信息，就會跳出更多(duō)的(de)選項，用(yòng)戶隻需要選擇即可(kě)。
6、圖像的(de)縮放
手機網站的(de)圖像設計成爲縮放模式，這(zhè)是合适的(de)。因爲屏幕較小，一些用(yòng)戶希望能夠查驗圖片的(de)細節，而進行圖像的(de)放大(dà)。特别是電商手機網站設計，不少電商用(yòng)戶喜歡去看細節。
所以，網站設計師需要對(duì)圖像的(de)質量和(hé)圖像大(dà)小進行把握和(hé)平衡。
7、所有的(de)内容均可(kě)在移動設備上播放
某些類型的(de)内容，尤其是視頻(pín)，可(kě)能不能在所有移動設備上播放。例如，Flash不能在很多(duō)移動設備上運行。這(zhè)也(yě)适用(yòng)于不支持的(de)視頻(pín)格式。如果你的(de)内容不能播放，這(zhè)對(duì)于手機用(yòng)戶來(lái)說是非常令人(rén)沮喪的(de)，并且會破壞體驗。所以，對(duì)于所有音(yīn)頻(pín)和(hé)視頻(pín)内容，堅持使用(yòng)HTML5标簽可(kě)能是一個(gè)更好的(de)主意。
8、複雜(zá)任務的(de)可(kě)轉移
移動網站的(de)好處是随時(shí)可(kě)以訪問，但是一些複雜(zá)任務，用(yòng)戶希望在PC上完成，或者處于隐私的(de)考慮，不會在手機上使用(yòng)。所以手機網站需要滿足用(yòng)戶的(de)這(zhè)種需求。
例如，求職網站，用(yòng)戶的(de)浏覽信息的(de)時(shí)候，希望将職位信息發送到自己的(de)郵件，以便保存，手機網站的(de)頁面就應該有相應的(de)功能。總之，某些手機網站使用(yòng)場(chǎng)景中，應該方便讓訪客能夠将信息轉移到其他(tā)設備上。
