除非您過(guò)去幾年一直在洞穴中居住，否則您知道移動(dòng)網(wǎng)頁(yè)設(shè)計(jì)已成為許多企業(yè)的關(guān)鍵任務(wù)。

從智能手機(jī)和平板電腦到語(yǔ)音助手，您的客戶期望獲得快速、直觀的體驗(yàn)——無(wú)論他們?nèi)绾卧诰W(wǎng)上找到您。但這對(duì)擁有現(xiàn)有網(wǎng)站的公司意味著什么？您需要投資新網(wǎng)站的開(kāi)發(fā)和設(shè)計(jì)嗎？只是手機(jī)刷新？

您是否有一個(gè)糟糕的網(wǎng)站需要立即重新設(shè)計(jì)？

素馬設(shè)計(jì)團(tuán)隊(duì)多年來(lái)一直致力于打造適合移動(dòng)設(shè)備的網(wǎng)站，我們很高興分享我們對(duì)所有移動(dòng)設(shè)備的見(jiàn)解。讓我們從基礎(chǔ)開(kāi)始：移動(dòng)設(shè)計(jì)和常規(guī)網(wǎng)頁(yè)設(shè)計(jì)有什么區(qū)別，它對(duì)您的業(yè)務(wù)有何影響？

什么是移動(dòng)網(wǎng)頁(yè)設(shè)計(jì)？

"移動(dòng)網(wǎng)頁(yè)設(shè)計(jì)是為了確保您的內(nèi)容能夠被最多的用戶訪問(wèn)。這對(duì)網(wǎng)站的成功和有效性至關(guān)重要，"一位資深設(shè)計(jì)師說(shuō)道。

在為移動(dòng)設(shè)備上的最佳用戶體驗(yàn)創(chuàng)建網(wǎng)站時(shí)，在計(jì)劃項(xiàng)目之前，您應(yīng)該了解兩個(gè)關(guān)鍵的行業(yè)術(shù)語(yǔ)：響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)和移動(dòng)優(yōu)先設(shè)計(jì)。這些是創(chuàng)建移動(dòng)網(wǎng)頁(yè)設(shè)計(jì)的不同方法。

移動(dòng)和響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)有很多共同點(diǎn)：

• 如果您在開(kāi)始設(shè)計(jì)之前進(jìn)行了大量的受眾研究，兩者都會(huì)變得更好
• 兩者都需要為您的所有內(nèi)容建立強(qiáng)大的信息架構(gòu)
• 兩者都依賴(lài)于UI 和 UX 設(shè)計(jì)之間的和諧才能成功

現(xiàn)在讓我們看看它們的區(qū)別。

什么是響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)？

響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)是一種設(shè)計(jì)和開(kāi)發(fā)技術(shù)，旨在為用戶提供在盡可能多的設(shè)備和瀏覽器上的最佳體驗(yàn)。

響應(yīng)性是通過(guò)編碼實(shí)現(xiàn)的，允許您網(wǎng)站的創(chuàng)意元素移動(dòng)和調(diào)整、渲染圖像、復(fù)制和導(dǎo)航以適應(yīng)訪問(wèn)者的閱讀環(huán)境。這種做法是通過(guò)智能手機(jī)的日益普及和平板電腦的增加來(lái)實(shí)現(xiàn)的。

隨著設(shè)備領(lǐng)域的發(fā)展，響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)經(jīng)歷了最佳實(shí)踐的變化。

"最初，業(yè)界假設(shè)移動(dòng)用戶在'移動(dòng)'并且想要的信息更少。"不過(guò)，我們很快了解到，用戶非常愿意為了方便而犧牲屏幕空間。"

用戶研究和行業(yè)數(shù)據(jù)表明，盡管用戶正在迅速轉(zhuǎn)向移動(dòng)搜索——無(wú)論是在城里還是在家里的沙發(fā)上——他們?nèi)匀幌Ｍ玫綇氐椎拇鸢浮?/p>

"新的挑戰(zhàn)變成了'我們?nèi)绾巫屨麄€(gè)網(wǎng)站體驗(yàn)在更小的屏幕上更易于訪問(wèn)'？進(jìn)入響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)，以及隨之而來(lái)的所有革命，通過(guò)界面設(shè)計(jì)使內(nèi)容充分流動(dòng)。"

