作為網頁設計師，很容易將自己視為視覺藝術家而不是商業戰略家。 雖然網頁設計確實涉及創造力和藝術性——這是網頁設計不可或缺的重要部分——但真正有效的網頁設計不僅僅是漂亮的網站。 這是有效的網站。 有效可以具有不同程度的含義。

有些人將有效的網頁設計視為具有視覺吸引力且易於瀏覽的網站。 人們每天都聘請網頁設計師來製作看起來不錯且易於使用的網站，具有令人愉悅的配色方案、有意義的導航和一致的品牌。 演示和導航當然是用戶體驗的兩個重要方面，這是評估任何網站的指標。 用戶體驗越好，設計就越成功。

好的網頁設計不僅僅是用戶體驗

設計用戶在網站上的體驗超越了視覺和機制。 網站所有者通常希望網站用戶做某事，而說服用戶做那件事（無論它可能是什麼）就是轉換的過程。

轉化與用戶有關，但歸根結底，它與網站所有者與用戶互動的目標有關。 現在設計的大部分（如果不是絕大多數）網站的目的是將訪問者和用戶從被動查看者轉變為網站目標的積極參與者，無論該目標是銷售產品、產生潛在客戶還是收集註冊。 將訪問者從被動查看者轉變為主動參與者是轉換的過程，它是任何網站成功的關鍵但經常被誤解的部分。

良好的轉化率歸結為有效的內容，在網站設計中有效呈現。 它需要圍繞可轉換內容構建的出色設計。 兩者——設計和內容——是密不可分的，一個要有效，另一個也必須如此。 雖然設計師不必是文案或攝影師，但他們確實需要很好地掌握如何以一種既有吸引力又有效的方式呈現網站內容。

為了讓您開始，這裡有五個“秘密”來設計可轉換的內容。

1.刪除虛擬文本

許多設計師經常會想出一個網頁設計並使用 Lorem Ipsum 虛擬文本來充實它。 如果您的目標是轉換，那麼這絕對不是工作方式——在設置設計之前掌握您的內容至關重要。 否則，您的設計只是一個假設的“這將是一個不錯的網站”項目，而不是您受僱創作的高度細緻入微的藝術形式。 內容需要決定設計。 否則，您將面臨設計中多餘元素的非常真實（並且經常意識到）的風險，需要將內容硬塞到不太合適的設計中，以及在強調正確內容方面完全失敗的整體演示正確的時間。

一個能夠很好地展示其內容的簡單網站將比一個設計精美的網站轉換得更好，該網站未能突出關鍵信息並掩蓋其他信息。 使用假設的文本和圖像進行設計只是為客戶可能會愛上的設計做好準備，但最終會在放入真實內容時失敗。如果需要，請先草擬你的想法，但在進行任何認真的頭腦風暴或將線框放在一起，確切地知道您正在使用什麼以及需要展示哪些元素。 設計師 Jeffrey Zeldman 在 2008 年說得最好：“沒有內容的設計不是設計，而是裝飾。”

如果您在提供設計服務的同時提供文案服務，您也許可以圍繞您的設計理念雕刻您的文案（反之亦然），但您仍然需要對所展示的內容有一個很好的認識，然後才能弄清楚如何呈現它。 這場比賽不允許穿鞋拔。

2.站點前做站點地圖

一個非常好的站點地圖是一個很棒的禮物，你可以給任何網站的用戶，特別是如果網站中有很多東西需要導航。 但是，您可能沒有意識到，出色的站點地圖也可以成為送給您自己和您的客戶的禮物。 如果您在開始設計之前手頭有一個站點地圖，那麼您基本上得到的是構建整個設計結構的大綱。 正如 Cameron Chapman 為 KISSmetrics 所寫的那樣，一個好的站點地圖是“一個集中的規劃工具，可以幫助組織和澄清需要在您的站點上的內容，並幫助您消除不必要的頁面。”

換句話說，站點地圖有點像您網站的路線圖。 創建一個根本不會調用任何設計技能，只會調用組織技能。 這意味著佈局站點地圖是您可以留給客戶、合作開發或自己承擔的責任。 如果您負責站點地圖，請確保客戶在繼續之前進行全面評估； 站點地圖通常會隨著時間而發展，但沿途變化越少，您的生活就會越好。

站點地圖明確了內容需要在哪里以及在哪裡，而不是繁瑣或難以組合或調整。 它消除了設計或導航效率低下的可能性，因為您可以看到每條內容需要去哪裡並創建有用的內部鏈接，而不是重複信息。 不再有重複的內容意味著您或網站用戶不再浪費時間。

