網路集客策略的思考方式（下）

延續網路集客策略的思考方式（上）一文，在規劃整體集客策略、決定集客措施的項目與優先性等後，接下來便可進入個別集客措施的優化，讓集客措施更有效。

於此，經常被忽略的重點是「連貫性」，也就是從用戶開始上網搜索時的心理，到搜索詞、廣告標題/說明文、登陸頁等整體流程，都須維持一致且一貫的體驗

網路集客策略的思考方式（上）

目前關於集客這個主題，網路上能找到的（中文）資訊，大多針對買廣告（而且多是Facebook、Google等廣告）、SEO、SEM等進行說明，少有從集客整體策略角度切入的內容。本篇要分享的便是集客策略規劃的概念，「概念」可運用於各類集客方式，並不限於特定的管道或廣告平臺。

「集客是甚麼」

網路集客顧名思義，指的是透過廣告與行銷等方式讓更多的「客人」來到網站上，一般集客並不考量來到網站「之後」的行為，而是以「流量」為目標；至於吸引了人群之後，要如何將之轉換為實質的商業收益，那又是另一個主題了。

在行銷上，集客式的手法通常會與「幹擾式」的手法有所區分，所謂幹擾指的是「為了取得注意，打斷用戶原本在做的事」，例如網站的彈出視窗、電視廣告便是。通常這類幹擾式的手法，靠的是預算與重複撥放來達到效果。例如我每天打開電視都看到某個洗髮精的廣告，久而久之我也記得這個洗髮精的牌子，甚至它的廣告詞與畫面，便都能留在腦中了。

網站首頁Banner設計的5大重點

網站首頁的Banner (Brand Panel / Key Visual)為展現公司欲推廣或傳達之訊息、活動等的主要區域。尤其是對網站不熟悉的用戶，一上站後看到的Banner，將做為他判斷網站作用、可信度、以及是否該繼續使用的依據。網站主要Banner對第一印象的重要性之大，讓它獲得了"Hero Image"這樣有權重的名字。

也因為它重要，在使用與設計上更不得含糊。可惜的是，目前的網站放眼望去，看到的多是這樣的廣告：

→訊息意味不明（甚麼東西的一般消費？）　

→在無特別目的下同時使用多種字體

→中間圖片無法幫助用戶裡解廣告內容，廉價的視覺樣式反而降低網站信度

→畫面乍看之下缺乏重點，不知主要訊息與希望用戶採取的行動為何（看世足？所以呢？）

其實設計好的、能同時兼具提升銷售與公司形象的廣告Banner一點也不難，只要能夠注意以下事項：

1. 設計上注意可讀性與關聯性

Banner佔網站首頁相對大的範圍，且放置在相對上方的位置，是使用者一造訪網站就會接收到的主視覺，未經思考就設計的Banner易讓網站感覺廉價，設計時建議注意以下事項：

(1)使用適當的文字大小與顏色對比，並維持可讀性

查看Banner並非使用者造訪首頁的目的，使用者若非對Banner廣告內的商品有需求，不會特別注意或仔細閱讀。為了製作使用者稍微瞥過一眼就可以理解內容的Banner，需考慮到「容易閱讀的文字大小」及「文字用色與背景色明確的對比」。

避免使用文字外框、漸層色、光暈等會降低可讀性的設計；尤其在小範圍的區域中，有邊框的字樣極不易閱讀；同時，一次使用多種不同的字體與文字顏色，易導致畫面擁擠混亂，較難看出重點。

(2)使用與廣告內容相關的標題及圖片

標題及圖片需明確傳達Banner的內容；避免選用使用者不熟悉的字眼或專業用語，盡量使用具體的表現方式，並運用與內容相關的圖片。

若廣告內容不明確，乍看之下會讓使用者不知目的為何、沒有明確的行動觸發，使用者難有進一步動作。

2. 標題注意明確性與具體性

標題使用具體明確的名稱，讓使用者看標題就能略知Banner內容，避免使用無法體現內容、僅為吸引使用者的詞語。例：

X 早換早享受　好事多更多　→廣告主題與能獲得的好處皆較模糊

O 好事多聯名卡1%現金回饋　→明確傳達廣告主體與主題

3. Banner切換秒數保持在5秒左右

為讓第一個之後的Banner 亦有被使用者看到的機會，同時避免切換的Banner閃動太快影響使用者視線與操作，轉換的秒數需適中，建議為5秒左右。

4. Banner切換方式

建議首頁僅有此處的Banner可使用自動輪播；若首頁他處仍有同時欲放置一張以上的Banner，採手動切換。

原因是輪播動畫容易吸引眼球，但是太多動畫會導致使用者無法專心瀏覽網站，且使網站看起來廉價。應盡量避免為了視覺上的效果而使用輪播，並將螢幕中出現的動畫控制在一個以下。

6. Banner排序方式

Banner被關注的程度會按呈現順序遞減，因此建議按內容的重要性高低或時間新舊依序排列。

Banner設計樣式總結與範例參考

總結上述內容，好的Banner設計大多符合以下條件：

1.使用者能知道點入Banner後會發生甚麼事

2.Banner內容與當前之頁面內容及使用者正在進行的操作有一定程度的相關性

3.確切且清楚地展現出欲廣告的內容

4.在使用者因點選Banner而離開當前頁面之前，就已經能獲得一定程度的資訊作為判斷