自 2011 年以來(lái)，大部分網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目都采用了響應(yīng)式設(shè)計(jì)。我們觀察到，大多數(shù)中小型 B2B 公司仍然更喜歡響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)，因?yàn)閿?shù)據(jù)顯示他們的大部分受眾正在桌面上搜索和訪問(wèn)他們的網(wǎng)站。

我們?cè)谶@些網(wǎng)站上的方法是針對(duì)桌面體驗(yàn)進(jìn)行規(guī)劃、設(shè)計(jì)和構(gòu)建，然后在構(gòu)建結(jié)束時(shí)有效地設(shè)計(jì)出最佳的移動(dòng)體驗(yàn)。

什么是移動(dòng)優(yōu)先網(wǎng)頁(yè)設(shè)計(jì)？

移動(dòng)優(yōu)先網(wǎng)頁(yè)設(shè)計(jì)是許多公司，尤其是 B2C 行業(yè)的公司正在尋求的另一種設(shè)計(jì)和開(kāi)發(fā)實(shí)踐。在這種方法中，首先為移動(dòng)設(shè)備規(guī)劃和制作網(wǎng)站，最后是桌面設(shè)計(jì)。

如果用戶研究和受眾數(shù)據(jù)表明您網(wǎng)站的大部分訪問(wèn)來(lái)自手機(jī)和平板電腦，那么移動(dòng)優(yōu)先設(shè)計(jì)可能適合您的業(yè)務(wù)。畢竟，任何網(wǎng)站設(shè)計(jì)或重新設(shè)計(jì)都應(yīng)該由您的用戶驅(qū)動(dòng)。

"我非常相信漸進(jìn)式增強(qiáng)——首先構(gòu)建移動(dòng)設(shè)備并在升級(jí)到桌面體驗(yàn)的過(guò)程中添加代碼，"資深網(wǎng)頁(yè)設(shè)計(jì)師說(shuō)。"然而，我們發(fā)現(xiàn)我們的大多數(shù)客戶還沒(méi)有優(yōu)先考慮移動(dòng)設(shè)備。桌面設(shè)計(jì)讓他們更全面地欣賞美學(xué)。"

您的企業(yè)是否需要考慮移動(dòng)優(yōu)先？您應(yīng)該如何權(quán)衡移動(dòng)設(shè)計(jì)與桌面設(shè)計(jì)的其他影響因素是什么？拋開(kāi)用戶洞察不談，我們當(dāng)然要考慮每個(gè)人的首要考慮：百度想要什么？

移動(dòng)設(shè)計(jì)和搜索引擎優(yōu)化：百度的移動(dòng)優(yōu)先索引

" baidu 已將競(jìng)爭(zhēng)環(huán)境轉(zhuǎn)向移動(dòng)設(shè)備，因此他們并沒(méi)有給我們留下選擇余地！是的，我們會(huì)服從。

百度現(xiàn)在將"使用 [a] 頁(yè)面的移動(dòng)版本進(jìn)行索引和排名，以更好地幫助我們（主要是移動(dòng)）用戶找到他們正在尋找的內(nèi)容。"

那有什么意思？

百度有一個(gè)單一的內(nèi)容索引，它是它檢查和選擇的內(nèi)容以顯示搜索結(jié)果。自 2015 年以來(lái)，百度一直在提高移動(dòng)友好網(wǎng)站在移動(dòng)搜索中的排名。畢竟，如果笨重、加載緩慢的網(wǎng)站是他們的第一選擇，那么對(duì) baidu 或進(jìn)行搜索的人沒(méi)有好處。

您的網(wǎng)站及其頁(yè)面被編目并向用戶顯示為最后一個(gè)索引版本 - 即最后一個(gè)被抓取并放入 baidu 龐大數(shù)據(jù)庫(kù)的版本。

在對(duì)搜索結(jié)果進(jìn)行排名時(shí)，像百度這樣的搜索引擎會(huì)考慮數(shù)百個(gè)因素。搜索引擎優(yōu)化是關(guān)于理解和利用盡可能多的這些排名因素，讓您的網(wǎng)站有最好的機(jī)會(huì)被發(fā)現(xiàn)。

移動(dòng)優(yōu)化的關(guān)鍵要點(diǎn)：

• 桌面內(nèi)容將繼續(xù)編入索引并出現(xiàn)在搜索結(jié)果中
• 數(shù)據(jù)顯示，移動(dòng)搜索已經(jīng)超過(guò)桌面搜索，并將繼續(xù)上升。
• 移動(dòng)友好型網(wǎng)站從頁(yè)面和用戶行為排名信號(hào)中獲得額外的 SEO 提升
• 網(wǎng)站速度很重要！截至 2022 年，頁(yè)面加載速度是一個(gè)顯著增加的排名因素