站點地圖的另一個好處是它有助於從一開始就明確項目的範圍，您和客戶可能都會欣賞。 站點地圖真正的後勤優勢在於，它可以作為您已完成的項目部分和仍在進行中的部分的跟踪器。 保持數字化，並確保輸入站點地圖和站點設計進度的每個人都可以訪問它。 將其用作保持客戶更新的快速工具，並在建議對內容進行任何更改時繼續引用它，以節省您的時間和頭痛。

3. 有明確的行動號召

當網站的目標是轉化時（這種情況最常見），最關鍵的元素之一就是號召性用語。 坦率地說，大多數網站都應該有某種號召性用語，無論是“註冊”、“添加到購物車”還是“查看圖庫”。 應該引導用戶採取一些行動，並且該行動需要清晰明了地佈置。 它可以是一個按鈕、一個鏈接或其他東西。 不管是什麼，這就是我們所說的“號召性用語”的意思。

無論您的號召性用語是幽默的語氣（今天就註冊，否則兔子會得到它！），喚起友情（加入事業），還是充滿緊迫感（僅今天發售！），它需要以某種方式設計這對目標受眾很有吸引力，並且與網站的整體信息一致。 有關一些很棒的想法和示例，請查看 Helga Moreno 關於 Just Creative 行動號召的文章。

需要注意的重要一點：如果您在登錄頁面上的號召性用語是讓用戶填寫選擇加入表單，請在該頁面上包含該表單。 不要讓用戶單擊將他們帶到選擇加入的鏈接。 與兩步選擇相比，一步選擇加入的轉化率要高得多。 只需將選擇加入登錄頁面即可。 當您使用它時，請確保表單隻請求您實際需要的信息——它請求的越少，它的轉化率就越高。

4.確保標題是好的

任何稱職的網絡作家都會告訴你，頭條新聞很重要——這是真的。 這些天，我們都在開玩笑說煩人的點擊誘餌和短暫的注意力，但研究表明，任何網站都有八秒鐘的時間在訪客反彈之前吸引訪客的注意力。 八秒不是很多時間，可以肯定地假設這些秒中的大部分時間都花在了瀏覽標題上。 這就是為什麼在您的網站設計中任何類似標題的東西都必須是強大的，這絕對是至關重要的：只有引人注目的標題才能讓用戶在您的網站上停留足夠長的時間，以便有機會進行轉換。

如果在設計中生成標題和其他 H1 文本的責任落在了你的肩上，你需要提高你的標題寫作技巧。 我最喜歡的兩個資源是來自 Copyblogger 的快速提示帖子和來自 Jon Morrow 的免費 Headline Hacks PDF。 這兩種資源都是為作家開發的，但它們以一種英語流利的任何人都可以立即吸收和使用的方式展示了編寫好標題的基礎知識。

5. 使用多功能圖像來捕捉和保持興趣

網頁設計中的圖像藝術（以及其他視覺元素，如徽標和突出字體）是一門科學，您應該對什麼才是好的圖像選擇有敏銳的理解——尤其是在您將內容分層時在圖像上，或在關鍵標題或號召性用語中捆綁。 大多數實際的網頁設計都是在台式機或筆記本電腦上進行的。 與我們生活中的所有屏幕相比，這些電腦顯示器寬敞，光線相對較暗，並且通常在室內，或者至少可以避免陽光直射或其他眩光。 但這並不是當今在網絡上查看圖像的唯一環境。

在辦公室笨重的 iMac 上看起來很棒的圖像不一定會在燈火通明的街道上攜帶的早期型號智能手機的屏幕上看起來一樣好，甚至顯示出來。 這些都無法與水平迷你平板電腦顯示圖像的方式相提並論。 當今連接和技術的本質要求您在構建網站時考慮各種監視器和查看場景。

您的圖像需要引人注目且可擴展，以適應不同環境中不同的顯示器尺寸：想想 4 英寸的高光頭頂到 40 英寸的室內間接陽光過濾。如果圖像因其細微差別或複雜的細節而引人注目，它可能不是要使用的正確圖像。 根據需要調整任何圖像，如果調整可以使它們可行（或者如果客戶需要使用它們），並專注於對比度以呈現高清晰度。

轉換的複制鍵

雖然這五個“秘密”根本不是真正的秘密，但很容易忽略或完全錯過這些關鍵元素來創建可轉換的內容。 網站是呈現內容的載體，任何網頁設計都必須考慮到用戶。 但是，正如這些技巧所表明的那樣，有效的網頁設計不僅僅是讓網站看起來美觀且易於使用。 通常還有另一個目的：推動轉化。 掌握和使用網頁設計工作流程的所有這五個領域將大大有助於您創建在各個方面都真正有效的網站。