2011年11月1日 星期二

網站速度與動線(Website Speed and Traffic Flow)

最近被太多工作、私事纏身,每次回頭來看看這片園地,總是帶著滿滿的愧疚,不過還是要努力擠出一點時間來灌溉,畢竟這邊還是我相當珍惜的一個小小樹洞,既然如此,那就來聊聊最近在執行一些事的體驗吧!

基於現在大家都已經習慣上網找東西、聯絡感情、發洩情緒或瘋狂血拼,無論是什麼樣子的網站,基本上都會有人蒞臨,雖然有些可能是不請自來的不速之客(例:Spammer、或者是很努力發送訊息找下線的金錢獵人),但是至少也代表你的網站有被人發現,不過當你逛過愈多網站,嘗試過愈多種網路上所提供的服務,你就會發覺一件事,有時候簡單往往比面面俱到容易上手,回顧一下電影《The Social Network》的情節,一個單純的選擇題,竟是現在數億人口每天光臨的前身。

所以影響網站的受人喜歡的因素有很多,例:內容、速度、動線、時機...等,甚至是話題性,這些都隨著網站屬性而有所不同,例:電子商務網站可以做的像Google一樣簡單嗎?入口網站適合弄得像社交網站一樣如此具備個人化特色嗎?內容網站適合採用大量的多媒體呈現嗎?這些或許就是每個網站能夠吸引人的因素,當然其中也有許多不太能為人所操控的因素存在,例:時機(網路上走紅的網站往往都只有No.1)

速度決定一切?

今天這一篇主要就是要來說說網站的速度(可以透過Webwait來測試:)和動線(可透過Google Analytics來追蹤特定位置的點擊率)的影響,其實網站速度跟本身內容有絕對的關係,對於內容網站來說,我想信每個人能夠給它的容許時間相對較長,但是如果你在使用Google這種服務時,你能夠接受它過了五秒之後才給你答覆嗎?

如果是像Gmail、Google Reader或是像部落格這種平台,你就會為了要看見特定內容而妥協,但是對於協助性的服務來說,網站的速度往往就會決定一切,其實這也是最近跟朋友在處理,先前介紹過的比價網站《Myyasui.com》的感想。

因為從開站初期,一路調整,無論是加上了某些功能(例:正妹牆、哈燒貨或購物清單...等),還是不小心手殘設定錯誤,造成某些人無法正常造訪,還是透過特定瀏覽器會看見鬼打牆的畫面,這些都一次一次地影響了使用人數的增減,當然,這些事情也只有我們自己才知道(家醜不可外揚?)

所以,近日透過一些調整,好不容易讓它的速度能夠更快、更穩一些(當然,如果是對方網站太慢,這一點就不在我們的能力範圍之內,畢竟我們是採用即時搜尋制),因此,也漸漸地看見網站使用人數有在回溫,或許這就是速度直接反應在網站使用者的體驗及影響。

當然,這一點對於內容取勝的網站來說,就不一定有這麼顯著的影響,因為筆者就有遭遇過有人上傳了數個2~3 MB的圖檔到網站上,然後造成網站開啟速度明顯緩慢的狀況,但是對於流量的影響卻不如先前所預期的大(當然也有可能是因為母數不大的關係?),這些或許就可看出只要在還能夠容許的範圍之內,或許很多網站在上述的影響因素當中,排序的方式也有所不同,端看主事者是如何看待。

所以,速度也不是代表一切,當然愈快愈好沒錯,但是你為了增加些許速度所花費的代價,可能遠超過你能夠其它事情上所有努力的總和,在某些層面來說,是不允許這麼運作的,這就跟賣東西只看營業額不管毛利率一樣的危險。

動線受限於載體

在網站初期,似乎只要在意大多數使用者的螢幕解析度即可(可能是1024*768或近似16:9的尺寸),不過時至今日,我們要面對的是各式各樣的手持設備(從3吋、3.5吋、3.8吋、4吋~7吋、8.9吋或10.1吋都有)、愈來愈高解析度的怪物(例:某牌手機的:326 ppi 解析度),這些對於網站動線來說,都成了一項項艱難的考驗,甚至可以說在一般電腦上和手機上,根本就是完全不同的動線及使用者體驗,也因為如此,也讓人重新思考在不同載體上需要呈現那些內容為優先,其實這對於網站的去蕪存菁來說,或許也提供了另外一次檢視的機會。

在動線的規畫上,有時候非得經過使用者的壓力測試,才能夠發掘到問題本身的肇因,不然可能會因為一個無關痛養的功能,反而讓使用者深感困擾,或者是覺得動線不夠直覺(例:突然佔去1/3個螢幕的動畫播放、藏在偏僻角落的常用功能),這些其實都考驗著網站本身想要讓拉攏怎麼樣的使用族群,雖然使用者都能夠被訓練,只是一般網站或許都無法做到這一點,因此,往往還是要依循使用者被大型網站所制約的特定使用方式,例:即時動態要放在右邊的Sidebar?功能選單要放在左側?

因此,在動線上的規劃,並沒有好、壞的差別,如果真的要說動線上的差異,就是盡可能避免讓使用者迷路,例:按下了幾個選單及功能鍵之後,竟然找不到回首頁的地方?藏在內部選單裡的登入頁面?甚至是將活動頁面入口貼在登出鍵的旁邊...,這些基本上都是會惹火使用者的動線設計。

反而在手機上的動線規劃,會因為頁面的可用大小而純粹許多,也只會留下特定的功能,說不定未來可以考慮直接將手機版的頁面搬至網路上,也省去了客制多種頁面的困擾,也可縮短開發時程,但是這訴求也得視網站屬性而定,並非每一種網站都能這麼處理,或許,未來有機會我們會在Myyasui.com上,嘗試看看這想法,目前在網路版和手機版上還是有所不同。

雖然速度和動線絕對不會是影響一個網站存活的主要原因,畢竟現在是內容為王的時代(現在似乎通路更大),但是從這兩個角度去優化你的網站,或許可以突破一些原本的門檻,甚至是拉到另外一個新的高度來看待,當然最重要的還是持之以恆的更新,才是讓人一直願意看下去的主因(汗顏),同時得要保持著適度的變動性,偶爾有所突破,反而能夠吸引到不同的目光。

這些也許都是經營網站的方法,沒有絕對的對、錯,畢竟此一時、彼一時,隨時準備好迎接新的挑戰,或許在這個時機點來說更為重要,畢竟人無法一直永遠都處在高位,偶有低潮或許就是告訴自己應該要低下頭來重新學習,直到下一次大躍進的時刻(無薪假再起有感),今天這個網站速度與動線的討論就先在此打住,後續我會再努力上來整理一些想法與心得。