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