常常遇到客戶問:
「這裡可以加個跑馬燈嗎?」
「這裡可以設計動畫效果嗎?感覺很單調。」
「是不是可以在首頁多放幾個影片呢?」
「設計是不是可以再酷炫一點,這樣感覺很平。」
「這裡可以放更多的資料嗎?」
網頁設計視覺設計中包含了圖片、文字、動畫設計,但網頁設計不只是「視覺設計」,更是「SEO結構設計」、「使用者介面設計」、「內容規劃」,網頁設計不是「資訊拼裝大賽」把一堆資訊亂塞一通,網站資訊可以又多又豐富,但瀏覽者真的消化得了嗎?尤其是資訊爆炸的網路時代,時間非常寶貴,網站應該要有邏輯、有條理、有系統的給瀏覽者一個好吸收、好理解的內容,不然跳出率(瀏覽者一到網站就跳出的比率)暴增也是常有的事,網頁設計的幾個思考重點提供給您,讓您可以在進行網頁設計的時候可以想一想「重點是什麼?」
〈延伸閱讀:網頁設計是什麼?設計公司不會告訴你的5個真相〉
網站的目標是什麼?
很多人只想「擁有網站」但是不知道網站存在的意義與目的,所以希望您可以想一想「網站的目標」是什麼?購物網站可能是增加訂單、品牌網站可能是提高品牌的知名度、B2B企業網站可能是增加客戶詢問單、內容網站可能是提高網站的曝光量… 您的網站目標將會影響網站設計的作法與方向。如果您的網站目標是希望網站可以「帶來客戶詢問」,那麼網站就不應該放「拖垮網站效能的任何內容!!」客戶不會因為按鈕效果、動畫設計、多餘設計…跟您做生意,但網站卻會因為按鈕效果、動畫設計、多餘的網頁設計讓網站「效能低落」進而讓網站的「SEO能力減弱」造成網站曝光與排名不佳而無法得到「客戶詢問單」。
〈延伸閱讀:什麼是RWD? RWD跟AWD有什麼不同?〉
〈延伸閱讀:RWD網頁設計並沒有都一樣!〉
主要服務對象是誰?
網站服務對象如果是採購單位、公司行號那麼網站設計就要針對他們的習性去規劃設計,像是簡單明瞭、網站建置搜尋功能,如果網站的服務對象是女性為主的購物網站,那麼網站動線力求簡單好用,不要做過於需要邏輯、讓她們分心的功能,如果對象是中老年人使用的健康網站,那網站字體不能太小、動線不要跳來跳去、按鈕要大要明顯,把網站的主要服務對象定義清楚,有助於網站的「使用者體驗」的提昇。
〈延伸閱讀:5個網頁設計建議,優化使用者體驗(UX)〉
網頁設計動畫是行銷失利兇手?
很多網頁設計公司喜歡在網站上炫技,把動畫當成網頁設計的主軸,網頁動畫設計不該是網站目標,設計動畫的目的應該是「幫助使用者」更容易理解網站內容的設計工法,如果不是就應該捨棄多餘的網頁設計動畫,因為網站不是一個動畫設計的戰場,網站目的是帶來「有價值的流量」,當網站的無意義動畫效果過多,網站會變很慢,使用者無法等待之下會造成「網站跳出率高」,排名能好嗎?如果您是下廣告,網頁設計動檔案過大,使用者一到網站就不耐煩的離開,廣告費都白費了。
〈延伸閱讀:網站速度重要關鍵 -Page Experience〉
將網站影片放到正確位置
網頁設計動畫效果會影響網站效能,那Youtube嵌入影片會嗎? 答案是「會」,那怎麼辦?那我要怎麼呈現影音呢?網頁設計的呈現也包含了影音的編排位置,把影音放對位置不斷可以提高使用者的「網站停留時間」更可以降低「跳出率」,但是Youtube、Vimeo都是第三方程式,都會拖慢網站速度,這時候只要將影片分類,把公司簡介影片放到公司介紹單元,把產品影音放到產品介紹單元,把媒體報導放到最新消息,把影片放到該放的位置,避免首頁出現影音,讓首頁保持在一個「SEO排名戰鬥狀態」。
〈延伸閱讀:網頁設計收費行情? 如何選擇網頁設計公司?〉
Google最新SEO標準:Page Experience
Google於2020/5/28提出最新的網頁設計SEO標準: Page Experience(網頁體驗),第一次將使用者對於網站的「網頁體驗」感受作為評分的標準,除非你完全不在意網站的曝光、關鍵字排名、點閱率,不然你就得正視Google最新的SEO標準,根據數據做調整,這次Google Page Experience 的目的跟本文論述的重點完全一致,網站就是一個視覺與內容傳達的工具,如果搞錯重點將會做出一個「效能極差」的網站,造成瀏覽者的「網頁體驗」非常糟糕,這些連鎖帶來的效應就是網站「流量」、「排名」都會掉落,Google將於2021年正式將Page Experience列入排名依據,重視SEO的網站千萬不可輕忽。
〈延伸閱讀:SEO網站速度重要關鍵 -Page Experience〉
結論
如果您定義了「網站目標」,那麼違背網站目標的各種想法都應該避免,無用的網頁動畫效果、過多的網站內容、過時的功能… 都應該避免,應該專注網站的內容編排與設計上,而不是在「網頁設計動畫上」過度執著,應該把來網站的使用者放在第一位,想像他們會希望如何瀏覽您的網站?會希望看到什麼資訊?動線如何?您未來更新內容是不是可以方便、快速? 好的網站內容簡單明瞭、好消化,使用者體驗良好,並具備SEO 架構,網站的重點是「內容吸引人、好消化」,別讓那些「複雜而無用」的動畫設計毀了您的「網站目標」。
〈延伸閱讀:好的SEO網站架構是什麼?這樣做SEO成功率才會高!〉
(本文為達文西數位科技所有,轉載文圖請註明出處)