在2018年，網(wǎng)站是您業(yè)務(wù)最重要的代表之一。它提供可視性，全天候可訪問(wèn)性，并被證明是一個(gè)有效的銷售渠道。
但是，如果您希望您的網(wǎng)站獲得顯著的投資回報(bào)（ROI），則需要精心設(shè)計(jì)并專門針對(duì)用戶的眼睛和偏好進(jìn)行構(gòu)建。這是為什么？讓我們來(lái)看看。
請(qǐng)注意以下情況：作為貴公司的首席執(zhí)行官，您應(yīng)該在明天上午9點(diǎn)舉行會(huì)議?，F(xiàn)在，你會(huì)走進(jìn)那個(gè)完全毫無(wú)準(zhǔn)備并穿著連帽衫的會(huì)議嗎？可能不會(huì)。你會(huì)為這個(gè)場(chǎng)合著裝。所以，就像你需要著裝給你留下深刻印象一樣，你也需要重新設(shè)計(jì)才能在網(wǎng)上發(fā)光。
你需要給人留下良好的第一印象。不，不好。最好的！
現(xiàn)在，我們希望您擁有最好的“套件”，這就是我們決定撰寫今年網(wǎng)站重新設(shè)計(jì)提示的原因。
到現(xiàn)在為止你可能在想：為什么我不應(yīng)該買一套新西裝？準(zhǔn)確地說(shuō)，為什么不重新開始并建立一個(gè)新的網(wǎng)站？
好吧，對(duì)于初學(xué)者，你必須要知道重建站點(diǎn)意味著創(chuàng)建新的數(shù)據(jù)庫(kù)，處理服務(wù)器，代碼和后端的每個(gè)部分。相反，重新設(shè)計(jì)通常需要改進(jìn)網(wǎng)站的視覺(jué)元素，而不對(duì)使用過(guò)的技術(shù)進(jìn)行更改。此外，重建是一個(gè)可能需要花費(fèi)太多時(shí)間和資源的過(guò)程。因此，如果您的商業(yè)網(wǎng)站運(yùn)作正常但需要一點(diǎn)點(diǎn)設(shè)計(jì)，那么制作一個(gè)新網(wǎng)站是沒(méi)有意義的。此外，通過(guò)重新設(shè)計(jì)，您將最大限度地降低成本，同時(shí)仍然獲得“新面貌”。
如果您仍然對(duì)重新設(shè)計(jì)中的更改猶豫不決，請(qǐng)查看以下事實(shí)：
ESPN 將社區(qū)建議納入其主頁(yè)設(shè)計(jì)后，收入增長(zhǎng)了35％。百分之八十八的在線消費(fèi)者如果經(jīng)歷不好，就不會(huì)回到網(wǎng)站。正如Invision進(jìn)一步指出的那樣，第一印象是與設(shè)計(jì)相關(guān)的94％。
如您所見(jiàn)，第一印象是重要的印象。
什么能夠成為良好的第一（在線）印象？嗯，一個(gè)移動(dòng)友好的網(wǎng)站，具有良好的導(dǎo)航和可見(jiàn)的聯(lián)系信息。這些只是一些基本的網(wǎng)站重新設(shè)計(jì)技巧。
但是，從哪里開始？如何確保您的新設(shè)計(jì)能為您帶來(lái)更多用戶和潛在客戶？這很簡(jiǎn)單ー從規(guī)劃開始。我們將在其他一些文章中介紹規(guī)劃部分。目前，您需要知道的只是沒(méi)有計(jì)劃成本很容易上升，項(xiàng)目的發(fā)布可能會(huì)延遲。
現(xiàn)在，讓我們來(lái)看看實(shí)際的網(wǎng)站重新設(shè)計(jì)技巧，這些技巧將幫助您更清晰，更輕松地與您的用戶/潛在客戶聯(lián)系：
提示1：下頁(yè)加載時(shí)間
我們?cè)谖恼轮刑岬搅丝焖夙?yè)面的重要性，其中包含10種改進(jìn)網(wǎng)站設(shè)計(jì)的方法?，F(xiàn)在，讓我們深入挖掘一下。
眾所周知，人們不喜歡等待任何事情。不幸的是，數(shù)字世界更加強(qiáng)調(diào)不耐煩。所以，請(qǐng)記住，您的用戶沒(méi)有時(shí)間等待網(wǎng)頁(yè)加載。
讓我們檢查一下實(shí)際情況。您是否知道較慢的頁(yè)面加載會(huì)直接影響您的收入？更確切地說(shuō)，您是否知道它可能導(dǎo)致收入大幅下降，在某些情況下每100毫秒延遲損失1％？如果這些信息沒(méi)有讓你想到也許這個(gè)信息：當(dāng)頁(yè)面速度為7秒時(shí)，將近33％的訪問(wèn)者反彈。
有趣的事實(shí)：頁(yè)面速度和頁(yè)面加載時(shí)間之間沒(méi)有區(qū)別。
這些陳述只是證明降低頁(yè)面加載時(shí)間是您應(yīng)該考慮的最重要的網(wǎng)站重新設(shè)計(jì)技巧之一。
想改進(jìn)嗎？首先檢查您當(dāng)前的頁(yè)面速度。
提示2：包含Web動(dòng)畫
這是最新的網(wǎng)站重新設(shè)計(jì)提示之一。Web動(dòng)畫與降低頁(yè)面加載時(shí)間密切相關(guān)。為什么？因?yàn)檫@些元素都受到不耐煩的用戶的影響。
這些提示是如何連接的？
好吧，正如“電訊報(bào)”曾經(jīng)說(shuō)過(guò)的那樣，現(xiàn)在人們的注意力都比金魚低。話雖這么說(shuō)，訪問(wèn)者沒(méi)有時(shí)間等待頁(yè)面加載或讀取長(zhǎng)內(nèi)容ー如果需要花費(fèi)很多時(shí)間來(lái)閱讀它，那么其他東西很有可能引起訪問(wèn)者的注意。如果您的網(wǎng)站不夠有趣或不夠快，那么您很可能只剩下少數(shù)幾個(gè)用戶。
那么，在哪里加入網(wǎng)絡(luò)動(dòng)畫？嗯，據(jù)Creative Bloq說(shuō)，你幾乎可以在網(wǎng)站的每個(gè)部分都包含它。最受歡迎的包含在徽標(biāo)中或作為登錄頁(yè)面上的背景視頻。此外，請(qǐng)記住，在按鈕上添加懸停也始終是一種很好的做法。
如果您需要一些靈感，請(qǐng)務(wù)必檢查GENROD，Oleg Gert或Mathis-biabiany.fr。
提示3：使網(wǎng)站適合移動(dòng)設(shè)備
如果你想不出有什么理由讓你的網(wǎng)站對(duì)移動(dòng)設(shè)備友好，請(qǐng)記?。汗雀柘矚g這些類型的網(wǎng)站。
這是為什么？
好吧，讓我們看看谷歌有什么話要說(shuō)。今年3月，谷歌正式宣布移動(dòng)首次索引。這意味著您網(wǎng)站的移動(dòng)版本是Google在其索引中包含的起點(diǎn)（排名是如何確定的）。但是，不用擔(dān)心，如果您的網(wǎng)站沒(méi)有適合移動(dòng)設(shè)備的版本，則桌面版本就是重要的版本。但是，具有移動(dòng)體驗(yàn)的網(wǎng)站將比沒(méi)有移動(dòng)體驗(yàn)的網(wǎng)站排名更好。
通過(guò)使網(wǎng)站移動(dòng)響應(yīng)，您獲得了什么？對(duì)于初學(xué)者，信譽(yù)和聲譽(yù)。此外，您的業(yè)務(wù)在社區(qū)中將被視為現(xiàn)代和重要的。
讓您的網(wǎng)站適合移動(dòng)設(shè)備是我們可以為您提供的最佳網(wǎng)站重新設(shè)計(jì)提示之一。
提示4：不要忘記SEO
永遠(yuǎn)不要低估SEO在創(chuàng)建內(nèi)容方面的作用。
您可能認(rèn)為高質(zhì)量的內(nèi)容有辦法找到用戶心中的道路。雖然這是真的ー質(zhì)量的內(nèi)容可以吸引更多的用戶ー它還遠(yuǎn)遠(yuǎn)不夠。必須針對(duì)瀏覽器和讀者優(yōu)化內(nèi)容。它必須是Google友好的，同時(shí)仍然易于閱讀。
如果你是懷疑論者，請(qǐng)檢查事實(shí)！根據(jù)Hubspot的說(shuō)法，61％的營(yíng)銷人員關(guān)注SEO以增加他們的有機(jī)存在。此外，40％的營(yíng)銷人員認(rèn)為SEO中最棘手的任務(wù)是適應(yīng)搜索算法的變化。
為了使這個(gè)過(guò)程更容易，您應(yīng)該知道，對(duì)于2018年，最大的網(wǎng)站（重新）設(shè)計(jì)技巧之一是添加機(jī)器人元標(biāo)簽，這些標(biāo)簽為搜索引擎提供有關(guān)如何將內(nèi)容編入索引并在結(jié)果中顯示的說(shuō)明。沒(méi)有任何Meta Robots標(biāo)簽對(duì)網(wǎng)站訪問(wèn)者可見(jiàn)，但可以創(chuàng)造奇跡。
提示5：添加更多優(yōu)化
這次我們談?wù)撧D(zhuǎn)換率優(yōu)化。
什么是轉(zhuǎn)換率優(yōu)化？根據(jù)Moz的說(shuō)法，這種類型的優(yōu)化包括增加愿意采取行動(dòng)的訪客數(shù)量的方法。創(chuàng)建目標(biāo)網(wǎng)頁(yè)，以便用戶可以輕松與您聯(lián)系，進(jìn)行購(gòu)買或進(jìn)行任何其他移動(dòng)。簡(jiǎn)而言之：這是網(wǎng)站重新設(shè)計(jì)提示之一，可以幫助用戶在任何時(shí)間到達(dá)您的CTA。
與谷歌識(shí)別它需要時(shí)間的搜索引擎優(yōu)化優(yōu)化不同，轉(zhuǎn)換優(yōu)化不需要太多時(shí)間來(lái)獲得結(jié)果。請(qǐng)記住，它可以快速帶來(lái)結(jié)果，但需要測(cè)試和一些時(shí)間來(lái)找到真正有用的東西。
那么，為了擁有合適的CRO你需要做什么？分析用戶在網(wǎng)站中的移動(dòng)方式以及他們采取的操作。有沒(méi)有什么阻止他們進(jìn)行轉(zhuǎn)換？
提示6：平面設(shè)計(jì)2.0
是! 平面設(shè)計(jì)2.0有一些額外的酷功能。
讓我們稍微回顧一下。什么是平面設(shè)計(jì)？這是一種使用二維空間中的特征的簡(jiǎn)約圖形樣式。如果你記得，2000年代充滿了圖形網(wǎng)站元素。突然間，時(shí)代變了一個(gè)簡(jiǎn)約，1.0的設(shè)計(jì)方法應(yīng)該提供最好的用戶體驗(yàn)。但是，它無(wú)法提供。雖然它是作為一種方法創(chuàng)建的，它將引導(dǎo)用戶進(jìn)行號(hào)召性用語(yǔ)，但不知何故用戶錯(cuò)過(guò)了CTA并且更加困惑。
然后我們向2.0版打招呼。
現(xiàn)在，平面設(shè)計(jì)的第二個(gè)版本充滿了漸變，高光和陰影。平面設(shè)計(jì)2.0是關(guān)于深度和獲得這種類型的設(shè)計(jì)的3D，真實(shí)感覺(jué)。
我們可以為您提供最好的網(wǎng)站重新設(shè)計(jì)提示之一：一定要包含它。你不會(huì)后悔的。
查看這些網(wǎng)站的靈感：Supremo和Logram。
提示7：社交媒體鏈接
社交媒體按鈕或鏈接是當(dāng)今的必需品。您是否知道可以提升頁(yè)面和域名權(quán)限的方法之一是在社交媒體上分享內(nèi)容？然而，社交媒體的作用不僅在于增加流量。這些鏈接可在您的社區(qū)中建立可見(jiàn)性和可信度
那么，你應(yīng)該把社交媒體鏈接放在哪里？嗯，由您決定是否要使用網(wǎng)頁(yè)的頂部，中間或底部。但是，重要的是在新窗口中打開這些鏈接，這樣訪問(wèn)者就不會(huì)離開網(wǎng)站。
提示8：顏色和排版
顏色和排版是網(wǎng)頁(yè)設(shè)計(jì)中的兩個(gè)基本要素，因此請(qǐng)務(wù)必遵循涉及這兩個(gè)要素的所有趨勢(shì)。
目前，主要的網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)之一是梯度。在2018年，漸變向排版方向發(fā)展。如果這聽(tīng)起來(lái)太簡(jiǎn)單了，請(qǐng)考慮添加漸變高光。另一方面，如果您感覺(jué)不到這種漸變趨勢(shì)，請(qǐng)不要擔(dān)心 - 有一個(gè)備用計(jì)劃。嘗試將圖片填充的排版添加到目標(biāo)網(wǎng)頁(yè)。你會(huì)發(fā)現(xiàn)，它可以帶來(lái)很大的不同，給你的網(wǎng)站帶來(lái)現(xiàn)代感。
如果這些趨勢(shì)沒(méi)有給您留下深刻印象，或者只是不考慮您的想法，請(qǐng)務(wù)必查看Design的Hack文章，找到最適合您的趨勢(shì)。
在選擇顏色時(shí)，您不應(yīng)該遵循網(wǎng)站重新設(shè)計(jì)提示。話雖這么說(shuō)，我們不得不提一年的顏色ーUltra Violet（18-3838）。關(guān)于紫色的好處是你可以使用它靜音，飽和ー它很容易適應(yīng)任何行業(yè)。
查看這些關(guān)于圖像填充排版（Nurture Digital）的例子，并在設(shè)計(jì)中使用紫色（Neurohive.io）。
技巧9：漸進(jìn)式網(wǎng)絡(luò)應(yīng)用程序（PWA）
我們相信你已經(jīng)聽(tīng)說(shuō)過(guò)這個(gè)詞。如果您不熟悉它，請(qǐng)加入這個(gè)行列，因?yàn)檫@是您絕對(duì)不應(yīng)該跳過(guò)的網(wǎng)站重新設(shè)計(jì)提示之一。在2018年，PWA將接管數(shù)字世界。這是為什么？因?yàn)檫@些類型的應(yīng)用程序，提供兩個(gè)世界的最佳ー網(wǎng)站和應(yīng)用程序。
我們來(lái)看看統(tǒng)計(jì)數(shù)據(jù)。根據(jù)AppInstitute的說(shuō)法，當(dāng)您在網(wǎng)頁(yè)設(shè)計(jì)中加入PWA時(shí)，用戶參與度可以提高136％，而轉(zhuǎn)化次數(shù)可以增加高達(dá)52％。
那么，您應(yīng)該在PWA中包含哪些內(nèi)容？您應(yīng)該添加推送通知還是動(dòng)畫頁(yè)面轉(zhuǎn)換？或兩者，也許？好吧，我們的建議是：嘗試將網(wǎng)站和應(yīng)用程序的最佳方面混合起來(lái)，以獲得最佳效果。事實(shí)上，不要過(guò)多考慮它。讓設(shè)計(jì)師來(lái)處理它。他/她應(yīng)該知道如何包含這些元素并創(chuàng)建完美的用戶體驗(yàn)（UX）。
提示10：不斷改進(jìn)
當(dāng)你完成所有前面提到的技巧時(shí)，還有一件事你應(yīng)該知道ー這些技巧是一個(gè)很好的起點(diǎn)。因此，如果您真的想讓網(wǎng)站重新設(shè)計(jì)獲得回報(bào)，您需要不斷進(jìn)行UX更新和改進(jìn)。
如果沒(méi)有網(wǎng)頁(yè)設(shè)計(jì)的不斷增強(qiáng)，就沒(méi)有成功。
就是這樣！這些是你應(yīng)該記住的10個(gè)網(wǎng)站重新設(shè)計(jì)技巧。
那么接下來(lái)會(huì)發(fā)生什么？測(cè)試和啟動(dòng)項(xiàng)目。
測(cè)試和啟動(dòng)
網(wǎng)站重新設(shè)計(jì)完成后，您可能迫不及待地想要啟動(dòng)它。但是，在正式發(fā)布之前還有一個(gè)步驟可以確保您所有的努力得到回報(bào)。有問(wèn)題的步驟是測(cè)試。
以下是您在測(cè)試時(shí)應(yīng)該問(wèn)自己的一些問(wèn)題：
網(wǎng)站功能/看起來(lái)像計(jì)劃的方式嗎？舊頁(yè)面是否重定向到新頁(yè)面？如果網(wǎng)站崩潰，是否有備份計(jì)劃？
如果您對(duì)所有這些問(wèn)題（以及更多）有正面答案，并認(rèn)為您可以繼續(xù)進(jìn)行發(fā)布。
一旦您啟動(dòng)網(wǎng)站，我們的建議是永不停止測(cè)試和改進(jìn)。你打算如何管理？在您的網(wǎng)站上添加有關(guān)新設(shè)計(jì)的調(diào)查，并直接獲取用戶的意見(jiàn)。
最后......你應(yīng)該自己做這一切嗎？
當(dāng)然不！整個(gè)行業(yè)致力于改善網(wǎng)頁(yè)設(shè)計(jì)的用戶體驗(yàn)。所以，不要試圖自己完成所有工作，而是留給專業(yè)人士。
無(wú)論您決定選擇開發(fā)公司還是自由職業(yè)者，請(qǐng)確保找到合適的開發(fā)公司。一個(gè)優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)師知道網(wǎng)頁(yè)設(shè)計(jì)的所有原則以及如何滿足以前定義的目標(biāo)。
您重新設(shè)計(jì)網(wǎng)站的經(jīng)驗(yàn)是什么？你實(shí)施了所有這些提示嗎？你有什么需要補(bǔ)充的嗎？
