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

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

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

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

屏幕越小，空間越貴。

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

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

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

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

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

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

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

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

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

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

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

5.思考敏感

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

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

6.忘記彈出窗口

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

7.使用較短的表格

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

8.使用折疊塊

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

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