從確認你的網站目標開始 5個要點讓你的網站更「值得點擊」

仲介交易 SEO診斷 淘寶客 雲主機 技術大廳

你可能有很好的內容要與你的網站訪問者分享，但是如果你不幫他們找到這些內容，這些內容就等於不存在。 這篇文章將説明你計畫網站的佈局、結構、導航和措辭，使你的網站內容更有趣，減少混亂，具有更多的點擊價值。

「值得點擊」是什麼意思?除了一般意義上的「值得點擊和流覽/閱讀」，還意味著使用者可以很快找到你想要他們找到的資訊，並且採取你想要他們採取的行動。

1. 從確認你的網站目標開始

在你開始做一個網站，甚至打開PS之前，請停下來問問自己：這個網站應該達到的目標是什麼?」

比如說：

你是想增加網店的產品銷售嗎?

你是想讓人們預約嗎?

你是想讓你的內容吸引更多的讀者嗎?

如果有上述不同目標的三個不同的企業主，他們應該建立三個截然不同類型的網站。 他們為網站選擇的佈局、內容、結構，甚至技術都應該是不同的。

當你找到你的整體目標後，請像下面的清單所列的問題那樣，研究更多、更深刻的問題。 這裡我再說一遍，你在想出這些重要問題的答案之前，不要開始動手開始做你的網站，尋找佈景主題或規劃出線框什麼的。 注意，下面不同的類比問題答案，可以很大程度上地改變一個網站的設計：

類比問題1：如果我的訪問者訪問我的網站時可以做一件事，並且只能做這一件事，我想讓他們做的是什麼?

類比答案A：

-我想讓他們在一個大的目錄下找到一種產品，然後購買那種產品。

對比答案B：

-我希望人們能預約來見我。 一旦他們來到我的辦公室，銷售基本上就可以確定了。

類比問題2：我怎樣才能説明我的訪客做那件事情?

類比答案A：

-我的店有300種產品，我要把它們分成不同的類別，並允許使用者過濾搜索他們正在尋找的產品類型。

-我要在一個非常明顯的位置設置一個搜索欄。

-我要把購物車放在容易找到的地方。

-我要在我的首頁上特別報導產品類別。

-我要我的訪客不是優先關注談論我的公司的網頁設計，同時也並不全部忽略他們。

對比答案B：

-我的首頁要有一個明確的號召來點擊」明顯位置」

-我會請人們在我的網站的每一頁上填寫預訂表格，同時沒有妨礙或阻止他們繼續流覽網站的快顯視窗或干擾元素。

-我會確保我的預訂表格不太長，這樣人們不會因為填寫表格而望而卻步。

-我將用寫得很好的網頁詳細描述我的服務，並且可以給有任何問題的人立即解釋清楚。 這樣，我就可以排除不填寫我的預訂表格的任何理由。

-我會建一個服務之前和之後的圖片庫，這樣人們會看到它，他們會發現，通過聯繫我，他們也可以得到同樣的結果。

類比問題3：當我的訪客登陸我的網站時，我如何讓他們知道他們「在哪裡」，和「做些什麼」，以及「為什麼他們應該關注我的網站」?

類比答案A：

-我要在我的logo下方有一個品牌口號，確切地說明我賣的是什麼。 這個標語不要賣弄或炫耀，使用雙關語，或包含只對我有意義的文字。 它將是很特殊的，甚至會替我打發走不想要我產品的使用者。

-我的導航標籤將按產品類別名稱編制，這樣人們就會知道在我的商店他們會尋找到什麼。

對比答案B：

-我要放在我的首頁頂部一個動詞為主的介紹性標題，緊隨其後的是一個簡短的預告片，解釋如果我填寫預訂表格人們會得到什麼。

-我將使用強大的攝影和視頻展示我的信譽，並且展示我能做些什麼來説明人們。

類比問題4：我可以用一句話回答以上問題嗎?

類比答案A：

-掛件商店- X 掛件，Y掛件和Z掛件，免運費!

對比答案B：

