移動(dòng)優(yōu)先設(shè)計(jì)不僅僅是成都小程序開(kāi)發(fā)界的一種趨勢(shì)。它變得如此重要，因?yàn)樗鉀Q了現(xiàn)有網(wǎng)頁(yè)的基本問(wèn)題，包括設(shè)計(jì)用于在大型顯示器上查看的桌面網(wǎng)站。
事實(shí)上，通過(guò)移動(dòng)設(shè)備查看內(nèi)容的互聯(lián)網(wǎng)用戶比以往任何時(shí)候都多。根據(jù)百度的說(shuō)法，百度已經(jīng)開(kāi)始使用移動(dòng)網(wǎng)站作為其搜索結(jié)果的排名因素。
本文將介紹您需要了解的內(nèi)容，以便在第一時(shí)間獲得正確的移動(dòng)優(yōu)先設(shè)計(jì)。
在我們討論如何創(chuàng)建和應(yīng)用移動(dòng)優(yōu)先設(shè)計(jì)之前，讓我們先討論一下您是否應(yīng)該首先考慮它。正如我們之前提到的，最近的統(tǒng)計(jì)數(shù)據(jù)表明，更多的人會(huì)通過(guò)手機(jī)訪問(wèn)網(wǎng)站——桌面不再是王道。但有些人認(rèn)為，為移動(dòng)設(shè)備設(shè)計(jì)網(wǎng)站只會(huì)浪費(fèi)時(shí)間和金錢，而不會(huì)為用戶提供任何真正的價(jià)值。以下是您不應(yīng)該著急的兩個(gè)潛在原因：
桌面用戶是少數(shù)，但他們并非不存在。如果您的網(wǎng)站首先是為桌面用戶設(shè)計(jì)的，那么您就忽略了大多數(shù)受眾。如果有人從不是他們?yōu)g覽 Internet 的主要方式的設(shè)備訪問(wèn)您的網(wǎng)站，他們可能需要做一些額外的工作（如捏合和縮放）才能以他們舒適的方式查看您的內(nèi)容。
這個(gè)原因與最后一個(gè)原因密切相關(guān)。如果移動(dòng)設(shè)備不是您網(wǎng)站的主要優(yōu)先事項(xiàng)，那么為什么要付出所有額外的努力？您可以在移動(dòng)網(wǎng)站上花費(fèi)更少的精力，因?yàn)樗蝗缱烂婢W(wǎng)站重要。
但即使這些理由有一定的道理，它們并不能說(shuō)明全部情況。移動(dòng)優(yōu)先設(shè)計(jì)不應(yīng)被視為桌面設(shè)計(jì)的替代品；它應(yīng)該被視為增強(qiáng)整體用戶體驗(yàn)的附加功能。如果做得正確，它可以為您的用戶提供真正的價(jià)值。
讓我們來(lái)看看其中的一些好處。
移動(dòng)設(shè)備的最大問(wèn)題之一是它們的屏幕通常太小而無(wú)法一次顯示頁(yè)面上的所有內(nèi)容。這可能會(huì)導(dǎo)致大量水平滾動(dòng)，這對(duì)用戶來(lái)說(shuō)很不方便，對(duì)您網(wǎng)站的 SEO 也不利。移動(dòng)優(yōu)先設(shè)計(jì)通過(guò)優(yōu)先處理最重要的內(nèi)容并將其余內(nèi)容隱藏在菜單或圖標(biāo)后面來(lái)解決這個(gè)問(wèn)題。這使用戶可以專注于重要的事情，而無(wú)需滾動(dòng)瀏覽一堆額外的文本和圖像。
移動(dòng)設(shè)備的 Internet 連接速度通常比臺(tái)式機(jī)慢，因此確保您的頁(yè)面盡快加載非常重要。移動(dòng)優(yōu)先設(shè)計(jì)通過(guò)最小化加載以查看內(nèi)容的數(shù)據(jù)量來(lái)做到這一點(diǎn)。您可以通過(guò)首先關(guān)注基本要素來(lái)避免將不必要的圖像和腳本弄亂您的頁(yè)面。
為移動(dòng)設(shè)備設(shè)計(jì)可能是一項(xiàng)挑戰(zhàn)，尤其是當(dāng)您的網(wǎng)站有很多不同的頁(yè)面和部分時(shí)。確保每個(gè)頁(yè)面在手機(jī)上查看時(shí)都看起來(lái)不錯(cuò)并不容易，因此開(kāi)發(fā)人員必須為手機(jī)和桌面瀏覽器創(chuàng)建單獨(dú)的界面是很常見(jiàn)的。移動(dòng)優(yōu)先設(shè)計(jì)通過(guò)使所有界面元素具有響應(yīng)性來(lái)解決這個(gè)問(wèn)題——這意味著它們將根據(jù)用于訪問(wèn)它們的設(shè)備類型來(lái)改變它們的大小。
移動(dòng)應(yīng)用程序開(kāi)發(fā)的主要目標(biāo)之一是創(chuàng)建易于使用的界面，但網(wǎng)站并非總是如此。由于您只有一次機(jī)會(huì)讓某人點(diǎn)擊您的鏈接，因此網(wǎng)站設(shè)計(jì)師會(huì)盡力在他們的頁(yè)面上填充盡可能多的信息，從而導(dǎo)致?lián)頂D的布局更煩人而不是有用。移動(dòng)優(yōu)先設(shè)計(jì)通過(guò)關(guān)注基本要素和整理頁(yè)面來(lái)解決這個(gè)問(wèn)題。消除不必要的元素可以讓訪問(wèn)者更輕松地專注于重要內(nèi)容并快速瀏覽您的網(wǎng)站，從而提高參與度和轉(zhuǎn)化率。
多年來(lái)，網(wǎng)頁(yè)設(shè)計(jì)師創(chuàng)建的桌面網(wǎng)站在移動(dòng)設(shè)備上查看時(shí)并不總是能正常工作。谷歌曾表示，所有網(wǎng)站流量的一半來(lái)自手機(jī)。但是，由于智能手機(jī)在過(guò)去十年左右的普及，我們已經(jīng)到了為一個(gè)或另一個(gè)設(shè)計(jì)不再是一種選擇的地步。
這就是移動(dòng)優(yōu)先設(shè)計(jì)的用武之地。移動(dòng)優(yōu)先設(shè)計(jì)不是先為桌面設(shè)計(jì)，然后再針對(duì)移動(dòng)設(shè)備進(jìn)行調(diào)整，而是假設(shè)所有用戶都將在手機(jī)或平板電腦上查看網(wǎng)站。對(duì)于一些設(shè)計(jì)師來(lái)說(shuō)，這可能是一個(gè)艱難的轉(zhuǎn)變，但重要的是要記住移動(dòng)網(wǎng)絡(luò)現(xiàn)在已經(jīng)成為現(xiàn)實(shí)，忽視它只會(huì)導(dǎo)致流量減少和銷售損失。
第一步是創(chuàng)建一個(gè)樣式指南，作為您網(wǎng)站的藍(lán)圖。本指南應(yīng)包括將在您身上使用的所有不同元素及其相應(yīng)的尺寸和間距。完成后，您可以開(kāi)始構(gòu)建網(wǎng)站上的每個(gè)頁(yè)面，優(yōu)先考慮內(nèi)容并淡化任何不必要的內(nèi)容。
這種策略最初需要一些額外的時(shí)間，但從長(zhǎng)遠(yuǎn)來(lái)看，這是值得的。成都小程序開(kāi)發(fā)的移動(dòng)優(yōu)先的設(shè)計(jì)不僅可以讓所有用戶更容易訪問(wèn)您的頁(yè)面，而且還可以通過(guò)準(zhǔn)確地為訪問(wèn)者提供他們需要的東西而不會(huì)造成任何不必要的干擾，從而幫助提高轉(zhuǎn)化率和增加回報(bào)。
