要記住移動(dòng)網(wǎng)站設(shè)計(jì)的8個(gè)原則

通過(guò)智能手機(jī)屏幕或平板電腦等移動(dòng)設(shè)備進(jìn)行瀏覽時(shí)，需要特別考慮網(wǎng)頁(yè)的組織和呈現(xiàn)方式。我們談?wù)摰氖且苿?dòng)網(wǎng)站設(shè)計(jì)，而不僅僅是網(wǎng)站設(shè)計(jì)。

以下是8個(gè)基本原則，可以指導(dǎo)您進(jìn)行任何移動(dòng)網(wǎng)站設(shè)計(jì)操作。

1.限制導(dǎo)航欄

屏幕越小，空間越貴。

如果在臺(tái)式計(jì)算機(jī)上歡迎使用大型菜單，那么對(duì)于智能手機(jī)來(lái)說(shuō)，這將顯得不必要地笨重。這不是剝奪自己菜單的理由。近年來(lái)最受歡迎的選項(xiàng)是“漢堡包”演示：屏幕上出現(xiàn)三條線，然后根據(jù)用戶的要求將其作為菜單進(jìn)行。

您當(dāng)然可以嘗試其他方法，但要注意不要將用戶與他們不會(huì)解密的模型混淆，也不會(huì)讓他們找到您的菜單。

2.將最重要的區(qū)域放在觸手可及的位置

你如何使用觸摸屏？大多數(shù)時(shí)候，它是用于導(dǎo)航，更改屏幕，點(diǎn)擊的拇指......

即使屏幕近年來(lái)已經(jīng)擴(kuò)展，最有用的區(qū)域仍然是最簡(jiǎn)單的交互區(qū)域，它們?nèi)匀晃挥诰匦蔚闹行摹?span style="text-indent: 2em;">您可以在此處放置最重要的物品或最相關(guān)的信息。邊框，屏幕的高低部分，將保留給您（以及您的客戶）不太重要的工具。

3.優(yōu)化您的文件

互聯(lián)網(wǎng)用戶在智能手機(jī)上的壓力要大于在計(jì)算機(jī)上的壓力。通過(guò)構(gòu)建可快速加載的頁(yè)面來(lái)改善他們的瀏覽體驗(yàn)（并保持他們的注意力）。圖像的大小會(huì)產(chǎn)生直接影響：不要在服務(wù)器上安裝太重的文件。例如，它們不需要像印象一樣好。

有些實(shí)用程序可以自動(dòng)優(yōu)化每個(gè)圖像文件以減少它們供Web使用：使用它們！

4.一個(gè)小鏈接，為用戶提供很大幫助

有一個(gè)簡(jiǎn)單的技巧可以讓用戶的生活更輕松：讓您的電話號(hào)碼可以點(diǎn)擊。因此，從他們的智能手機(jī)中，他們不再需要嘗試復(fù)制粘貼您的聯(lián)系人，或保留它。他們只需按下即可加入您，因?yàn)樗麄円呀?jīng)向您發(fā)送電子郵件。

同樣，您可以在地址下添加百度地圖鏈接，以便更快地指導(dǎo)人們。這些小型服務(wù)不會(huì)花費(fèi)你任何東西，但會(huì)給你帶來(lái)很大的收益！

5.思考敏感

這不是第一次在這里提到這個(gè)話題：今天，網(wǎng)站必須有回應(yīng)。

這包括考慮不同元素的呈現(xiàn)順序，圖像的格式以使它們適應(yīng)屏幕的大小，抑制某些不必要的效果（特別是視頻）或JavaScript）。在準(zhǔn)備網(wǎng)站時(shí)，請(qǐng)始終考慮移動(dòng)使用。

6.忘記彈出窗口

彈出窗口在互聯(lián)網(wǎng)上通常被認(rèn)為是不受歡迎的。他們?cè)谥悄苁謾C(jī)上變得非常不愉快。至于百度懲罰使用它們的網(wǎng)站。您可能非常依賴這些可以開(kāi)銷產(chǎn)品的小型彈出窗口，但想一想其他技術(shù)可以在移動(dòng)設(shè)備上獲得相同的結(jié)果。正確插入號(hào)召性用語(yǔ)同樣有效！

7.使用較短的表格

盡管近年來(lái)智能手機(jī)鍵盤有了很大改進(jìn)，但移動(dòng)表格的使用 通常存在風(fēng)險(xiǎn)。因此，當(dāng)需要填寫表格時(shí)，一些用戶可能會(huì)猶豫不決。特別是如果這種形式包括許多領(lǐng)域。

8.使用折疊塊

您開(kāi)始了解移動(dòng)網(wǎng)站設(shè)計(jì)的音樂(lè)：在手風(fēng)琴菜單之后，這里是手風(fēng)琴內(nèi)容。這個(gè)概念：你只在屏幕上指出不同部分的標(biāo)題，讓用戶“展開(kāi)”他感興趣的內(nèi)容。

如果用戶對(duì)您在您網(wǎng)站上的體驗(yàn)感到滿意，則會(huì)更傾向于吸引您。還有一個(gè)原因，如果您需要它，那么您的訪問(wèn)是在最佳條件下完成的，無(wú)論您需要何種方式與您聯(lián)系！