-「現在預定獲得X掛件絕對免費，我會額外附贈Y掛件!

-空間是有限的，但你不會後悔做這個預訂，因為你會得到_______，並且將通過提高____________改變你的生活」。

當然，以上只是樣本，而且還是過度簡化的樣本。 在開始一個網站的設計之前，先要問幾個問題。 要真正實現網站目標，你還需要關注其他的事情，比如你的文案。 這也是我們需要討論的下一個問題。

2. 使用清晰、明確的文案

文案標題對網站的成敗至關重要。 為了確保你的標題、導航標籤，甚至你的正文內容都足夠明確，最好的方式是問問你自己：在另一個上下文中，你的話是否可能意味著別的東西?如果可能，那麼這說明你表述得太模糊不清了。

繼續這一思路，問問你自己：「一個15歲的人會理解我所做的或所出售的東西嗎?如果有人登陸了我的網站，並且他對這個行業一無所知，如果我只使用像‘創新’，‘多元化’，‘戰略’或‘行業’之類的詞，他們會買它嗎?」

「行業」包含了無數的公司和交易。 「創新」和「戰略」是過度炒作的詞，不再有任何意義了。 所有好的公司都有戰略，所以他們都具有「戰略性」。 你應該知道我在說什麼吧?

來看一個真實的例子，看看在谷歌的提示資訊視窗上是如何描述這家公司的(摘自維琪百科)：

　　

(圖片上的部分文字：Ingersoll Rand Inc.是愛爾蘭全球性多元化工業公司，成立于1871年。 通過與Ingersoll Sergeant Drill 公司和RandDrill公司結合，1905年開始使用英格索蘭(Ingersoll Rand)的名稱。 -維琪百科)

如果你之前從來沒有聽說過這家公司，這個說明是不能説明你瞭解他們是做什麼的。 你會瞭解到的是他們是愛爾蘭人，他們進行全球化經營。 並且一度他們和鑽井有關。 他們是經營鑽井或出售鑽頭你還不清楚。 他們是否還好?我們也不知道。 但是，嘿，我們知道他們是「工業的」和「多元化的」。

訪問他們的網站也沒有太大的説明。 你首先看到的是一個帶標題的標識，上面寫著「一個創新的世紀」。

　　

那個標識會很快消失，但你仍然不知道這個公司是做什麼的，或者你為什麼要關注它，更別說誰才應該關注它了。

「創新」標題消失後，使用者將看到一個拿著平板電腦的男人在一個大城市的照片。 這佔據了主頁上「明顯位置」的很大一部分。

　　

那麼，他們是一家技術公司嗎?

我們仍然不知道這家公司是做什麼的。

頂部的導航寫著：「發現我們」，「加入我們」， 「投資者」，「產品」。

嗯，那我們試著看看，在「產品」下面是什麼?

　　

「汽車俱樂部(Club Car)」，「英格索蘭(Ingersoll Rand)」，「冷王(Thermo King)」和「特靈(Trane)」。

唉。 好吧。 讓我們試著來消化這些東西。

「汽車俱樂部」-這是一種汽車服務嗎?或者你是賣車的?

「英格索蘭(Ingersoll Rand)」不是公司的名字嗎?或者現在也是一種產品的名字?

「冷王(Thermo King)」聽起來像一種保暖床墊。

「特靈(Trane)」-這是一個拼寫錯誤。 是嗎?

退出導航功能表。 讓我們來看看那張大幅照片下面寫些什麼。

「關於我們

説明|構建|交付|滾動」

英格索蘭(Ingersoll Rand)，你現在真的把我們弄糊塗了。 為了説明訪客你是怎麼做的?我們現在又回到「床墊」了嗎?你構建什麼?你交付什麼，交付給誰?你是否類似于UPS?「 滾動」是怎麼回事?

標籤在這裡不起説明作用。

我們剛剛認識了它的標識。 我們完成了這個網站。 該離開了。

在這個例子中，我們看到，對於不熟練的使用者來說，標籤、標題和產品的照片可能只是在製作相關網頁時的一個起點。 這個網站可能只是以內部員工和管理人員為主要受眾製作的，而不是以新的客戶為主要受眾製作。

