到目前為止，我們大多數(shù)人都知曉，在移動設(shè)備上瀏覽網(wǎng)站的體驗與在PC設(shè)備上瀏覽網(wǎng)站的體驗截然不同。屏幕的方向不同，我們會操作拇指代替鼠標(biāo)或觸控板，某些體驗更困難或更麻煩。這就是為何設(shè)計一個移動網(wǎng)站來滿足移動客戶的需求體驗是如此緊要。以下是網(wǎng)站的三個關(guān)鍵組件，需要在移動設(shè)備和桌面設(shè)備上有所不同。

網(wǎng)頁設(shè)計

1.內(nèi)容組織

移動設(shè)計的最復(fù)雜的元素之一是怎樣組織內(nèi)容的問題。移動客戶的需求可能與PC客戶的需求不同?；蛘咚麄兊男枨罂赡苁窍嗤?，但他們的瀏覽行徑會按照他們操作的設(shè)備而改變。

當(dāng)為移動設(shè)備設(shè)計頁面時，第一優(yōu)先級應(yīng)當(dāng)是組織網(wǎng)站內(nèi)容以滿足移動客戶的需求。內(nèi)容應(yīng)垂直堆疊以合適移動設(shè)備的窄寬度。PC設(shè)備具備縱向取向，因此內(nèi)容能夠跨越屏幕拉伸，并且通常多個消息或圖像能夠在這樣寬的空間中舒適地生活。移動設(shè)備通慣用于縱向(和較小的屏幕，意味著在橫向形式且水平空間有限)。

另一件要思考的事宜是什么內(nèi)容優(yōu)先。您的移動客戶的需求會有所不同嗎?如果是這樣，則值得思考專門為移動設(shè)備實行設(shè)計，以便優(yōu)先思考這些客戶的需求，而不是簡易的從PC網(wǎng)站復(fù)制，這很可能是只是為PC客戶設(shè)計的。

在移動網(wǎng)站設(shè)計的早期，當(dāng)時我們的手機(jī)還不太復(fù)雜，因此特不太習(xí)慣操作它們來執(zhí)行更復(fù)雜的使用，常見的是剝離大部分網(wǎng)站的內(nèi)容，并推出一個移動網(wǎng)站看起來像一個移動客戶想要的。在2017年，這種手法將不再可取。今天的移動客戶希望可以在他們的手機(jī)上訪問與在PC計算機(jī)上相同的瀏覽體驗。此外，移動設(shè)備是眾多人的唯一或緊要設(shè)備，所以完全可使用的移動站點能夠是到達(dá)一部分客戶的唯一方式。

2.表格填充

作為網(wǎng)絡(luò)營銷人員，我們需要花費大量時間優(yōu)化我們的網(wǎng)絡(luò)表單，以實現(xiàn)最大的轉(zhuǎn)化。我們知曉一個設(shè)計不良的模式是影響轉(zhuǎn)換的極大原因。同樣，在移動設(shè)備，表單需要專門設(shè)計，以方便移動客戶填寫。

垂直對齊

猜猜是什么?整個垂直對齊的頁面也適用于手機(jī)端。原則是一樣的 - 移動客戶為了完成表單而水平滾動是困難和乏味的。為了使移動瀏覽器盡可能容易地填寫表單填充進(jìn)程，請確保表單字段垂直對齊。

估測性文字

通過為具備眾多隱性輸入的字段提供估測性選項來幫助客戶。提供估測功能以讓客戶火速移動表單，減輕打字謬誤的機(jī)遇，這在操作小屏幕上輸入時更為常見。

最小化字段

由于在移動設(shè)備上填寫表單通常相當(dāng)繁重麻煩，所以要通過減輕字段數(shù)量以讓表單盡可能簡易。為了實現(xiàn)這一點，您應(yīng)當(dāng)向客戶詢問完成交易所必要的信息。有關(guān)客戶的其他信息可能對您的企業(yè)很方便，但不應(yīng)以轉(zhuǎn)換為代價。

只要有可能，你應(yīng)當(dāng)試試操作單個字段的條目。同樣，推理是，移動客戶必須跳過大量的字段。如果你能夠?qū)⒍鄠€字段合并為一個字段，這是一個好主意。

3.菜單

菜單格式化絕對是PC設(shè)備和移動設(shè)備之間的緊要差別。在桌面上，通常有具備眾多類型和子類型的大菜單。這種類別的設(shè)立極其合適那些屏幕足夠大，這樣能夠讀取這些菜單中的文本，并且能夠輕易點擊文本鏈接的桌面客戶。

但是同樣的手法不適用于手機(jī)端，由于屏幕是小的，所以移動菜單應(yīng)當(dāng)思考到這些事宜。這意味著應(yīng)當(dāng)具備大文本或按鈕的單級菜單，以及具備眾多選項的菜單的垂直對齊。

在移動設(shè)備上，菜單會折疊，然后在客戶縮小類型時展開。

這不是一個移動網(wǎng)站的所有功能的完整列表，需要不同于PC版本，但我們認(rèn)為這些功能是三個里邊最關(guān)鍵的。記住要始終思考移動客戶的需求以及他們?yōu)g覽和操作信息的獨特方式。希望這篇文章中提供的示例能為您改善移動網(wǎng)頁設(shè)計提供靈感。