增加客人在網站停留時間的 2 個小撇步
如何讓客戶可以在自己的網站上多停留一秒,是所有網站管理者都想要知道的。畢竟停留的時間越長,表示你有更多的機會可以將資訊傳達給瀏覽者。
使用搜尋引擎找資訊已經是非常普遍的習慣,同類型的網站會互相競爭所以自我進化勢必是頭號課題,現在的網站除了美觀之外,如果可以更重視使用者介面 (UI) 與使用者體驗 (UX),提供操作極佳的網站體驗,可以有效增加客戶對您網站的印象。


每個人在瀏覽網站的時候,偶爾會遇到因為網站內的圖文編輯太過強調某些內容或排列非常混亂,讓您無法順利閱讀的情況。
其實這就是使用者體驗 (UX) 的一部分,如果網站的編排方式讓使用者感到不順暢,很容易造成客戶直接跳出網站,更嚴重的是還有可能讓 Google 判定此網站是劣質網站,進而影響搜尋結果的排名。因此讓使用者流暢閱讀您的網站是最簡單可以提升瀏覽者停留時間的一種方式。以下提供幾個可以提升使用者介面 (UI) 與使用者體驗 (UX)的方法。

圖片基本編排



使用的統一的尺寸

如果您有圖片列表、相簿、產品列表或是內容很多圖片的網站,建議將圖片大小尺寸統一。如果電腦中沒有工具可以協助您,至少將同一個頁面中的圖片方向橫豎一致。看到這裡可能會想為什麼要這麼麻煩呢?其實讓圖片看起來統一對於圖片的內容會有更好的呈現,畢竟整齊的畫面才會讓人想深入了解。

雜亂、不一致的畫面相較之下效果明顯沒有右圖來得好。就算是精采的圖片,只要格式不統一就大打折扣。 

圖片裁切教學

認識到圖片大小一致的重要性之後,您可能會想要找工具來改善現有的情況。如果您有 Photoshop 軟體但不會用的話,提供您網站教學文做參考。如果教學文不夠充分讓您了解如何操作,也可以在網路上搜尋相關的教學。

如果您沒有 Photoshop 軟體,提供您一篇不用 Photoshop 的教學文給您。這個軟體可以將圖片大量的等比縮放。

文字基本編排



字級大小

由於考量行動裝置的易讀性,網頁內容編排最好以 16級 (px) 為內文大小。16級 (px) 字的內文是在各種尺寸的手機、平板上都能順利閱讀,不會太大影響編排,也不至於小到看不見。所以前端設計師在開發網頁時,大多都是以 16級 (px) 字作為基準。

至於標題大小由於次序關係,內文中最大的標題不要超過 30 級 (px) 、最小的標題不要小於 20 級 (px) ,才足以與內文有所差異。
太大或太小的內文在手機上不好閱讀、標題與內文大小太相近看起來沒有重點。 

行距大小

無論是網頁或是平面設計,只要是文字有折行的狀況,行距最基本的數值都是文字的 1.5 倍大小。例如:內文字體 16級 (px) ( 16 x 1.5 = 24 ) 行距就是24級 (px) 。因為在手機與平板上,需要有相對夠高的行距來用手指做選取,但距離也不能太開,才好用眼睛流暢的閱讀。
行距太近或太開,閱讀上很容易不知道自己看到哪裡。 

字體顏色

字體顏色請避免大紅色海藍色正黃色。大紅色與海藍色以觀者角度來看太刺眼,而正黃色則是與白底融合。以上三種顏色飽和度太高不便眼睛長時間閱讀,即使作為強調也不要使用,很容易讓使用者不想觀看、甚至反感。

避開不要使用的顏色後,同一篇文章文字不要超過三種顏色,通常超過三種顏色的文章會太過雜亂、打亂閱讀節奏。如果文字真的想用到三種顏色,建議標題一種顏色、內文一種顏色、強調字眼一種顏色。才能較順暢的閱讀資訊。
使用超過三種顏色,不論是排版還是閱讀都很有困難。反之將文字色彩控制在三種以下比較方便閱讀。 

圖文編排要注意的地方比較多,相對的也會大幅影響消費者的意願,是經營網站與品牌不可輕忽的重點。整齊劃一的網站給人更專業的形象,在行銷上效果也更顯著。特別是在網站這類無法直接與消費者接觸的媒介,看不到人只有取而代之的圖文內容。因此才更要在這方面用心經營,讓使用者感到專業、提升信任感。首先就以整齊劃一為目標來開始規劃自己的內容!
友善列印版本

網站/客戶/社群 三方連結
帶來良好的循環與溝通

在電腦前直接完成購物,
付款快速又便利
不需人工聯繫購買人,
系統自動發送信件

網址快速串接,
網站上線時間自己決定

帳務全面自動化,
線上查詢超方便

世界各地皆有據點,
平穩又快速

主機不用自己管理,
資訊安全由我們為您把關

網站上線後續服務,
交由摩智超省時
聯絡我們