然而，為了避免變成一篇講UI的文章，我們會停在這裡，並且回到我們的原點：

確保你非常清楚，你是用文字，而不只是用照片或設計理念來銷售產品。 不要依賴使用者對你的品牌意識。 他們可能從來沒有聽說過你的品牌。

尤其對創業公司而言，當你的產品或服務是一種新興趨勢，或你在現有市場是一家新的參與者的情況下，明確的表達變得十分重要。 比較出售幾乎相同產品的兩家不同的公司的主頁。 一家公司的主頁讓你覺得對於他們銷售的是什麼毫無疑問，而另一個公司的主頁讓你覺他們賣的是「高雅」：

　　

　　

你更傾向于從哪一家公司購買?是說明其產品並告訴你產品優勢的公司，還是使用單詞「高雅」，並且試圖出售一些看起來像是室內設計一樣東西的公司?

3. 使用動詞，大量的動詞

我能想到的優秀銷售導向文案的一個最佳例子是在23andme網站(個人基因測試網站)上。

他們的許多標題都以一個動詞開始，要求使用者「做」點什麼。 而且，每一頁都用顯而易見的按鈕號召使用者行動，要求使用者「現在預訂」，這也是一個行動導向的動詞。

這樣做減少了使用者的被動性。 即使網站的佈局把你的眼球吸引到了他們行動號召上，他們也特別清楚網站的意圖是什麼，這個公司想要他們做什麼。 (23andme網站資訊的其餘部分是次要的，但是如果使用者想要瞭解的話，它就在那裡。 )毫無疑問，這個網站的主要目的是讓人們訂購一個DNA檢測試劑盒。

這似乎是顯而易見的，但是你如果知道很多公司竟然就那麼容易在誇誇其談和追求設計感中忘記自己的網站目標時，你一定會大吃一驚。 這樣使用者就會沒有一個可以瞄準的「目標」和一個可以遵循的「路線圖」。

23andme的主頁以這一理念作為引領，同時它也遵循我們上面提到的所有」規則」。 讓我們來看看在下面的截圖中說明動詞用法的紅色框：

　　

注意網站的頂部標題中顯示的品牌口號，這個品牌口號所描述的正是這個公司所做的和所提供的內容(見上述第2條規則)。 介紹性的標題則向使用者說明了從中他們可以得到什麼。 此外，這個網站並沒有一直談論公司有多麼「創新」，而是主要關注使用者的利益。 它開門見山地要求人們做一件簡單的事情：現在訂購。 然後它不斷給出去做這件事情的更多理由，如：

　　

另一個要大量使用動詞的地方是在你的導航功能表中。 許多文章對導航功能表的建議會告訴你，不要改變網頁的命名公約。 這是真的，但如果你保持使用明確和明顯的表達，你仍然可以利用動詞化的導航功能表。

第一個啟發我這樣做的網站是biblesforamerica.org。 我瞭解到這個網站己經接受了超過一年的規劃和深入研究。 對我來說最吸引人的專案之一是主導航功能表使用動詞，它使每個可點擊的專案都成為了行動的號召：

　　

要注意的重要的事情是，這個導航功能表使用雙層。 第二層文字進一步說明使用者可以在每個動詞的下面發現什麼。 在這種情況下，只有主巡覽列，沒有額外的文字，操作功能表將會不起作用。

例如，如果動詞「訪問」是一個獨立的連結，使用者會問：「訪問?你想讓我去訪問你的辦公室嗎?」 但第二行清楚地表明「訪問」的地方是博客。

有時沒有第二行說明的單字詞連結也可以起作用，但如果它旁邊的動詞差異不夠充分，或者太含糊不清，就可能會引起混淆。 看下面這家博物館網站的例子：

　　

在這裡，當使用動詞「訪問(visit)」時，毫無疑問該網站是在邀請使用者參觀博物館。 而我們都知道博物館是吸引面對面訪問的，富有教育意義的地方。