以下是一些好的案例分享：

(澳洲Common Wealth bank, www.commbank.com.au)

→廣告視覺與企業主色系一致，自然融入成為網站的一部分

→標題與內文的區分夠明確，用戶能透過文字樣式理解其關係

(中國信託https://consumer.chinatrust.com.tw)

→訊息清楚、重點明確

→邀請用戶進行的行動明確(了解更多)

*美中不足的是圖片與內容關聯性不易直接看出

"使用者中心"有感

這幾年UCD在台灣非常火熱，到處都聽的到人在講，可惜它似乎紅的只有詞，而不是概念，一堆成天將它掛在嘴邊的人有窄化它的定義的、有搞不清楚UI.UX.UCD的、有以為說著user怎樣怎樣一切就能迎刃而解的…我遇過知名設計公司說＂使用者喜歡瀑布流的設計，一次可以看很多優惠，所以我們建議銀行網站做成瀑布流的形式，符合使用者中心設計＂，也遇過大型電信公司說＂使用者最喜歡上Facebook，所以我們的網站要設計成跟Facebook一樣＂

因為工作的關係，遇到這樣的事太多次，每次都很擔心決策者再這樣膚淺的想下去，台灣的網站設計永遠就是那個東拼西湊，只抄結果不問原因的樣子

想要說的是：

1.          UCD不是使用者喜歡什麼就給他什麼-

請釐清user喜好背後的原因，試圖找出驅使他偏好的真正主因；使用者喜歡A就給他A，那麼解決方式永遠就只有一種；或許他喜歡A其實是因為少了BCD，要解決根本而非表面的問題

2.          沒有average user

既然要做UCD，就不要幻想著有＂一般user＂，每個user都是獨特的。問＂User喜歡Flash嗎?＂這種問題並沒有意義。應該去探究的是，＂這樣的使用者，在這樣的情況下，為了達成這樣的目的，用Flash是否合宜?＂

3.          不要只做表面工夫

今天去跟客戶開會，客戶說＂我想用UCD的設計＂，這句話有點匪夷所思先撇開不談，真正開始討論時，對方說出了這樣的話：＂可是這個我沒辦法，系統廠商就是這樣，沒辦法改的＂、＂這個功能不行拿掉，因為上面希望*(&#$(&、＂（對其他部門）欸，你們趕快討論一下，到底要不要放這個功能＂…Huh?? 所以你們真的是要UCD嗎? 面對系統跟技術跟政治面的問題就瓦解了? 網站要放什麼就各部門各司其職討論一下然後表決通過??

當然我理解商業的運作還是太多權限不足、政治掛勾、利益掛帥的事，之前一個客戶修改企業識別，大費周章曠日廢時終於快要定讞的時候，董事長掐指一算說這顏色不好，就這樣一夕之間全改掉，幾億的錢彷彿不是任何人的似的

只是在這樣的情況下，就別再假裝是使用者中心還掛在嘴邊不放了

【詞彙介紹】廣告盲化現象（Banner Blindness）

廣告盲化現象指網路使用者刻意或下意識地會忽略網站上看起來像banner或廣告的區塊；甚至判定周圍的資訊皆為廣告，從而忽略，並記憶該區為不重要、不需要注目的地方，下次再造訪時便不會再注意那個地方

因此，切記勿將廣告或看似廣告的圖片置於重要內容的附近！
同時，大範圍密密麻麻的文字，也會導致同樣的現象。

優質網站設計師必備的能力

台灣的網站設計公司其實很多，不管是專職設計的、結合後端程式與系統的、以套用wordpress等模版為主的...都有。可是要找到好的設計似乎不容易，不然台灣也不會出現這麼多沒有設計sense的網站了。

以往在衡量網站設計時，大多只注重"視覺設計"本身，看設計師的UI做的好不好，夠不夠炫，是不是有得獎...理性一點的則考量價格、收費方式等。以下提供幾點我們在選擇網站設計師時，經常忽略的重點，甚至也是設計師本身在發展能力時，未考量到的技能。

台灣、日本、歐美銀行網站趨勢比較

這是一篇輕鬆小品，比較了一下歐美、台、日的銀行網站，發現的一些有趣的取向。

銀行網站算是不太容易架構的網站。從表面來看，頁面非常的多、功能非常的多、廣告也非常的多。進一步從公司營運的角度來看，每個部室都覺得自己的廣告／內容／功能是最重要的，搶著要在首頁占有一席之地，除了放置之外有些人還希望讓它越閃爍跳躍越好，以吸引更多人的視線。在這樣的利益糾紛下，設計師當然不能輕易說出「這邊放太多廣告不好看，改成放單張的圖片就好」這種因為美感而得要各事業單位捨去利益的話。

這種現像在台灣的銀行網站中尤為明顯。說真的，台灣的銀行好像還是以實體店面及線下為主要通路，都不太在易易用性或網站上資訊的權重，整個網站很像一個大型的EDM，不知道重點在哪裡。相較之下，歐美銀行網站比較像是形象網站，在主視覺區用大型的圖片（而非廣告），首頁的內容也相對少（OS：台灣銀行首頁多有一堆公告訊息，歐美的不知都放在哪裡）；而日本銀行網站則較具功能性，首頁的資訊相對多，但是一一種較有規範與歸類的方式呈現這些功能與連結。

以下看些例子吧！