導(dǎo)航是網(wǎng)頁(yè)設(shè)計(jì)中不可缺少的部分，它是網(wǎng)站訪問(wèn)者獲取所需內(nèi)容的快速通道和途徑。導(dǎo)航讓網(wǎng)站的層次結(jié)構(gòu)以一種有條理的方式清晰展示，并引導(dǎo)用戶毫不費(fèi)力地找到并管理信息，達(dá)到有效傳遞。同時(shí)，導(dǎo)航一般位于網(wǎng)頁(yè)的中上部分，也是視覺(jué)中心的區(qū)域內(nèi)。在保持其合理的功能作用的同時(shí)，一個(gè)好的導(dǎo)航設(shè)計(jì)，往往能夠成為整個(gè)網(wǎng)頁(yè)設(shè)計(jì)的點(diǎn)睛之筆！

一個(gè)設(shè)計(jì)師在布局和整體規(guī)劃網(wǎng)頁(yè)設(shè)計(jì)時(shí)，導(dǎo)航總是一個(gè)重要的元素。我們會(huì)思考，導(dǎo)航以什么形式呈現(xiàn)？是否能夠地發(fā)揮其梳理網(wǎng)站結(jié)構(gòu)、有效傳遞信息的功能？是否能夠烘托和配合整個(gè)頁(yè)面的設(shè)計(jì)風(fēng)格？是否能夠別出心裁潤(rùn)色和體現(xiàn)該網(wǎng)站的特點(diǎn)又不影響其功能性？是否能夠精益求精成為整個(gè)網(wǎng)頁(yè)設(shè)計(jì)至關(guān)重要的一筆？那么，就讓我們一起分享和淺析一下一些讓設(shè)計(jì)師們花費(fèi)心思精雕細(xì)琢的導(dǎo)航設(shè)計(jì)吧。

導(dǎo)航的設(shè)計(jì)會(huì)根據(jù)網(wǎng)站的基本類別、屬性和各自特點(diǎn)而有所定位。在這里，我挑選了一些非系統(tǒng)、門(mén)戶等類型，有明確特點(diǎn)、用戶定位、產(chǎn)品及品牌特色的品牌類、專題類網(wǎng)站。對(duì)于這些網(wǎng)站來(lái)說(shuō)，導(dǎo)航的設(shè)計(jì)將突破我們常見(jiàn)的橫向長(zhǎng)條導(dǎo)航或者豎式導(dǎo)航，會(huì)更加有意味、趣味和玩味，是能讓設(shè)計(jì)師們盡情拓展設(shè)計(jì)創(chuàng)意和思維的“有點(diǎn)兒意思”的導(dǎo)航設(shè)計(jì)！

導(dǎo)航是互聯(lián)網(wǎng)產(chǎn)品中應(yīng)用最廣泛的基礎(chǔ)元素之一，引導(dǎo)用戶了解到網(wǎng)站的內(nèi)容結(jié)構(gòu)進(jìn)而找到所求。作為基礎(chǔ)控件，導(dǎo)航看起來(lái)簡(jiǎn)單，但卻是產(chǎn)品設(shè)計(jì)中最復(fù)雜繁瑣的一部分。因?yàn)槲覀兿胍尵W(wǎng)站結(jié)構(gòu)更清晰、想要向用戶傳達(dá)所有的信息，所以就賦予了導(dǎo)航越來(lái)越多的內(nèi)容，使他們龐大異常，十分糾結(jié)。簡(jiǎn)化了，用戶無(wú)法了解到頁(yè)面結(jié)構(gòu)以及自己的處境，產(chǎn)生困惑；復(fù)雜了，導(dǎo)航臃腫不堪，層巒疊嶂，既不美觀也不好用。

那么，在清晰的信息架構(gòu)下能不能讓導(dǎo)航盡可能的更輕便、更靈動(dòng)，是筆者本文想要探討的話題。筆者看來(lái)，為導(dǎo)航塑身可以從以下幾個(gè)角度來(lái)進(jìn)行：1.簡(jiǎn)化結(jié)構(gòu)；2.優(yōu)化形式；3.打磨UI。