然而，如果沒有第二行的說明，單獨使用動詞「探索」時，功能表就會變得混亂。 「探索博物館嗎?不，那不就是我要參觀博物館的原因嗎?你是想要我們做兩次相同的事情嗎?」 使用者需要進一步調查才能知道「探索」是指什麼。

4. 利用約定俗成的網站佈局展示你的優勢

本節的副標題可以是「不要為了顯得時尚而時尚」。 換句話說，要堅持傳統的網站佈局，除非你真的知道你在做什麼。 如果你沒有上過一個使用者介面設計的課程，最安全的辦法是遵守規範，因為規範已被證明對使用者來說比較管用。

不要試圖通過把你的導航功能表放在你的主頁的底部或者使功能表在一些頁面上消失而顯得不同。 不要試圖把你的logo放在右上角而不是左上方。 如果你不足夠瞭解排版(超過會導致注意力不集中的每行的字元限制)，不要移除你的側邊欄。 總之：不要步出傳統網頁設計的「安全區」以外。

記住，你的佈局不應該是為了讓你滿意而存在。 它是用來使你的使用者盡可能容易地找到他們正在尋找的東西，並且採取你希望他們採取的行動。 使用者沒有太多的精力、注意力和時間來關注如何使用新的「時尚」的佈局。

一個讓我很迷惑的網站是kgms.ca。 當你發現右側框是網站的主導航功能表後，點擊它的一個專案，你就會滾動到看上去似乎是一個單頁網站的新的一節;但是，事實上，它是新URL兩級子資料夾上的全新頁面。

　　

(小編友情提示：斜體部分實際上你可以快速跳過去......) 在這個層面上，你會在頂部獲得另一個功能表，但這不是一個頂級功能表;它是一個子功能表。 如果你點擊在這個原本應該是頂級功能表位置的其中一個子功能表，你將會轉到新的頁面。

如果你想從這裡去主頁，那麼你到達不了主頁，至少用任何可見的「主頁」按鈕或連結到達不了主頁。 左上方的標誌已經消失了，所以那是不可能的，因為對到達主頁有「懷疑」。

為了從這裡到達主頁，你可以試著做的唯一事情是向上或向下滾動。 如果你向上滾動，你就會被帶到一個看起來就像主頁的區域，但它不是。 它的URL顯然是一個子級頁面。 如果你點擊側邊功能表上的另一個連結，你就會到達一個新的URL，並且會出現文本。 這的確很棒，但是，一不注意大的照片就會從左側滑入，並且你不知道你的文字在哪裡。

如果你上述內容沒看懂，那麼，你就會知道我打開它時的感受啦。 (明白小編為什麼在上面提示了吧?)

要點是，你自己千萬別做這樣的事情。 是的，也許你已經表明了你有做一個網站的能力，並且當然，是非常美觀的。 但問問你自己：「非常美觀」的設計和過度使用「酷」的技術，和讓使用者困惑比起來，值得嗎?

有時候你可以「打破常規」嗎?當然可以，但首先你要知道你在做什麼。 同時，記住你的網站目標(上述第1條規則)。 例如，moz.com網站是新的，時尚的，但不會引起困惑。 他們的網站上的每一頁都引入了一種新的佈局，這樣有助於突出內容。 但頂部導航保持固定位置以便説明使用者可以很容易地從一個頁面到達另一個頁面(除了在博客區域，因為有時候它會迫使使用者使用瀏覽器的「後退」按鈕)。

5. 不要試圖複製別人的頁面

當我面對只是因為競爭對手這樣做就提出(甚至堅持)一種想法的客戶時，我覺得很困惑，因為這決定並不是基於任何研究或網路行銷原理作出的。 你的競爭對手可能並沒有特意設計，或得到更多的點擊，他們很有可能是「即興表演」。

這與上述第4條規則並不矛盾。 這不是指網站規範。 如果你的對手，或一個大品牌，遵守網站的規範，並且對於他們來說這些是行之有效，那麼你也應該這樣做。 但這並不是說你要「複製」。

