到目前為止，我們大多數(shù)人都知道在移動(dòng)設(shè)備上瀏覽網(wǎng)站的體驗(yàn)與在桌面上瀏覽網(wǎng)站的體驗(yàn)非常不同。屏幕方向不同，我們使用拇指而不是鼠標(biāo)或觸控板，某些任務(wù)更加困難或繁瑣。這就是為什么網(wǎng)站設(shè)計(jì)滿足移動(dòng)用戶需求的網(wǎng)站體驗(yàn)非常重要的原因。以下是您的網(wǎng)站的三個(gè)關(guān)鍵組件，需要在移動(dòng)設(shè)備和桌面設(shè)備上進(jìn)行區(qū)分。

1.內(nèi)容組織

移動(dòng)設(shè)計(jì)最復(fù)雜的要素之一是如何組織內(nèi)容的問題。移動(dòng)用戶的需求可能與桌面用戶的需求不同?；蛘咚麄兊男枨罂赡芟嗤ɑ蝾愃疲┑麄兊臑g覽行為將根據(jù)他們使用的設(shè)備而改變。在設(shè)計(jì)移動(dòng)設(shè)備時(shí)，首要任務(wù)是組織網(wǎng)站內(nèi)容以滿足移動(dòng)用戶的需求。內(nèi)容應(yīng)垂直堆疊，以適應(yīng)移動(dòng)設(shè)備的窄寬度。桌面設(shè)備具有縱向方向，因此內(nèi)容可以在屏幕上伸展，并且通常多個(gè)消息或圖像可以在如此寬的空間中舒適地生活。移動(dòng)設(shè)備通常以縱向方式使用（較小的屏幕意味著即使在橫向模式下，水平空間也是有限的）。

當(dāng)在移動(dòng)設(shè)備上觀看時(shí)，眼鏡零售商Warby Parker將內(nèi)容從水平對(duì)齊重新排列為垂直。要考慮的另一件事是要優(yōu)先考慮的內(nèi)容。您的移動(dòng)用戶的需求是否不同？如果是這樣，那么值得考慮以優(yōu)先考慮這些用戶需求的方式設(shè)計(jì)移動(dòng)設(shè)備，而不是簡(jiǎn)單地從桌面網(wǎng)站復(fù)制，而桌面網(wǎng)站最有可能是為桌面用戶設(shè)計(jì)的。

在移動(dòng)網(wǎng)站設(shè)計(jì)的早期，當(dāng)我們的手機(jī)不那么復(fù)雜并且我們不太習(xí)慣使用它們來執(zhí)行更復(fù)雜的活動(dòng)時(shí)，通常會(huì)刪除網(wǎng)站的大部分或大部分內(nèi)容并使用準(zhǔn)系統(tǒng)啟動(dòng)移動(dòng)網(wǎng)站移動(dòng)用戶想要了解的內(nèi)容。此外，移動(dòng)設(shè)備是許多人的唯一或主要設(shè)備，因此完全可操作的移動(dòng)網(wǎng)站可能是接觸部分用戶的唯一途徑。 

2.表格填寫

作為營(yíng)銷人員，我們花費(fèi)大量精力優(yōu)化我們的網(wǎng)絡(luò)表單以實(shí)現(xiàn)最大程度的轉(zhuǎn)換。設(shè)計(jì)糟糕的形式可以保證成為轉(zhuǎn)換殺手。當(dāng)然，在移動(dòng)設(shè)備上也是如此。表格需要專門設(shè)計(jì)，以便移動(dòng)用戶輕松填寫表格。

整個(gè)垂直對(duì)齊的，它也適用于表格。原理是相同的 - 移動(dòng)用戶水平來回滾動(dòng)以完成表單是困難和乏味的。為了使移動(dòng)瀏覽器的表單填充過程盡可能簡(jiǎn)單，請(qǐng)確保表單字段垂直對(duì)齊。

因?yàn)樵谝苿?dòng)設(shè)備上填寫表單通常非常繁瑣，所以您希望通過減少字段數(shù)量來盡可能簡(jiǎn)化。要完成此操作，您應(yīng)該只詢問用戶完成交易所必需的信息。獲得有關(guān)用戶的其他信息可能對(duì)您的公司來說很方便，但不應(yīng)以轉(zhuǎn)換為代價(jià)。

3.菜單

菜單格式絕對(duì)是桌面和移動(dòng)設(shè)備之間差異的關(guān)鍵區(qū)域。在桌面上，擁有許多類別和子類別的超級(jí)菜單是很常見的。這種類型的設(shè)置非常適合桌面用戶，他們的屏幕足夠大，可以讀取這些菜單中的文本，并且可以輕松點(diǎn)擊文本鏈接。

這在移動(dòng)設(shè)備上是一個(gè)不同的故事，因?yàn)槠聊缓苄《粗福ㄏ鄬?duì)）很大。移動(dòng)菜單的網(wǎng)站設(shè)計(jì)應(yīng)考慮到這些因素。這意味著具有大文本或按鈕的單級(jí)菜單，以及具有許多選項(xiàng)的菜單的垂直對(duì)齊。在移動(dòng)設(shè)備上，菜單會(huì)折疊，然后隨著用戶縮小類別而展開。

這絕不是移動(dòng)網(wǎng)站所有功能的全面列表，需要與桌面版本不同，但我們認(rèn)為這些功能是最重要的三個(gè)功能。請(qǐng)記住始終考慮移動(dòng)用戶的需求以及他們?yōu)g覽和使用信息的獨(dú)特方式。希望本文中提供的示例可以作為改進(jìn)您網(wǎng)站上的移動(dòng)設(shè)備的靈感。