網(wǎng)站作為信息的集合體，要囊括海量的資源，從首頁(yè)到二級(jí)頁(yè)再到專題頁(yè)進(jìn)而底層頁(yè)等等等等，信息的層級(jí)多且繁雜，所以就容易形成tab套tab再套tab的局面。那么作為導(dǎo)航塑身的第一步，我們要做的就是把這負(fù)責(zé)的結(jié)構(gòu)盡量簡(jiǎn)化，讓導(dǎo)航變得輕盈起來(lái)，或者至少看起來(lái)不那么臃腫。

A． 通過(guò)面包屑來(lái)簡(jiǎn)化導(dǎo)航結(jié)構(gòu)

面包屑通常水平地出現(xiàn)在頁(yè)面頂部，一般會(huì)位于標(biāo)題或頁(yè)頭的下方。它們提供給用戶返回之前任何一個(gè)頁(yè)面的鏈接（這些鏈接也是能到達(dá)當(dāng)前頁(yè)面的路徑），在層級(jí)架構(gòu)中通常是這個(gè)頁(yè)面的父級(jí)頁(yè)面。面包屑提供給用戶回溯到網(wǎng)站首頁(yè)或入口頁(yè)面的一條快速路徑。

一個(gè)門(mén)戶網(wǎng)站常見(jiàn)的結(jié)構(gòu)是首頁(yè)-頻道頁(yè)-專題頁(yè)-子專題-底層頁(yè)。如果我們想在門(mén)戶網(wǎng)站看NBA的視頻直播，那么我們來(lái)看下他的導(dǎo)航：

如果把信息層級(jí)全部展現(xiàn)在用戶面前，就會(huì)形成上面的這種tab套tab的形式，使得導(dǎo)航臃腫不堪，占據(jù)頁(yè)面很大的空間?？墒侨绻覀儼延脩絷P(guān)心的導(dǎo)航內(nèi)容提取出來(lái)，就會(huì)得到下面的結(jié)構(gòu)：

上回說(shuō)到如何將情感因素融入到廣告創(chuàng)意中，在互聯(lián)網(wǎng)廣告制作時(shí)，多數(shù)的大牌企業(yè)會(huì)制定系統(tǒng)化的廣告宣傳策略，每個(gè)時(shí)期針對(duì)不同的產(chǎn)品推出不同形式內(nèi)容的廣告及品牌宣傳廣告。更多的互聯(lián)網(wǎng)廣告，比如各種尺寸的banner、矩形、條幅廣告等，多是由設(shè)計(jì)師快速的制作來(lái)完成的。那么如何快速的將情感因素融入到廣告創(chuàng)意中呢？

正文

      上一篇文章《廣告創(chuàng)意中的情感因素（一）》介紹了情感廣告相關(guān)的理論依據(jù)，情感的類型以及如何在廣告中融入情感因素。情感是廣告內(nèi)容的一個(gè)因素，可以借助不同的表現(xiàn)方式體現(xiàn)不同的情感訴求。

      創(chuàng)意廣告訴求的表現(xiàn)手法有很多種，如借喻、詼諧、夸張、比喻、擬人物、隱喻、對(duì)比等。結(jié)合廣告宣傳的品牌、產(chǎn)品或者服務(wù)的特征，選擇利用不同的表現(xiàn)手法表達(dá)蘊(yùn)含在品牌或者產(chǎn)品中的情感，引起人們的共鳴。如運(yùn)用對(duì)比手法的廣告，凸現(xiàn)己方的優(yōu)勢(shì)與特征，以取得消費(fèi)者的信服。

      互聯(lián)網(wǎng)的廣告區(qū)別于傳統(tǒng)廣告，在更新速度上要快很多。除了一些企業(yè)長(zhǎng)期的品牌宣傳外，很多是對(duì)產(chǎn)品、活動(dòng)、促銷的宣傳，內(nèi)容會(huì)經(jīng)常變換。設(shè)計(jì)師在廣告設(shè)計(jì)中可能沒(méi)有時(shí)間完成情感廣告的創(chuàng)意流程，因此將上篇文章和這篇文章的內(nèi)容進(jìn)行整合和提取，從中挖掘出一些點(diǎn)，可以讓設(shè)計(jì)師快速的將情感因素融入到廣告創(chuàng)意中提供參考。