你不應該做的是，當你不了解這些網站設計和佈局是如何運作的，為什麼它被放在那裡，以及還有什麼其他的解決方案可以實現網站目標，而只是因為在另一個網站上看到它就複製一種佈局或功能(見上述第1條規則)。

例如，不要只是因為你覺得星巴克是個大公司，就嘗試使用像星巴克一樣的導航功能表。 你看得出他們目前的導航功能表有什麼毛病嗎?

　　

這個導航功能表中使用雙行，只是第二行試圖擠進三個單獨的子標題，「把混淆不清的詞放在一起，好像他們是一個句子的一部分。 」這不是你使用雙行功能表的方法!

例如，標籤「咖啡館(coffeehouse)」本身是令人困惑的，因為在這個網站上顯然沒有咖啡館(除非星巴克已經找到了一種方法來虛擬地提供咖啡)。 使用者必須依靠導航標籤中的第二行來瞭解「咖啡館」是指什麼。 使用者可以得到什麼?「 音樂Wi-Fi社區(Music Wi-Fi Community)」。

哦，有趣。 星巴克有「音樂Wi-Fi社區」。 是我們在他們的網站上通過互聯網談論音樂的地方嗎?或者是一種新的社交網路?

不，都不是。 如果你看一看其他功能表標籤，你就會看到他們試圖列出三個不同的詞並且做的很差。 如果你的滑鼠懸停在標籤上，你會看到一個彈出的「大功能表」，這個「大功能表」被分隔成他們的網站的不同的子領域。 通常，大功能表能夠很好地説明大型網站在一個集中的位置為使用者組織內容。

　　

然而，這個大功能表需要重新做一些簡單的標籤，以及重新組織。 這些區域沒有像在第二行標籤中那樣用「音樂」這個詞。 此外，這些子部分中的任何一個都看不出是如何與「咖啡館」這個詞相關的。 那部分內容是想說發生在他們的咖啡館裡的事情?但是，如果是這樣，為什麼還會說是「線上社區」?而且，他們為什麼在這部分發布手機應用廣告?

這個網站設計可能已經超越了其本來的目標。 應該試圖用內容的更新來延長它的虛擬壽命。 如果你現在複製這個「大品牌」，你的網站戰略將不會如期完成。 最好堅持現在流行的做法，雇傭實際內容架構師、網路行銷師和使用者介面設計師來幫你一起做。

最後，我們學到了什麼?

如果你想要使你的網站更值得點擊，你需要：

A)作為第一步，首先確定你的目標：

開始設計之前問自己正確的問題。

問自己你將如何去實現你的目標，以及對於你的目標來說什麼樣的戰略是最好的。

B)使用合適的文案：

在你的寫作中突出特點。 用任何人都能理解的文字，來確保你的文案不是模糊不清的，並且可以說明你到底是做什麼的，你能提供什麼，以及人們為什麼應該關注你。

當你在編寫你的網站的文案時，要從別人以前沒聽說過你的公司這點出發。

避免使用在任何情況下，幾乎任何人都可以使用的「無意義」的字和詞。 換句話說，你可以說諸如此類的話：「我們把X賣給喜歡Y的人」時，不要使用「戰略」和「創新」之類的詞。

使用動詞和行動導向的片語。 只要你語言夠簡潔，又有足夠的空間，你也可以在你的導航功能表中這樣做。

C)在你的設計和佈局決策中運用常識：

如果你不是一個使用者介面設計師，不要試圖追求「時尚」的佈局。 堅持人們習慣的傳統;這樣終究是安全的。

不要只是因為你覺得「他們會知道他們在做什麼」，而試圖複製競爭對手或「大品牌」。 這樣做你可能會複製一個錯誤或過時的戰略。 堅持你的網站目標，並為你的獨特的網站需求徵求專業建議。

你還有什麼要補充的嗎?你如何使自己的網站更值得點擊?說出你的故事!

(編輯：創業邦，Via:entrepreneur。 entrepreneur內容授權創業邦獨家合作，未經允許請勿轉載。 )