有效的設計對一個網站的業務目標是至關重要的。以同樣的方式吸引人們傾向於獲得更多的關注, 一個設計良好的網站是一個更好的機會傳授訊息並將其多使用者對其想要的結果。在很多情況下, 網站所有者和他們覺得去取悅觀眾。然而, 這並不意味著觀眾對此表示贊同。
WooCommerce 獨立站網頁設計被認為是真正有效的, 分析資料講述一個故事, 它支援索賠。網際網路是一個罕見的空間藝術觸動可以測量與硬資料。設計元素可以進行測試、量化和提高真正捕獲多使用者群的集體的味道。
如果您曾經想知道為什麼蘋果和谷歌引領潮流的設計, 不僅僅是因為他們可以僱傭最優秀的人才。他們的成功很大一部分是他們的韌性在測試每一個設計變數使用。幸運的是, 您不必是一個巨型公司去做這兩個標誌性企業。與簡單的工具, 沒有預算, 努力一點, 您就可以開始精煉您的網站看起來更好可用性和轉化率.
測量 WooCommerce 獨立站網頁設計的元素
有效的設計應該遵循的核心原則是什麼讓一個網站好。 根據 WebProNews 有四個元素, 需要考慮在一起時候, 把一個網站。這些都是:
1 。一個明確目標
每個網站都需要發出一個強有力但隱式訊息到多使用者要完成什麼。無論是推銷, 選擇報價, 邀請消費內容, 或參與討論, 每個頁面都有反映的動機有利於訪問者和網站管理員。
WordPress 網站設計應該作為導向網站目標——它應該幫助觀眾在更遠的轉化漏斗。
指標來考慮:
以下指標可以幫助您確定是否您的網站顯示一個明確的目標或如果它是驅動多使用者模糊的動機:
● 跳出率, 在傳統營銷中, 他們說, 混亂的腦海中總是說不。應用到 WooCommerce 獨立站網頁設計和可用性, 一個令人困惑的遊客總是點選瀏覽器的 “後退” 按鈕。根據分析大師 Avinash Kaushik, 跳出率是最性感的度量在所有的數字營銷。它簡單而告訴您那麼多一眼。
反彈發生當一個多使用者在頁面之一, 土地回到所指的頁面沒有點選任何東西。這表明多使用者的意圖可能是不滿意, 多使用者體驗在很大程度上是沒有成就感。如果您的網站的跳出率為 60% 或更高, 這可能是一個引起人們的關注。這是一個訊號, 表明您的設計, 您的訊息或者兩者都可能令人困惑。
跳出率是反彈一個網站頁面的訪問量百分比和訪問的總數。幾乎每一個分析平臺提供整個網站跳出率資料和每個頁面。在谷歌分析, 您的跳出率的第一件事您會看到在儀表板中。
● 轉化率, 轉換髮生在一個網站的目標是完成。訪問一個頁面, 這可能是一個事務, 選擇一個郵件列表, 一個電話, 等等。您的轉化率, 因此, 訪問的比例是繼續轉換和網站訪問的總數。
不清楚目標可以使網站的轉化率受到影響。在您的訊息傳遞和明確的設計方案, 限制干擾可以幫助保持您的轉化率健康。如果您的網站的轉化率低於 2%, 您要檢查您的設計, 看看它是否可以幫助或傷害了清晰的站點的目標。
2 。精彩的內容
核心內容是一個網站的每個多使用者的體驗。不管是文字、影片、音訊或影像, 必須正確地制定和格式化吸引您的聽眾最接觸的。如果獲得適當支援, 好的 WordPress 網站設計、內容變得更容易訪問和共享。相反, 糟糕的設計可以限制內容的能力來影響多使用者和擴充套件站點的到達。
指標來考慮:
大多數分析平臺會給您豐富的資料, 會給您的想法您的內容執行。頁面級反彈率, 正如在前一節中所描述的, 是有價值的在縮小頁面可能患有設計問題。這裡有其他指標看, 試圖尋找線索內容效能與設計:
● 平均時間頁——多使用者的時間呆在您的頁面是一個訂婚水平的跡象。雙失交通匆忙離開頁面和糟糕的設計有助於他們急於離開。如果平均多使用者平均花費不到兩分鐘, 當他們訪問您的頁面, 您需要立即調查此事。
平均時間在網站/網頁在谷歌分析資料提供和其他平臺。事實上, 您可以發現這個指標對遺傳演演算法的基本指示板。頁面級時間平均水平, 您可以去 GA 的 “網站內容” 部分和生成報告頁面, 看看哪些表現不佳。從那裡, 您可以發現共性和模式可以幫助您識別設計問題。
● 退出率——站點中的頁面傳送掉大部分遊客當他們不應該轉換漏斗的最後一站嗎? 這個指標將會讓您知道。在 Google Analytics 的 “網站內容” 的報告, 您可以根據哪些網站頁面引導多使用者從您的網站。頁面異常高退出率應該追究可能的改進設計, 可以阻止遊客流血。
3 。易於導航
易於導航與多使用者可以瀏覽一個網站的速度有多快找到他或她想要看到的東西。的戰略使用選單、搜尋框和類別將有助於促進更好的導航體驗。理想情況下, 多使用者不應該超過 4 點選從主頁的子頁地址他們的意圖。除此之外, 通常意味著您的東西導航設計是讓人困惑或含糊。
傑夫 Sauro MeasuringU 寫了優秀的文章您應該尋找當試圖評估一個導航方案的效能。這些包括:
● 可尋性率/完成率
● 時間去尋找
● 變化在找時間
● 最初的點選
● 成功的路徑
● 信心
● 困難:
● 最困難的專案定位
● 第一路徑成功與第二路徑成功
● 困難的原因
您可以閱讀每一個在上面的帖子連結的定義以及提示如何收集資料。
導航分析報告, 如果您正在尋找更容易的但不那麼深入, 您會想看看Google analytics的導航總結。這下可以找到隱藏的寶石行為>網站內容> GA 的所有頁面。它顯示了遊客流從一個頁面到另一個, 這樣您就可以獲得的見解, 頁面是促進良好的導航和哪些是作為交通阻塞物。
最終的目標是確保您的設計是促進遊客運動和發現的頁面, 滿足多使用者的意圖。更快和更容易導航路徑對您的觀眾, 讓事情更好的您的大轉換數字。
4 。視覺吸引力
整體視覺吸引力是指一個網站如何使遊客產生影響。大多數人一致認為, 視覺吸引力的函式是一個網站的佈局、配色、材質、字型, 和富媒體的使用。它也是最主觀的部分的四個原則構成高質量的網站。這意味著它的大多數的地方測試和分析應該看哪個計劃高興的大部分觀眾。
在大多數情況下, 有兩種型別的測試, 看看哪個視覺元素最適合網站的總體設計。這些都是:
● A / B 對比測試——在 WooCommerce 獨立站網頁設計和營銷,A / B 測試是一個實驗, 看這兩個變數的一個更好的回應觀眾的一小部分。例如, 如果您選擇兩個號角按鈕的顏色, 您想要執行這種測試看得到更多點選哪一個。
同樣可以適用於元素 (如字型。如果您想知道這兩種字型可以促進更好的閱讀, 您可以執行一個分割測試, 看看哪個更好接觸訊號設定。平均時間頁和 scrolldown 率的統計資料您要檢查。
Google 網頁最佳化工具 A / B 測試是一個很好的工具。它是免費的使用和相對友好甚至新手站長。
● 多元測試——如果 A / B 測試告訴您哪一個奇異元素之間更好的工作, 多變數測試告訴您的組合元素促進理想的多使用者行為。那個按鈕顏色配您的背景和字型樣式? 讓多使用者行為給您最真實的答案。
A / B 測試,Google 網頁最佳化工具是一個偉大的工具, 這種型別的測試。 VWO 和最佳化也是不錯的選擇。
工具來幫助提高 WooCommerce 獨立站網頁設計和效能
計劃和執行修改您的網站可以是一個艱鉅的任務, 但這並不意味著您必須從頭開始。下面列出的是工具, 可以幫助您入門。
設定目標和跟蹤:
設定目標是在增強在 WooCommerce 獨立站網頁設計中不可或缺的一部分, 以及跟蹤他們看到您是如何表現的。谷歌分析提供了一個綜合設定建立目標您想申請的改變。使用遺傳演演算法, 可以建立自定義的目標, 設定值, 記錄您的狀態和分享它們。您還可以使用目標跟蹤, 另一個分析平臺, 目標設定和監控。
網站和頁面速度:
您將在您的網站和網頁實現的改變可能會影響載入速度。您可以監督這兩個活動使用 Pingdom 一個工具, 告訴您您的網站載入速度, 和 PageSpeed 谷歌建立工具, 幫助分析最佳化您的網頁開啟的速度有多快。
熱點圖:
熱量地圖在您的網站允許您確定活動的遊客, 如點選和卷軸, 當它們在您的網站上。它告訴您哪些地方他們去最, 哪些區域是受到最少的關注。確定站點的熱圖會提示您您的 WooCommerce 獨立站網頁設計方面的消費。這個是工具, 將幫助您監視瘋狂的蛋和 Inspectlet.
編碼小抄
編碼可能是最乏味的一項任務時實現 WooCommerce 獨立站網頁設計的變化。幸運的是, 足夠的指南可供程式設計師等 jQuery,CSS,HTML5,script 來幫助他們。
結論
最終,WooCommerce 獨立站網頁設計是一個不斷進化的問題。很高興與藝術性和最佳實踐在最初的階段, 但分析和測試必須燃料最佳化過程。有感覺什麼看起來不錯, 什麼是好的工作; 與數字不會說謊知道肯定是更好。