寫在前面

標(biāo)題黨是網(wǎng)絡(luò)上一小撮利用各種頗具創(chuàng)意的標(biāo)題吸引眼球，以達(dá)到各種個人目的網(wǎng)民們的自發(fā)性組織。其主要行為簡而言之即發(fā)帖的標(biāo)題嚴(yán)重夸張，帖子內(nèi)容通常與標(biāo)題完全無關(guān)或聯(lián)系不大。 ——摘錄自《標(biāo)題黨白皮書》

引用以上網(wǎng)友總結(jié)，是便于大家對“標(biāo)題黨”形成普適的認(rèn)知。本文并無心作弄各位，吸引眼球也只是一種嘗試。希望抽空讀過，品味個中滋味，以對生活、設(shè)計的趣味去激發(fā)設(shè)計的動力。就好像《情感化設(shè)計》中所說的：反思水平的設(shè)計應(yīng)當(dāng)是給人以回味和思考的……

以下三段式行文，逐步展開：
A 就事論事，看“標(biāo)題黨”
B 看到好的一面，用戶需求
C 回歸，且說標(biāo)題設(shè)計

A、就事論事，看“標(biāo)題黨”

所謂“標(biāo)題黨”，具有以下特性：
*標(biāo)題具有震撼力(或許含有色情、暴力的字眼)；
*標(biāo)題具有較為明顯的誤導(dǎo)或能夠引發(fā)讀者聯(lián)想；
*內(nèi)容上形形色色，但空洞乏味，往往無實際價值；
Like this:

【全裸模特寫真】

【沙灘上美女走光圖】

【半夜偷拍女生宿舍】

以上為較為典型的“標(biāo)題黨”行徑。其內(nèi)容不高端、價值低，不利于積極、健康的站點氛圍建設(shè)。而往往起點擊量頗高，受到網(wǎng)友所不齒。因而“標(biāo)題黨”特指此類貶義范疇，莞爾一笑的同時透著無奈。這里希望大家?guī)宵S帽子(指短時間內(nèi)集中關(guān)注事物的優(yōu)勢、好處的一種思維方法)來看待它，去偽存真，暫將此種采用標(biāo)題/正文的方式，稱之為“標(biāo)題模式”。

B、看到好的一面，用戶需求

時下，“標(biāo)題模式”大行其道于門戶網(wǎng)站、論壇、Blog等互聯(lián)網(wǎng)平臺。
Everything in existence is reasonable.每一種社會現(xiàn)象的產(chǎn)生也都是有原因的。當(dāng)我們透過現(xiàn)象看本質(zhì)，看到其可取的一面時，不難發(fā)現(xiàn)：縱觀標(biāo)題模式的產(chǎn)生，源于人類的認(rèn)知特性，而當(dāng)前社會的信息大爆炸以及互聯(lián)網(wǎng)這個特殊溫床更刺激了它的發(fā)展、擴(kuò)大了它的影響?！把矍蛭幕痹杏恕皹?biāo)題模式”。

在生活中“標(biāo)題”是一種姿態(tài)。它能使我們在第一時間了解文章的主要內(nèi)容，甚至也涵蓋了目標(biāo)讀者、作者態(tài)度，而人們往往只對標(biāo)題中的那么一兩個特殊的字眼感興趣。哦！是的，只是選擇他們最先看到、看上去可能正確的內(nèi)容，滿意即可，便立即操作……于是，點擊產(chǎn)生了。再往下想，卻發(fā)現(xiàn)這一兩個關(guān)鍵字眼可能滲透了很多元素?！皒xxx深圳xxx；xxxx可用性xxx；xxxx互聯(lián)網(wǎng)xxx；xxxx校花xxx”也許這些便是吸引你的那些標(biāo)題！有沒有發(fā)現(xiàn)什么有趣的？是的，也許可以大膽的假設(shè)：“深圳、可用性、互聯(lián)網(wǎng)、?；ā北闶菍δ?一個關(guān)注此類標(biāo)題的用戶，最好的注釋。誰知道google推出的郵箱服務(wù)是否也受了類似思路的影響呢？

在網(wǎng)站首頁，一眼望去你能所見什么呢？只有“標(biāo)題”。因而用戶也只好通過標(biāo)題去勾勒這個站點，它甚至比Banner上一句引導(dǎo)更為生動有效?；蛟S這些標(biāo)題，便構(gòu)筑了門戶重要的站點氛圍。又或者論壇，每個版面[…大標(biāo)題1、大標(biāo)題2(…小標(biāo)題1、小標(biāo)題2、小標(biāo)題3…)…]的不斷嵌套，構(gòu)成了版面結(jié)構(gòu)。因此也可以看到，標(biāo)題的存在也往往是相對的。

換言之，對于存在于互聯(lián)網(wǎng)中海量的信息，用戶確實需要這樣或那樣的“標(biāo)題”。俗話說“巧婦難為無米之炊”，到底有沒有可能讓我們暫且拋開信息內(nèi)容，來看看標(biāo)題設(shè)計呢？

C、回歸，且說“標(biāo)題”設(shè)計