"移動(dòng)設(shè)計(jì)發(fā)生變化的另一個(gè)促成因素是社交網(wǎng)絡(luò)的興起。不僅是連接或分享早餐的地方，而且是合法的搜索引擎，"。

"很少有人坐在辦公桌前使用社交媒體；我們?nèi)焱ㄟ^(guò)手機(jī)執(zhí)行此操作。從該內(nèi)容點(diǎn)擊進(jìn)入網(wǎng)站是移動(dòng)網(wǎng)絡(luò)創(chuàng)造參與度和可訪問(wèn)性的又一個(gè)機(jī)會(huì)。"

從將語(yǔ)音搜索 SEO和社交媒體 SEO納入您的策略，到確保無(wú)縫的移動(dòng)用戶體驗(yàn)，它始終歸結(jié)為目標(biāo)受眾的可訪問(wèn)性。

您對(duì)移動(dòng)設(shè)計(jì)項(xiàng)目有何期待？

如果您正在計(jì)劃重新設(shè)計(jì)網(wǎng)站，或者以移動(dòng)優(yōu)先為優(yōu)先級(jí)的全新構(gòu)建，您可能想知道這到底是什么樣子。從業(yè)務(wù)的角度來(lái)看，該項(xiàng)目需要什么？

在您將雙手放在桌面驅(qū)動(dòng)的網(wǎng)站上并全力投入移動(dòng)網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目之前，請(qǐng)考慮您的受眾的需求 - 以及您現(xiàn)有的網(wǎng)站。如前所述，您的網(wǎng)站仍在被百度 和其他搜索引擎索引?？梢酝ㄟ^(guò)微小的更改來(lái)提高其響應(yīng)能力和加載時(shí)間，從而使其獲得所需的提升嗎？

就預(yù)算、范圍、溝通和時(shí)間表而言，與設(shè)計(jì)機(jī)構(gòu)進(jìn)行的移動(dòng)優(yōu)先和響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目的外觀和感覺(jué)都相似，但存在一些關(guān)鍵差異。最大的問(wèn)題在于您的頁(yè)面元素選項(xiàng)，包括布局和創(chuàng)意內(nèi)容。

"在移動(dòng)之前，我們使用固定尺寸。我們可以強(qiáng)制布局來(lái)滿足客戶的需求，。"它帶來(lái)了很多'裝飾'元素，比如花哨的紋理和裝飾——有人記得紙和圖釘設(shè)計(jì)嗎？

"對(duì)于移動(dòng)設(shè)備，我們必須確保頁(yè)面設(shè)計(jì)在水平和垂直方向上都是流暢的，這是扁平化設(shè)計(jì)興起的一個(gè)重要原因。我們依賴(lài)編碼設(shè)計(jì)，而不是繁重的圖像。"

對(duì)最佳速度性能的需求推動(dòng)了移動(dòng)設(shè)計(jì)的創(chuàng)造性，但它確實(shí)存在一些限制。

"加載的每個(gè)圖像、圖標(biāo)和字體都必須具有對(duì)用戶體驗(yàn)絕對(duì)必要的目的，因?yàn)樗鼈兌紩?huì)增加您的整體頁(yè)面加載時(shí)間。只為"美"而設(shè)計(jì)的日子已經(jīng)一去不復(fù)返了。網(wǎng)絡(luò)現(xiàn)在是關(guān)于可訪問(wèn)內(nèi)容的。"

這意味著根據(jù)偏好而不是用戶洞察力和網(wǎng)站性能做出的創(chuàng)造性選擇是一個(gè)很大的禁忌。嵌入式動(dòng)畫(huà)和視頻的使用更加謹(jǐn)慎，并且始終通過(guò)壓縮和編碼為最快的性能進(jìn)行優(yōu)化。

"就我個(gè)人而言，我認(rèn)為這讓網(wǎng)站變得更好，迫使設(shè)計(jì)師考慮體驗(yàn)和易讀性，而不是更自我放縱的設(shè)計(jì)，'沒(méi)有策略的設(shè)計(jì)只是裝飾'。"

想問(wèn)我們更多關(guān)于移動(dòng)設(shè)計(jì)的問(wèn)題，以及它如何影響您的數(shù)字戰(zhàn)略？請(qǐng)聯(lián)系我們。