口袋裏沒有(yǒu)智能手機的人(rén)越來(lái)越少(shǎo)見。在過去的五年裏,手機的使用量已經超過了台式機——根據Statista 的研究, 2021 年移動網站(zhàn)流量将達到 54.8%。無論用戶隻是浏覽還(hái)是查找特定的信息或服務,您提供的服務至關重要您的網站(zhàn)在手機上(shàng)的流暢體(tǐ)驗。任何類型的加載延遲或導航問題都可(kě)能将有(yǒu)價值的客戶直接發送給您的競争對手。為(wèi)了避免這種情況,成都網站(zhàn)建設率先對網站(zhàn)采用移動優先設計(jì)方法。
在本文中,我們将介紹什麽是移動優先設計(jì)、為(wèi)什麽它很(hěn)重要以及一些(xiē)進行(xíng)移動優先設計(jì)的技(jì)巧。
早在2010年,大(dà)家(jiā)就開(kāi)始關注移動優先設計(jì)的概念,當時(shí)谷歌(gē)首席執行(xíng)官埃裏克·施密特在世界移動大(dà)會(huì)上(shàng)宣布,該公司的設計(jì)師(shī)将越來(lái)越關注智能手機用戶及其需求。“現在真正重要的是建立正确的移動架構,”施密特說。“移動最終将成為(wèi)您提供大(dà)部分服務的方式……答(dá)案應該始終是移動優先。”
移動優先設計(jì)正在創建适合最小(xiǎo)屏幕(手機)的屏幕和(hé)設計(jì)。這意味着設計(jì)将針對用戶在智能手機上(shàng)的體(tǐ)驗進行(xíng)優化,并顯示用戶想要的非常重要的功能和(hé)信息。
小(xiǎo)屏幕尺寸迫使設計(jì)師(shī)專注于真正重要的內(nèi)容。确定需要顯示的內(nèi)容後,可(kě)以為(wèi)平闆電(diàn)腦(nǎo)和(hé)桌面添加更多(duō)層的功能和(hé)內(nèi)容。這種方法稱為(wèi)漸進增強,如果你(nǐ)做(zuò)得(de)對,你(nǐ)将始終向正确的屏幕提供正确的版本。
您想要避免的是所謂的優雅降級- 設計(jì)一個(gè)時(shí)髦的桌面網站(zhàn),然後必須剝離它的元素以使其适合移動屏幕,可(kě)能會(huì)在此過程中丢失您的消息或功能。
四通(tōng)八達的交通(tōng)網絡
經過深思熟慮的移動優先設計(jì)可(kě)保證流暢的用戶體(tǐ)驗,這意味着您的網站(zhàn)将始終正确顯示(沒有(yǒu)扭曲的圖像或奇怪的文本中斷),無論如何訪問。選擇移動優先設計(jì)可(kě)以讓您建立一個(gè)強大(dà)的基礎,當通(tōng)過平闆電(diàn)腦(nǎo)或台式機訪問時(shí),您可(kě)以添加更多(duō)功能。
不僅如此,通(tōng)過移動優先設計(jì),您的設計(jì)将通(tōng)過将關鍵信息和(hé)功能置于設計(jì)的中心來(lái)集中和(hé)優先考慮您的內(nèi)容。這使您的用戶可(kě)以更輕松地立即訪問他們需要的內(nèi)容。
吸引顧客
如今,谷歌(gē)的算(suàn)法實際上(shàng)有(yǒu)利于移動設備友(yǒu)好的網站(zhàn),因此通(tōng)過确保移動設備上(shàng)的良好體(tǐ)驗,您可(kě)以提高(gāo)您的可(kě)發現性以及最重要的轉化率。創建适合移動設備的網站(zhàn)的最佳方法之一就是在設計(jì)時(shí)考慮到移動設備優先。
當您在移動設備上(shàng)創造流暢愉快的體(tǐ)驗時(shí),您的訪客将會(huì)不斷回來(lái)。想象一下需要在手機上(shàng)快速查找某些(xiē)內(nèi)容并遇到一個(gè)困難的移動網站(zhàn)!這會(huì)讓遊客沮喪地尖叫着走開(kāi)。
保持領先地位
您知道(dào),當您采用移動優先設計(jì)方法時(shí),您正在為(wèi)最小(xiǎo)的屏幕進行(xíng)設計(jì)。放大(dà)到更大(dà)的屏幕比縮小(xiǎo)到更小(xiǎo)的屏幕尺寸更容易。當您從這裏開(kāi)始時(shí),您可(kě)以避免随着移動技(jì)術(shù)的發展而出現的優雅降級。
這意味着您的網站(zhàn)将在更長時(shí)間(jiān)內(nèi)保持新鮮感。您不必試圖削減和(hé)縮減您的網站(zhàn),或者随意修複您的網站(zhàn),而是可(kě)以抓住機會(huì)領先于競争對手。
移動優先設計(jì)日益成為(wèi)行(xíng)業标準,因為(wèi)用戶現在希望移動網站(zhàn)能夠快速、簡潔和(hé)清晰,無論是提供體(tǐ)育統計(jì)數(shù)據還(hái)是鞋子銷售。
您不希望您的移動網站(zhàn)顯示不正确或緩慢。研究表明(míng),頁面加載時(shí)間(jiān)延遲一秒(miǎo)會(huì)導緻轉化率下降 7%,頁面浏覽量減少(shǎo) 11%。但(dàn)是,當您使用移動優先的方法進行(xíng)設計(jì)時(shí),您就必須避免繁瑣的廣告或彈出窗口以及視(shì)覺資産大(dà)小(xiǎo)使您的網站(zhàn)超載。
這樣,您就可(kě)以為(wèi)用戶提供無縫、愉快的體(tǐ)驗,跟上(shàng)競争對手的步伐,甚至領先一步。
在考慮新項目時(shí),請(qǐng)強烈考慮從移動設計(jì)開(kāi)始,并在此基礎上(shàng)創建一個(gè)具有(yǒu)更多(duō)內(nèi)容和(hé)功能的更完整的網站(zhàn)。
您可(kě)以按照以下基本準則和(hé)提示開(kāi)始進行(xíng)移動優先設計(jì)。
移動網站(zhàn)可(kě)以而且應該仍然看起來(lái)很(hěn)漂亮并滿足所有(yǒu)用戶的要求,因此請(qǐng)考慮人(rén)們正在尋找的內(nèi)容。他們是否會(huì)向您詢問火(huǒ)車(chē)時(shí)間(jiān)、餐廳營業時(shí)間(jiān)或建議在城裏哪裏可(kě)以喝(hē)到最好的飲料?
在首屏上(shàng)以清晰的方式提供此信息,保持圖像明(míng)亮且有(yǒu)吸引力(盡管不要忘記調整它們的大(dà)小(xiǎo)以适應移動設備),丢失任何非必要的彈出窗口和(hé)幹擾,如果您需要提供更多(duō)信息,請(qǐng)導航很(hěn)容易用一根手指點擊。
我們最重要的移動優先設計(jì)技(jì)巧:
快速為(wèi)您的用戶提供他們正在尋找的內(nèi)容
保持簡單:使用易于閱讀的排版,使文本可(kě)讀,放棄彈出窗口和(hé)廣告,添加有(yǒu)用的搜索引擎工具
讓您的号召性用語大(dà)膽而清晰,以便更輕松地轉化
添加易于閱讀的導航按鈕,在頂部的漢堡菜單中存儲附加內(nèi)容
加載速度是關鍵:去除移動優先網站(zhàn)中不必要的元素,在這種簡約設計(jì)的基礎上(shàng)為(wèi)平闆電(diàn)腦(nǎo)和(hé)台式機創建更全面的産品。
不要忘記原型!您需要知道(dào)您的網站(zhàn)在現實世界中是否有(yǒu)效,因此請(qǐng)在實際的移動設備上(shàng)測試您的設計(jì)和(hé)代碼
随着越來(lái)越多(duō)的人(rén)在旅途中訪問網站(zhàn),提供适合移動設備的産品版本至關重要。還(hái)有(yǒu)什麽比成都網站(zhàn)建設考慮移動優先設計(jì)更好的方法呢?盡管有(yǒu)些(xiē)人(rén)可(kě)能認為(wèi)它很(hěn)簡單,但(dàn)優秀的移動網頁設計(jì)師(shī)也可(kě)以使移動優先設計(jì)變得(de)動态、實用且有(yǒu)趣。