在界面設(shè)計過程伊始，通常最重要的往往便是信息架構(gòu)設(shè)計。例如關(guān)于如何設(shè)計良好的站點導(dǎo)航的文章比比皆是，而本身一個簡短、便于記憶的導(dǎo)航詞條何嘗不是對下屬一組頁面的“標(biāo)題”呢？當(dāng)然，這并不代表我們混淆或忽視它和“Tag標(biāo)簽”或其他什么的界限。但顯而易見，“標(biāo)題模式”的設(shè)計至少影響著信息架構(gòu)領(lǐng)域，廣義或狹義。明顯、突出的標(biāo)題是設(shè)計的基本要素之一。就像某本書中所說的“…好的站點，應(yīng)為瀏覽而設(shè)計，不應(yīng)強(qiáng)迫我去思考…”。如何設(shè)計不用思考的標(biāo)題呢？

就視覺設(shè)計而言，具有最為直觀、強(qiáng)大的表現(xiàn)力。時下，你如果采用紅色粗體大號作為突出的標(biāo)題，可能會被說是墨守成規(guī)；但在找到更好的方法前，很多網(wǎng)站仍矢志不移的使用它，就單個標(biāo)題而言。你可以想象如果一個頁面(首屏)連續(xù)使用了50個紅色14號標(biāo)題的效果，一定可以排布的十分均勻，符合柵格、黃金分割或是別的定律……結(jié)果可想而知。視覺疲勞，認(rèn)知負(fù)擔(dān)？只是想說，標(biāo)題往往出現(xiàn)在眾多標(biāo)題之間，要知道它們每個又都凝聚了大量的信息，所以希望不要忽視量的累積。
也許你該注意：

1、給你想突出的標(biāo)題一個獨特的樣式、位置；
2、每組標(biāo)題的數(shù)量也要符合7±2的認(rèn)知法則；
3、注意留白，保證用戶在標(biāo)題組中的視覺流得以減速；
4、采用對比色或是顏色反白(好像windows一樣)也是不錯的想法；
還有更多關(guān)于標(biāo)題的視覺設(shè)計方法和技巧，歡迎研討……

Like this:

而從交互設(shè)計角度看，吸引眼球的標(biāo)題也有很多方法，功力最先表現(xiàn)在Wording上。就像上文說的，用戶可能只對標(biāo)題的一兩個關(guān)鍵字眼感興趣。當(dāng)然，也還是不能保證給出的標(biāo)題是你想要的，看看這些：

其實并不能武斷的說這個比那個標(biāo)題好，關(guān)于wording每人都有自己的語言習(xí)慣和想法；就像上文所說，不同的標(biāo)題表明了作者不同的態(tài)度和站點的氛圍、適合的場景，適合不同的讀者：

標(biāo)題1 采用了完整、縝密的陳述語言，有點學(xué)究氣和故弄玄虛，如果我要寫論文，它再合適不過了。從認(rèn)知角度講，越嚴(yán)謹(jǐn)，越專業(yè)；
標(biāo)題2 明顯增加了語氣和引導(dǎo)，也許作為一篇設(shè)計指引，對初學(xué)者還是蠻有吸引力的，或者難免引起專家的不屑，誰又敢說完美呢？有時候點擊量是隨著口水一起上升的；
標(biāo)題3 ，請注意我的語氣，不卑不亢甚至低姿態(tài)往往能降低讀者的門檻，回答“如何給我好標(biāo)題”，大家都有這個自信和發(fā)言權(quán)，因而誰會錯過這個機(jī)會呢？
標(biāo)題4，如果我真的用 ？？？？？？作標(biāo)題，恐怕不論放在哪兒，這篇文章的點擊量都可能會接近站點的流量……人們總是充滿了好奇心。再發(fā)揮一下你的想象力，假如站點除了導(dǎo)航和搜索，其他鏈接全部都是？？？？？？也許樂趣就這樣產(chǎn)生了……前提是去掉無效的廣告。

如果總結(jié)普適的規(guī)律，讓你的標(biāo)題更加易于理解，以下供參考：

1)狀語基本無效
2)修飾詞慎用但很有效
3)名詞最直觀
4)動詞可有可無，通順即可
5)若環(huán)境允許，盡量用友好的語氣
6)要引發(fā)聯(lián)想，讓讀者想探其究竟
7) 盡可能的精簡，這是最高宗旨
如果為了讓你的某個標(biāo)題能脫穎而出，打破這些規(guī)則吧！讓它盡可能的與眾不同(語氣、長短、顏色、位置……都不是問題)

Like this:

當(dāng)然，如果認(rèn)為wording優(yōu)化是交互設(shè)計師對標(biāo)題設(shè)計僅能做的，那就錯了。退一步看，誰說標(biāo)題一定是一句話呢？換個導(dǎo)航方式、增加頁簽或是補充個標(biāo)簽云圖，這些也都是改善爆炸的標(biāo)題信息的好方法。

總而言之，經(jīng)過縝密設(shè)計的“標(biāo)題模式”是為了增加點擊量的同時提高用戶操作的效率，是“標(biāo)題設(shè)計”的靈魂驅(qū)動力，更是商業(yè)設(shè)計的“潛規(guī)則”之一。最后請別忘了，更重要的可能還是信息內(nèi)容本身才能滿足“用戶的價值”，就像上文中采用更加規(guī)整的段落格式或補充些數(shù)據(jù)會更好:-）

• (本文出自Tencent CDC Blog，轉(zhuǎn)載時請注明出處)