網站視覺流向跟優越化的訣竅

當一造訪著進到你的網站後, 你只有大該5秒的時間可以抓住他的注意力, 如果你是花錢買流量, 5秒內你抓不到他的注意力, 你就是在浪費錢

這關鍵的5秒鐘要如何抓住一個人的注意力呢? 在我們開始討論網站的功能與美醜之前, 我覺得每個人都應該知道的一件事情, 就是人在看東西時的視覺流向

人, 在看東西的時後, 他的眼睛是從左到右, 由上到下.

下面是一個簡單的列表告訴你什麼樣的東西能夠抓住造訪者的注意力, 重要性的順序如下

1. 整個網站 theme 跟 layout.
2. 網頁的標題, title
3. 影片, 聲音
4. 圖片
5. 網頁裡的文章
6. Call to action, 行動號召

所以基本上你在A/B測試你的網站時, 應該照著上面順序跟重要性來測試. 不過我個人可能會先測試call to action, 最後才會測試網頁裡的文章, 因為很多人文章都不看完就會開始行動.

一個爛到不行, 怎麼看都不順眼的網頁, 你再怎麼測試都沒有用, 所以一開始, 先選幾個順眼的theme/layout, 測試看哪一個theme的效果比較好, 選好了theme,你再慢慢測試標題, 圖片, 文章.

以下範例沒有影音跟Call to action, 但是其它的基本上都有照著視覺流向跟用最重要的東西抓住造訪者的注意力 (圖片, 標題)

• http://www.apple.com/iphone/from-the-app-store/
• http://www.windowsphone.com/en-us/phones?id=938

以下還有幾個簡單的網站優越化訣竅, 可以納入你A/B test的考量範圍 (有些是從cashvertising拉出來的)

1. 如果你網站上有用人物的圖片, 你要確定圖片裡的人物能夠象徵你的客戶群. 人都會有影射的想法, 會很自然的把自己影射到圖片上的人物中. Lativ 用年青model, 因為他們衣服是賣給年輕族群, SK II model 用的是湯唯, 因為SK II 是設計給輕熟女用的品牌. 一樣的道理, 可以套用在你的網站上.
2. 用箭頭來引導造訪者的視覺流向, 引導他去看你想要他看的東西 http://www.greencoffeebeanmax.com/ (箭頭指向著order form)
3. 不要用黑底白字, 他會減少讀者70%的閱讀率
4. 照片下要用文字, 標題或說明. 照片下的文字被閱讀率是文章的2到3倍

http://facebook.com/tony.tsai