在上一篇文章——網(wǎng)盟環(huán)境下廣告投放技巧淺析（一）中，我們對(duì)網(wǎng)頁(yè)信息密度，整頁(yè)分頁(yè)上廣告價(jià)值，廣告內(nèi)容&網(wǎng)頁(yè)內(nèi)容&人群興趣，這三方面的投放技巧進(jìn)行了闡述；今天，我們將結(jié)合眼動(dòng)研究實(shí)驗(yàn)與數(shù)據(jù)，向大家介紹網(wǎng)盟環(huán)境下廣告位置的變化對(duì)廣告關(guān)注度的影響與由此可以引入的廣告新樣式。

一、首先，實(shí)驗(yàn)之前需要對(duì)正文頁(yè)、廣告形式與廣告位置進(jìn)行實(shí)驗(yàn)界定：

（1）正文頁(yè)：

①正文頁(yè)形式：選擇最常見(jiàn)的正文頁(yè)作為環(huán)境載體，采取視覺(jué)上統(tǒng)一、整齊、不擁擠的優(yōu)質(zhì)正文頁(yè)，保證被試在實(shí)驗(yàn)中瀏覽頁(yè)面時(shí)，不會(huì)因?yàn)轫?yè)面本身低質(zhì)而影響對(duì)廣告的關(guān)注；

②正文頁(yè)內(nèi)容：以3頁(yè)形式呈現(xiàn)某國(guó)旅游景區(qū)介紹，被試看完每頁(yè)后自主翻頁(yè)到下一頁(yè)即可

（2）廣告：

①?gòu)V告形式：選擇展示性廣告最具代表性的兩種尺寸作為研究對(duì)象，即橫幅（960*90）與矩形（300*250）；

②廣告位置：分別位于導(dǎo)航區(qū)、側(cè)邊欄與正文區(qū)

• 導(dǎo)航區(qū)：位于頁(yè)面頂端，只出現(xiàn)橫幅廣告

最近，產(chǎn)品部用戶體驗(yàn)團(tuán)隊(duì)的同學(xué)對(duì)聯(lián)盟環(huán)境下投放廣告進(jìn)行了一系列研究，旨在以更科學(xué)的方式優(yōu)化網(wǎng)盟廣告投放，我們結(jié)合實(shí)驗(yàn)得出了各種投放策略下真實(shí)的實(shí)驗(yàn)數(shù)據(jù)，希望能給廣告主和客服在投放廣告時(shí)不僅知其然更能知其所以然，當(dāng)然最終目的是在改善用戶上網(wǎng)體驗(yàn)同時(shí)提升廣告效果，形成用戶與網(wǎng)站雙贏局面。

在網(wǎng)盟環(huán)境下投放廣告，一般會(huì)考慮廣告與網(wǎng)頁(yè)的形式、廣告與網(wǎng)頁(yè)的內(nèi)容和瀏覽人群這三個(gè)方面。這次研究就是從以上三方面出發(fā)，研究網(wǎng)頁(yè)信息密度，整頁(yè)與分頁(yè)廣告價(jià)值，廣告位置，廣告內(nèi)容與網(wǎng)頁(yè)內(nèi)容，人群興趣。由于篇幅限制，本文首先對(duì)網(wǎng)頁(yè)信息密度，整頁(yè)分頁(yè)上廣告價(jià)值，廣告內(nèi)容&網(wǎng)頁(yè)內(nèi)容&人群興趣，進(jìn)行闡述。變化多變的廣告位置放入下一篇文章中，請(qǐng)大家多多關(guān)注~

一、 實(shí)驗(yàn)簡(jiǎn)介：
1、研究對(duì)象：以網(wǎng)盟環(huán)境下占比最多的正文頁(yè)與列表頁(yè)作為研究對(duì)象
2、研究方法：眼動(dòng)研究，包括實(shí)驗(yàn)前訪談、熱點(diǎn)圖、篩選與分析數(shù)據(jù)；
3、名詞解釋：
（1）參與度: 瀏覽網(wǎng)頁(yè)時(shí)注意到廣告的人群比例
（2）注視點(diǎn)時(shí)長(zhǎng)：眼睛凝視頁(yè)面上某區(qū)域的時(shí)間，以秒（s）為單位
（3）廣告關(guān)注度=參與度*注視點(diǎn)時(shí)長(zhǎng)*100
即：注視點(diǎn)時(shí)長(zhǎng)*參與度表示所有參與的用戶對(duì)該廣告的平均關(guān)注度；乘以100是將數(shù)值整體化，表示100個(gè)人關(guān)注廣告的總時(shí)長(zhǎng)

