多(duō)年來(lái),人(rén)們一直主張建設在移動設備上(shàng)運行(xíng)的網站(zhàn)的重要性。毫無疑問,成都網站(zhàn)設計(jì)對移動友(yǒu)好型網站(zhàn)設計(jì)所帶來(lái)的好處了如指掌。但(dàn)是,即使所有(yǒu)嚴肅的網站(zhàn)都做(zuò)出了回應,設計(jì)師(shī)在為(wèi)移動設備改造網站(zhàn)時(shí)仍然會(huì)犯錯誤。在本文中,我們将引導您完成一個(gè)清單,以使您的網站(zhàn)可(kě)用于移動設備。
2014年某個(gè)時(shí)候,移動互聯網用戶數(shù)量與台式機互聯網用戶數(shù)量持平。從那(nà)時(shí)起,台式機互聯網用戶的數(shù)量一直在下降,而移動用戶的數(shù)量繼續攀升。
作(zuò)為(wèi)響應,網站(zhàn)一直在不斷發展以提供更好的移動體(tǐ)驗。實際上(shàng),這意味着網站(zhàn)一直在采用響應式設計(jì)。
自2015年4月起,Google對移動設備友(yǒu)好型網站(zhàn)的搜索結果排名一直高(gāo)于桌面時(shí)代。
我們都知道(dào),捏捏和(hé)滑動網站(zhàn)以查找結帳按鈕或産品購物車(chē)是多(duō)麽令人(rén)沮喪。這些(xiē)網站(zhàn)令人(rén)沮喪,因此,在搜索中降低(dī)它們的優先級是Google的最佳選擇。
簡而言之,如果網站(zhàn)不适合移動設備使用,其訪問量将下降,用戶參與度将下降,其保留指标将使開(kāi)發人(rén)員感到沮喪。如果您希望現代的智能手機浏覽客戶甚至考慮您的服務,那(nà)麽您的移動互聯網體(tǐ)驗就必須順暢而愉快。
這是四個(gè)使您的網站(zhàn)移動友(yǒu)好的實用步驟。
創造力很(hěn)棒,但(dàn)不要試圖變得(de)超級有(yǒu)創意,并立即使用所有(yǒu)設計(jì)原則。當用戶在一個(gè)很(hěn)小(xiǎo)的移動屏幕上(shàng)看到太多(duō)具有(yǒu)不同顔色和(hé)樣式的對象時(shí),它可(kě)能會(huì)使他們的頭部旋轉。換句話(huà)說,他們隻是離開(kāi)您的網站(zhàn)。優質的設計(jì)永遠不會(huì)喧loud。這很(hěn)明(míng)智,并且可(kě)以引導用戶浏覽您的網站(zhàn)。極簡主義是一個(gè)出色的移動網站(zhàn)的關鍵。
盡管移動設備的屏幕尺寸已經變大(dà),但(dàn)它們仍小(xiǎo)于筆記本電(diàn)腦(nǎo)或台式機的屏幕。請(qǐng)勿擁擠小(xiǎo)屏幕,這一點很(hěn)重要。移動網站(zhàn)上(shàng)的文字和(hé)視(shì)覺元素越少(shǎo),浏覽起來(lái)就越容易。
這對于旅途中的人(rén)們尤其重要-在購物或開(kāi)會(huì)之間(jiān)看屏幕時(shí)。
在左側屏幕上(shàng),我們看到一個(gè)擁擠的頁面,上(shàng)面有(yǒu)很(hěn)小(xiǎo)的圖标,似乎在重複。在右側屏幕上(shàng),我們看到一個(gè)帶有(yǒu)大(dà)圖标的頁面,這些(xiē)大(dà)圖标是唯一的,代表項目的類别。
正确的屏幕更好,因為(wèi)沒有(yǒu)重複的元素會(huì)誤導您。查找所需的內(nèi)容更加容易,無需放大(dà)和(hé)斜視(shì)産品說明(míng)。
用戶可(kě)以在您的網站(zhàn)上(shàng)執行(xíng)的最重要的操作(zuò)是什麽?是要購買嗎?還(hái)是喜歡發帖?還(hái)是閱讀特定的文字?确保僅用拇指即可(kě)完成此操作(zuò)。
為(wèi)了在小(xiǎo)屏幕上(shàng)容納更多(duō)信息,一些(xiē)設計(jì)師(shī)将鏈接和(hé)按鈕彼此直接融合在一起。不幸的是,這通(tōng)常會(huì)導緻意外的按鈕按下(并使您的用戶感到沮喪!)。
設置優先級并将最重要的号召性用語設置為(wèi)足夠大(dà),以便用戶無需縮放就可(kě)以單擊它們,而不必使用小(xiǎo)指。
移動用戶非常關心網站(zhàn)的加載速度。如果您的頁面打開(kāi)時(shí)間(jiān)超過幾秒(miǎo)鍾,它們會(huì)感到惱火(huǒ)。
為(wèi)移動設備設計(jì)時(shí),請(qǐng)記住,某些(xiē)用戶的互聯網連接速度可(kě)能很(hěn)慢。盡管LTE在美國各地迅速普及,但(dàn)全球(仍然有(yǒu)一些(xiē)地方)仍有(yǒu)很(hěn)多(duō)地方被舊(jiù)的Edge網絡所束縛。要對效果不佳的網站(zhàn)進行(xíng)故障排除,請(qǐng)使用特殊的免費頁面加載速度工具,例如Google的PageSpeed Insights或GTMetrix。這些(xiē)工具可(kě)以分析您的網站(zhàn)負載情況,并提供有(yǒu)關如何優化網站(zhàn)的可(kě)行(xíng)建議。
通(tōng)常,數(shù)據密集型圖像或視(shì)頻內(nèi)容會(huì)阻礙頁面的速度。優化圖像将極大(dà)地改善頁面加載時(shí)間(jiān)。
但(dàn)是,不僅前端性能會(huì)影(yǐng)響網頁加載時(shí)間(jiān)。
如果您同時(shí)關注用戶體(tǐ)驗和(hé)搜索引擎排名,則應該同時(shí)改善網站(zhàn)的前端和(hé)後端性能。
恭喜你(nǐ)!現在,您的網站(zhàn)已為(wèi)移動成功做(zuò)好了準備!當然,如果您希望對您的網站(zhàn)有(yǒu)專業意見,可(kě)以随時(shí)咨詢我們進行(xíng)設計(jì)審查。
成都網站(zhàn)設計(jì)的信息圖:确保您的網站(zhàn)對移動設備友(yǒu)好