成都小程序開發(fā)使用移動優(yōu)先的開發(fā)過程開發(fā)。這種設(shè)計和開發(fā)網(wǎng)站的方法將移動設(shè)備用戶的需求放在首位。然而，盡管使用移動設(shè)備的人數(shù)不斷增加，但一些網(wǎng)站仍然無法在移動設(shè)備上提供優(yōu)質(zhì)的用戶體驗。當然，移動友好型網(wǎng)頁設(shè)計比將桌面版本壓縮到小屏幕上要多得多。使站點具有響應(yīng)性只能部分滿足移動用戶的需求。必須將一些基本的設(shè)計功能整合到真正適合移動設(shè)備的網(wǎng)站中。以下是為移動設(shè)備設(shè)計響應(yīng)式網(wǎng)站時需要考慮的關(guān)鍵點。

使用大而清晰的字體

字體大小必須足夠大，以便人們在臺式機和移動設(shè)備上都能輕松閱讀。14 像素的字體大小通常最適合桌面用戶。然而，即使是 14 像素的字體也可能難以在小的移動設(shè)備屏幕上閱讀。因此，對于移動設(shè)備，您可能需要將字體大小增加到 16 像素或更大。

字體必須是品牌上的。但是，最好選擇在小屏幕上清晰易讀的響應(yīng)式字體。實驗字體可能在桌面的大屏幕上可讀。但是，當縮小尺寸以適應(yīng)移動屏幕時，某些字體幾乎變得不可讀。因此，最好在各種設(shè)備上測試字體，以確保無論屏幕大小如何，一切看起來都正確。并且不要忘記檢查粗體或斜體時字體的外觀。

不要假設(shè)移動用戶會使用橫向

您可能認為用戶會水平拿著手機來查看網(wǎng)站。然而，調(diào)查發(fā)現(xiàn)事實并非如此。事實上，據(jù)估計高達 90% 的人豎著拿手機。他們不會切換到以橫向模式查看網(wǎng)站，即使該網(wǎng)站使用起來很棘手。因此，最好在橫向和縱向模式下測試易用性。

盡量減少所需的打字量

對于某些人來說，在手機上打字并不容易。因此，避免要求輸入太多需要輸入的信息。記住，有些人手指粗，手機?。∧梢允褂孟吕藛蝸頊p少打字的需要。最好避免向用戶詢問不必要的或長篇大論的信息。

避免大標題和長標題

如上所述，較大的字體在移動設(shè)備上更易讀。但是，您可以過大，尤其是標題。如果標題的字體太大，您可能會發(fā)現(xiàn)只有一兩個詞適合移動屏幕的寬度。如果是這樣，標題可能會占據(jù)大部分屏幕。過長的標題也可能造成同樣的問題。

空間鏈接

在移動設(shè)備上打字并不是唯一具有挑戰(zhàn)性的事情。嘗試點擊靠得太近的可點擊元素也會令人沮喪。因此，盡量避免將超鏈接和按鈕放在一起。

使文本從背景中脫穎而出

當字體在移動設(shè)備上縮小時，閱讀起來就更難了。因此，當在移動設(shè)備上查看網(wǎng)站時，文本和背景之間的對比更為重要。例如，白色背景上的灰色字體可能在較大的桌面屏幕上可讀。但是，當為較小的移動屏幕縮小時，對比度可能不足以使文本清晰可辨。

空格仍然很重要

移動設(shè)備顯示文本的空間有限。即便如此，最好不要用不間斷的文本塊填滿整個屏幕。事實上，應(yīng)該使用空格來分隔文本，就像在網(wǎng)站的桌面版本上一樣。但是，移動設(shè)備上的空間會成比例地變小?？瞻走€有助于解決在移動設(shè)備上選擇可點擊對象的一些困難。

剝離內(nèi)容

在移動設(shè)備的小空間內(nèi)獲取關(guān)鍵信息至關(guān)重要。因此，通常最好剝離內(nèi)容并將重要信息放在首屏。如果用戶可以看到首屏下方有更多內(nèi)容可讀，這也會有所幫助。例如，在屏幕底部顯示部分標題會鼓勵人們向下滾動。

考慮按鈕大小和位置

用鼠標輕松點擊的按鈕可能很難用手指按下。因此，在設(shè)計適合移動設(shè)備的網(wǎng)站時，請同時考慮按鈕的位置和大小。

當人們使用移動設(shè)備時，他們傾向于用拇指點擊按鈕。因此，將按鈕放置在不需要人們移動手部位置即可按下的位置。按鈕通常還需要在移動屏幕上更加突出。如果可點擊控件太小或靠得太近，選擇正確的選項可能會很棘手。

避免在表單上使用自動更正

如前所述，在移動設(shè)備上準確打字可能具有挑戰(zhàn)性。因此，人們經(jīng)常在鍵入時鍵入并快速更正錯誤。但是自動更正可能會替換整個拼寫錯誤的單詞，從而使更正更耗時。自動更正通常會將地址等內(nèi)容替換為更常見的術(shù)語，從而導(dǎo)致需要進行更多更正。因此，通常最好在網(wǎng)站的移動版本上禁用自動更正功能。

消除彈出窗口

彈出窗口在桌面網(wǎng)站上非常有效。彈出窗口相對簡單，可以用鼠標關(guān)閉。但是，在移動設(shè)備上，彈出窗口可能會占據(jù)整個屏幕。找到關(guān)閉選項可能具有挑戰(zhàn)性。因此，最好在網(wǎng)站的移動版本上消除彈出窗口。

確保圖像和CSS已壓縮

人們通常在旅途中使用移動設(shè)備。因此，頁面加載速度比桌面加載速度更為重要。您可以采取任何措施來減少頁面加載時間，從而改善移動設(shè)備上的用戶體驗。降低頁面加載速度的方法之一是壓縮 CSS（層疊樣式表）代碼和高分辨率圖像。壓縮圖像和CSS可以加快它們的加載速度，但不會對功能或質(zhì)量產(chǎn)生負面影響。

結(jié)論

移動友好性不再是一個不錯的選擇；它必須從一開始就集成到網(wǎng)站的設(shè)計中。這意味著要做的不僅僅是縮放站點以適應(yīng)較小的屏幕。它還意味著要考慮內(nèi)容的布局、鏈接和按鈕的位置以及排版。

未能融入基本移動設(shè)計原則的網(wǎng)站將失去不斷增長的移動流量。但成都小程序開發(fā)希望以上提示能幫助您設(shè)計出對移動設(shè)備用戶和桌面用戶一樣易于使用的網(wǎng)站。