注釋：因?yàn)橐韵氯齻€(gè)實(shí)驗(yàn)的頁(yè)面布局、頁(yè)面內(nèi)容、廣告內(nèi)容均不相同，所以不同實(shí)驗(yàn)下的廣告關(guān)注度不具可比性，只有同一實(shí)驗(yàn)下的廣告關(guān)注度有可比性。

二、 實(shí)驗(yàn)內(nèi)容
1、網(wǎng)頁(yè)信息密度對(duì)廣告關(guān)注度的影響如何？
（1）首先，面對(duì)復(fù)雜網(wǎng)絡(luò)環(huán)境，不同的站長(zhǎng)排版網(wǎng)頁(yè)有不同設(shè)計(jì)原則。雖然我們都知道適當(dāng)留白的網(wǎng)頁(yè)能夠帶給網(wǎng)民較好的用戶體驗(yàn)，但是信息傳達(dá)卻是網(wǎng)頁(yè)展示的核心目的。面對(duì)體驗(yàn)與目的兩大訴求，是以最大信息量與更多的廣告填滿整個(gè)網(wǎng)頁(yè)才能帶來(lái)更好廣告效果，還是適當(dāng)留白才能喚起良好用戶體驗(yàn)增強(qiáng)用戶瀏覽廣告的意愿？

（2）認(rèn)知心理學(xué)認(rèn)為：每一項(xiàng)認(rèn)知活動(dòng)都需要占用和消耗一定認(rèn)知資源，當(dāng)認(rèn)知任務(wù)所需資源之和不超過(guò)總資源，注意協(xié)調(diào)和分配才能同時(shí)進(jìn)行。當(dāng)頁(yè)面信息量很大時(shí)，用戶會(huì)感受到巨大認(rèn)知負(fù)擔(dān)而不會(huì)詳細(xì)加工信息，擁擠的頁(yè)面里即使布滿很多廣告，用戶也只會(huì)注意重要內(nèi)容而忽略非重要的廣告信息。

（3）以列表頁(yè)作為研究對(duì)象，使用留白量和廣告數(shù)來(lái)衡量信息密度。左側(cè)頁(yè)面用戶體驗(yàn)差但信息含量大，留白少有5個(gè)廣告；右側(cè)頁(yè)面信息含量少用戶體驗(yàn)較好，留白多有4個(gè)廣告。

（4）通過(guò)眼動(dòng)實(shí)驗(yàn)發(fā)現(xiàn)：擁擠的頁(yè)面用戶瀏覽所需時(shí)間長(zhǎng)但對(duì)廣告關(guān)注度小，寬松的頁(yè)面用戶瀏覽所需時(shí)間短但有更多精力可以放在廣告上。所以，為了呈現(xiàn)更多信息增加廣告數(shù)量而在網(wǎng)頁(yè)鋪滿信息，并不能提高用戶瀏覽廣告的概率，反而由于任務(wù)量變大，而使用戶心理上產(chǎn)生壓力匆匆讀完關(guān)閉頁(yè)面。如下圖所示：

隨著產(chǎn)品同質(zhì)化的嚴(yán)重，消費(fèi)者對(duì)產(chǎn)品的需求從功能性滿足上升到情感滿足和個(gè)人價(jià)值的實(shí)現(xiàn)上，因此相對(duì)于理性訴求的廣告，感性訴求廣告更能迎合消費(fèi)者，吸引消費(fèi)者。而感性訴求廣告就是常說(shuō)的情感廣告，那么，廣告創(chuàng)意中的情感有哪些呢？如何將情感因素融入到廣告創(chuàng)意中去呢？

