- 相關推薦
如何讓網(wǎng)站更“值得點擊”?五大要點可搞定
你可能有很好的內(nèi)容要與你的網(wǎng)站訪問者分享,但是如果你不幫他們找到這些內(nèi)容,這些內(nèi)容就等于不存在。這篇文章將幫助你計劃網(wǎng)站的布局、結(jié)構(gòu)、導航和措辭,使你的網(wǎng)站內(nèi)容更有趣,減少混亂,具有更多的點擊價值。
“值得點擊”是什么意思?除了一般意義上的“值得點擊和瀏覽/閱讀”,還意味著用戶可以很快找到你想要他們找到的信息,并且采取你想要他們采取的行動。
1. 從確認你的網(wǎng)站目標開始
在你開始做一個網(wǎng)站,甚至打開PS之前,請停下來問問自己:這個網(wǎng)站應該達到的目標是什么?”
比如說:
你是想增加網(wǎng)店的產(chǎn)品銷售嗎?
你是想讓人們預約嗎?
你是想讓你的內(nèi)容吸引更多的讀者嗎?
如果有上述不同目標的三個不同的企業(yè)主,他們應該建立三個截然不同類型的網(wǎng)站。他們?yōu)榫W(wǎng)站選擇的布局、內(nèi)容、結(jié)構(gòu),甚至技術(shù)都應該是不同的。
當你找到你的整體目標后,請像下面的列表所列的問題那樣,研究更多、更深刻的問題。這里我再說一遍,你在想出這些重要問題的答案之前,不要開始動手開始做你的網(wǎng)站,尋找布景主題或規(guī)劃出線框什么的。注意,下面不同的模擬問題答案,可以很大程度上地改變一個網(wǎng)站的設計:
模擬問題1:如果我的訪問者訪問我的網(wǎng)站時可以做一件事,并且只能做這一件事,我想讓他們做的是什么?
模擬答案A:
-我想讓他們在一個大的目錄下找到一種產(chǎn)品,然后購買那種產(chǎn)品。
對比答案B:
-我希望人們能預約來見我。一旦他們來到我的辦公室,銷售基本上就可以確定了。
模擬問題2:我怎樣才能幫助我的訪客做那件事情?
模擬答案A:
-我的店有300種產(chǎn)品,我要把它們分成不同的類別,并允許用戶過濾搜索他們正在尋找的產(chǎn)品類型。
-我要在一個非常明顯的位置設置一個搜索欄。
-我要把購物車放在容易找到的地方。
-我要在我的主頁上特別報道產(chǎn)品類別。
-我要我的訪客不是優(yōu)先關注談論我的公司的網(wǎng)頁設計,同時也并不全部忽略他們。
對比答案B:
-我的主頁要有一個明確的號召來點擊”明顯位置”
-我會請人們在我的網(wǎng)站的每一頁上填寫預訂表格,同時沒有妨礙或阻止他們繼續(xù)瀏覽網(wǎng)站的彈出窗口或干擾元素。
-我會確保我的預訂表格不太長,這樣人們不會因為填寫表格而望而卻步。
-我將用寫得很好的網(wǎng)頁詳細描述我的服務,并且可以給有任何問題的人立即解釋清楚。這樣,我就可以排除不填寫我的預訂表格的任何理由。
-我會建一個服務之前和之后的圖片庫,這樣人們會看到它,他們會發(fā)現(xiàn),通過聯(lián)系我,他們也可以得到同樣的結(jié)果。
模擬問題3:當我的訪客登陸我的網(wǎng)站時,我如何讓他們知道他們“在哪里”,和“做些什么”,以及“為什么他們應該關注我的網(wǎng)站”?
模擬答案A:
-我要在我的logo下方有一個品牌口號,確切地說明我賣的是什么。這個標語不要賣弄或炫耀,使用雙關語,或包含只對我有意義的文字。它將是很特殊的,甚至會替我打發(fā)走不想要我產(chǎn)品的用戶。
-我的導航標簽將按產(chǎn)品類別名稱編制,這樣人們就會知道在我的商店他們會尋找到什么。
對比答案B:
-我要放在我的主頁頂部一個動詞為主的介紹性標題,緊隨其后的是一個簡短的預告片,解釋如果我填寫預訂表格人們會得到什么。
-我將使用強大的攝影和視頻展示我的信譽,并且展示我能做些什么來幫助人們。
模擬問題4:我可以用一句話回答以上問題嗎?
模擬答案A:
-掛件商店- X 掛件,Y掛件和Z掛件,免運費!
對比答案B:
-“現(xiàn)在預定獲得X掛件絕對免費,我會額外附贈Y掛件!
-空間是有限的,但你不會后悔做這個預訂,因為你會得到_______,并且將通過提高____________改變你的生活”。
當然,以上只是樣本,而且還是過度簡化的樣本。在開始一個網(wǎng)站的設計之前,先要問幾個問題。要真正實現(xiàn)網(wǎng)站目標,你還需要關注其他的事情,比如你的文案。這也是我們需要討論的下一個問題。
2. 使用清晰、明確的文案
文案標題對網(wǎng)站的成敗至關重要。為了確保你的標題、導航標簽,甚至你的正文內(nèi)容都足夠明確,最好的方式是問問你自己:在另一個上下文中,你的話是否可能意味著別的東西?如果可能,那么這說明你表述得太模糊不清了。
繼續(xù)這一思路,問問你自己:“一個15歲的人會理解我所做的或所出售的東西嗎?如果有人登陸了我的網(wǎng)站,并且他對這個行業(yè)一無所知,如果我只使用像‘創(chuàng)新’,‘多元化’,‘戰(zhàn)略’或‘行業(yè)’之類的詞,他們會買它嗎?”
“行業(yè)”包含了無數(shù)的公司和交易!皠(chuàng)新”和“戰(zhàn)略”是過度炒作的詞,不再有任何意義了。所有好的公司都有戰(zhàn)略,所以他們都具有“戰(zhàn)略性”。你應該知道我在說什么吧?
來看一個真實的例子,看看在谷歌的提示信息窗口上是如何描述這家公司的(摘自維基百科):
(圖片上的部分文字:Ingersoll Rand Inc.是愛爾蘭全球性多元化工業(yè)公司,成立于1871年。通過與Ingersoll Sergeant Drill 公司和RandDrill公司結(jié)合,1905年開始使用英格索蘭(Ingersoll Rand)的名稱。-維基百科)
如果你之前從來沒有聽說過這家公司,這個說明是不能幫助你了解他們是做什么的。你會了解到的是他們是愛爾蘭人,他們進行全球化經(jīng)營。并且一度他們和鉆井有關。他們是經(jīng)營鉆井或出售鉆頭你還不清楚。他們是否還好?我們也不知道。但是,嘿,我們知道他們是“工業(yè)的”和“多元化的”。
訪問他們的網(wǎng)站也沒有太大的幫助。你首先看到的是一個帶標題的標識,上面寫著“一個創(chuàng)新的世紀”。
那個標識會很快消失,但你仍然不知道這個公司是做什么的,或者你為什么要關注它,更別說誰才應該關注它了。
“創(chuàng)新”標題消失后,用戶將看到一個拿著平板電腦的男人在一個大城市的照片。這占據(jù)了主頁上“明顯位置”的很大一部分。
那么,他們是一家技術(shù)公司嗎?
我們?nèi)匀徊恢肋@家公司是做什么的。
頂部的導航寫著:“發(fā)現(xiàn)我們”,“加入我們”, “投資者”,“產(chǎn)品”。
嗯,那我們試著看看,在“產(chǎn)品”下面是什么?
“汽車俱樂部(Club Car)”,“英格索蘭(Ingersoll Rand)”,“冷王(Thermo King)”和“特靈(trane)”。
唉。好吧。讓我們試著來消化這些東西。
“汽車俱樂部”-這是一種汽車服務嗎?或者你是賣車的?
“英格索蘭(Ingersoll Rand)”不是公司的名字嗎?或者現(xiàn)在也是一種產(chǎn)品的名字?
“冷王(Thermo King)”聽起來像一種保暖床墊。
“特靈(trane)”-這是一個拼寫錯誤。是嗎?
退出導航菜單。讓我們來看看那張大幅照片下面寫些什么。
“關于我們
幫助|構(gòu)建|交付|滾動”
英格索蘭(Ingersoll Rand),你現(xiàn)在真的把我們弄糊涂了。為了幫助訪客你是怎么做的?我們現(xiàn)在又回到“床墊”了嗎?你構(gòu)建什么?你交付什么,交付給誰?你是否類似于UPS?“滾動”是怎么回事?
標簽在這里不起幫助作用。
我們剛剛認識了它的標識。我們完成了這個網(wǎng)站。該離開了。
在這個例子中,我們看到,對于不熟練的用戶來說,標簽、標題和產(chǎn)品的照片可能只是在制作相關網(wǎng)頁時的一個起點。這個網(wǎng)站可能只是以內(nèi)部員工和管理人員為主要受眾制作的,而不是以新的客戶為主要受眾制作。
然而,為了避免變成一篇講UI的文章,我們會停在這里,并且回到我們的原點:
確保你非常清楚,你是用文字,而不只是用照片或設計理念來銷售產(chǎn)品。不要依賴用戶對你的品牌意識。他們可能從來沒有聽說過你的品牌。
尤其對創(chuàng)業(yè)公司而言,當你的產(chǎn)品或服務是一種新興趨勢,或你在現(xiàn)有市場是一家新的參與者的情況下,明確的表達變得十分重要。 比較出售幾乎相同產(chǎn)品的兩家不同的公司的主頁。一家公司的主頁讓你覺得對于他們銷售的是什么毫無疑問,而另一個公司的主頁讓你覺他們賣的是“高雅”:
你更傾向于從哪一家公司購買?是說明其產(chǎn)品并告訴你產(chǎn)品優(yōu)勢的公司,還是使用單詞“高雅”,并且試圖出售一些看起來像是室內(nèi)設計一樣東西的公司?
3. 使用動詞,大量的動詞
我能想到的優(yōu)秀銷售導向文案的一個最佳例子是在23andme網(wǎng)站(個人基因測試網(wǎng)站)上。
他們的許多標題都以一個動詞開始,要求用戶“做”點什么。而且,每一頁都用顯而易見的按鈕號召用戶行動,要求用戶“現(xiàn)在預訂”,這也是一個行動導向的動詞。
這樣做減少了用戶的被動性。即使站點的布局把你的眼球吸引到了他們行動號召上,他們也特別清楚網(wǎng)站的意圖是什么,這個公司想要他們做什么。 (23andme網(wǎng)站信息的其余部分是次要的,但是如果用戶想要了解的話,它就在那里。)毫無疑問,這個網(wǎng)站的主要目的是讓人們訂購一個DNA檢測試劑盒。
這似乎是顯而易見的,但是你如果知道很多公司竟然就那么容易在夸夸其談和追求設計感中忘記自己的網(wǎng)站目標時,你一定會大吃一驚。這樣用戶就會沒有一個可以瞄準的“目標”和一個可以遵循的“路線圖”。
23andme的主頁以這一理念作為引領,同時它也遵循我們上面提到的所有”規(guī)則”。讓我們來看看在下面的截圖中說明動詞用法的紅色框:
注意網(wǎng)站的頂部標題中顯示的品牌口號,這個品牌口號所描述的正是這個公司所做的和所提供的內(nèi)容(見上述第2條規(guī)則)。介紹性的標題則向用戶說明了從中他們可以得到什么。此外,這個網(wǎng)站并沒有一直談論公司有多么“創(chuàng)新”,而是主要關注用戶的利益。它開門見山地要求人們做一件簡單的事情:現(xiàn)在訂購。然后它不斷給出去做這件事情的更多理由,如:
另一個要大量使用動詞的地方是在你的導航菜單中。許多文章對導航菜單的建議會告訴你,不要改變網(wǎng)頁的命名公約。這是真的,但如果你保持使用明確和明顯的表達,你仍然可以利用動詞化的導航菜單。
第一個啟發(fā)我這樣做的網(wǎng)站是biblesforamerica.org。我了解到這個網(wǎng)站己經(jīng)接受了超過一年的規(guī)劃和深入研究。對我來說最吸引人的項目之一是主導航菜
[如何讓網(wǎng)站更“值得點擊”?五大要點可搞定]相關文章:
【如何讓網(wǎng)站更“值得點擊”?五大要點可搞定】相關文章:
如何輕松搞定電子郵件07-12
如何讓溝通更順暢07-12
如何讓演講更成功03-30
教你如何搞定面試“出勤率”?07-11
flappy bird是如何吸引你點擊重新游戲的?07-10
校園招聘如何更完美07-12
看我如何5步搞定面試薪資談判07-11
網(wǎng)站是如何起死回生?07-11
打卡改版:五大亮點讓HR學習更方便!07-09
教你如何把簡歷寫的“更豐富”07-10