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