正文

       創(chuàng)意廣告通過(guò)各種手段和方法，向消費(fèi)者傳遞品牌信息?；ヂ?lián)網(wǎng)時(shí)代，廣告不僅僅是廣告主向用戶單向傳播了，很多創(chuàng)意廣告通過(guò)社交網(wǎng)絡(luò)、視頻媒體進(jìn)行橫向傳播，用戶通過(guò)關(guān)注、轉(zhuǎn)發(fā)、分享持續(xù)的關(guān)注品牌廣告，并且由被動(dòng)的接受到主動(dòng)的關(guān)注，這也是社會(huì)化營(yíng)銷的一部分。

       對(duì)于廣告如何進(jìn)行創(chuàng)意，以及應(yīng)該關(guān)注的點(diǎn)和需要抓住的核心內(nèi)容，以前的很多外國(guó)學(xué)者都給出了許多經(jīng)典的理論來(lái)指導(dǎo)品牌廣告進(jìn)行創(chuàng)意設(shè)計(jì)。比如百事可樂(lè)的很多廣告就運(yùn)用了ROI（Relevance、Originality、Impact）理論中的關(guān)聯(lián)性、原創(chuàng)性和震撼性；大眾汽車的甲殼蟲(chóng)汽車廣告運(yùn)用了定位理論，借用甲殼蟲(chóng)的形象加深消費(fèi)者的印象，塑造獨(dú)特的形象概念，占據(jù)消費(fèi)者心理的第一位置；白加黑藥業(yè)運(yùn)用了USP理論（獨(dú)特銷售主張理論），向消費(fèi)者承諾一個(gè)利益點(diǎn)“白天吃白片，不瞌睡；晚上吃黑片，睡的香”，并且是獨(dú)具的，區(qū)別于其他感冒藥品的特征，有足夠的說(shuō)服力和吸引力，吸引消費(fèi)者購(gòu)買(mǎi)。

       但是，隨著產(chǎn)品的同質(zhì)化嚴(yán)重，可替代性越來(lái)越高，功能性要求的滿足已經(jīng)不再是消費(fèi)者最關(guān)注的了，在此背景下，USP理論也是發(fā)展出了ESP理論（情感銷售主張），結(jié)合當(dāng)代消費(fèi)者的心理特征，由向消費(fèi)者展示產(chǎn)品的物理屬性，提升到迎合消費(fèi)者使用產(chǎn)品獲得的情感滿足，與消費(fèi)者產(chǎn)生情感上的共鳴。根據(jù)目的鏈（MEC）模型，消費(fèi)者使用產(chǎn)品的屬性，獲得功能性的滿足，最終實(shí)現(xiàn)的是心理情感的滿足與個(gè)人價(jià)值的實(shí)現(xiàn)。

       廣告訴求包括理性訴求、感性訴求和公益訴求，而其中的感性訴求廣告就是情感廣告。感性訴求是訴諸于消費(fèi)者的情緒或情感反應(yīng)，傳達(dá)商品帶給他們的附加值或情緒上的滿足， 使消費(fèi)者形成積極的品牌態(tài)度。感性訴求就是情感廣告，運(yùn)用人類間的情感，與用戶產(chǎn)生共鳴，從深層次的角度挖掘產(chǎn)品與用戶情感之間的聯(lián)系，增加產(chǎn)品的附加值。

填寫(xiě)互聯(lián)網(wǎng)表單幾乎是每個(gè)用戶每天的經(jīng)歷，如用戶進(jìn)行網(wǎng)站注冊(cè)和登錄、購(gòu)物等，都需要填寫(xiě)各種表單。用戶為了獲得想要的東西，表單成了用戶完成需求和網(wǎng)站系統(tǒng)需要數(shù)據(jù)之間的互動(dòng)形式。那么表單設(shè)計(jì)的首要目標(biāo)也更清晰：讓用戶迅速快捷并且輕松地完成填寫(xiě)。

設(shè)計(jì)目標(biāo)已清晰，那么如何設(shè)計(jì)表單呢，以下從表單的內(nèi)容、組織方式、流程、表單元素控件及交互等方面詳細(xì)闡述。
表單的元素

研究如何提高表格可用性之前，我們先簡(jiǎn)要了解下一般表單的元素，這里我們暫且這么總結(jié)：

標(biāo)簽：告訴用戶表單問(wèn)題是什么？
輸入框：供給用戶填寫(xiě)答案信息；
動(dòng)作：用戶提交表單，即用戶點(diǎn)擊一個(gè)按鈕或鏈接，執(zhí)行一個(gè)操作；
幫助文字：為如何填寫(xiě)表單提供幫助；
輸入反饋：針對(duì)用戶輸入給出反饋，輸入正確還是錯(cuò)誤；

       每一天，人們都淹沒(méi)在信息的海洋中。用戶在主動(dòng)獲取和被動(dòng)接受過(guò)程中，都始終避免不開(kāi)一個(gè)“效率”的訴求。在這信息海洋，用戶目前面對(duì)了什么樣的困境呢？

        1  一些設(shè)計(jì)細(xì)節(jié)的 “隱藏式”、“折疊式”、“漸進(jìn)式”設(shè)計(jì)消耗了用戶的快速認(rèn)知訴求；

        2  偏于復(fù)雜和龐大的功能，給界面呈現(xiàn)帶來(lái)了負(fù)擔(dān)，加重了用戶操作映射的錯(cuò)亂，讓用戶理解也模棱兩可；

        3  設(shè)計(jì)過(guò)多的操作點(diǎn)擊，用戶手部肌肉不停運(yùn)動(dòng)，切換不同頁(yè)面去查看；

        ……

       作為信息傳達(dá)的設(shè)計(jì)師，如何讓信息更直觀清晰、剔除不確定性理解，是工作中的重中之重。而“可視化”就是多種傳遞信息方式中的一種，對(duì)于信息可視化、視覺(jué)化、圖形化，也成了設(shè)計(jì)圈熱捧的觀點(diǎn)和研究方向。

       對(duì)于產(chǎn)品的可視化設(shè)計(jì)，主要旨在借助于圖形化等直觀手段，清晰有效地傳達(dá)與溝通信息，形成的功能、使用映射，完成用戶任務(wù)目標(biāo)。為用戶想完成的任務(wù)選擇正確的界面元素，通過(guò)一種能迅速理解和易于使用的表達(dá)方式，展現(xiàn)在頁(yè)面上，降低用戶的認(rèn)知負(fù)擔(dān)和物理負(fù)擔(dān)。大概分為四個(gè)層次：功能可視化、結(jié)構(gòu)可視化、操作可視化、控件可視化。

上篇寫(xiě)了《提升品牌知名度之軟文營(yíng)銷該寫(xiě)什么》一文，說(shuō)到如何去定位寫(xiě)一篇什么軟文。要寫(xiě)好軟文對(duì)于我們很多朋友來(lái)說(shuō)這是一件很難的事情，不知道從哪里開(kāi)始寫(xiě)，怎么來(lái)寫(xiě)，圍繞什么來(lái)寫(xiě)。今天小維與大家談?wù)勗趺磳?xiě)好一篇軟文。

寫(xiě)總結(jié)
在我們生活、工作中經(jīng)常會(huì)遇到很多有意義，有幫助的信息。我們把這些信息整理、收集起來(lái)，并對(duì)這些事情寫(xiě)出總結(jié)。如在工作中，一天做一些什么事情，維護(hù)了幾個(gè)客戶，客戶遇到什么樣的問(wèn)題等等，我們可以把一天工作遇到的問(wèn)題總結(jié)出來(lái)，編緝寫(xiě)成文章。一篇優(yōu)質(zhì)的軟文就在生活、工作中寫(xiě)出來(lái)了，學(xué)會(huì)寫(xiě)總結(jié)，軟文順手寫(xiě)出來(lái)。

在眾多的網(wǎng)絡(luò)營(yíng)銷推廣方法，視頻推廣是不可以忽視的一個(gè)網(wǎng)絡(luò)推廣渠道。很簡(jiǎn)單的例子，我們?cè)诰W(wǎng)上搜索一些信息時(shí)，搜索結(jié)果頁(yè)首頁(yè)總會(huì)有那么一兩個(gè)視頻網(wǎng)站的信息（如下圖）。今天小編跟大家說(shuō)說(shuō)如何做好視頻推廣。