首頁 部落格 你的網站易讀性如何?
Ryan
Sep 11, 2018
讓公司平均年齡上漲的宅男,經營過動漫社團、當過電玩雜誌特約作者。 興趣是電競與科技,關注新趨勢購物,尤其是冷門商品、或尚未上市的群眾募資商品。 網路行銷一做就是十幾年,認為這個業界需要更開放交流,才能成長與突破。

你的網站易讀性如何?

易讀性是許多暢銷小說、書刊、書籍、漫畫創作相當重視的環節,易讀性佳的作品,比起艱澀不易閱讀的作品,前者更容易取得市場上的成功。

網站的易讀性也十分的重要,畢竟現代的注意力容易被轉移,用戶進入一個新網站,只有幾秒鐘的時間來判斷這個網站是不是他的目標,當網站的易讀性差,很快的他就會離開頁面找尋下個目標,企業可能就少了一個客戶,公益單位可能就少了一個捐款贊助者。

往好方面想,比起網站易用性來說,易讀性比較容易達成,也比較適合一般小型網站遵循。不過網站的易讀性與書刊的易讀性不太一樣,以下我們快速的整理了幾個易讀性的指標,提供給需要網頁設計的各位參考。

 

遵循常規

這一點應當是所有網頁設計規範中,是最容易達成的設計方向,那就是遵循標準,如果沒有十足的把握,避免標新立異,與眾不同的設計技巧。成熟的網頁設計例如:該產業的龍頭網站、上市上櫃公司的網站、大多都很重視可讀可用性,是非常好的學習對象。

說穿了,用戶沒有太多耐心觀看你的創意,當你的創意展示完畢,或費盡精神找到了他們想要的資料,用戶的耐心大概也都耗光了。

 

階層視覺化

大多大型機構、政府單位、綜合論壇等類型的網站,都有遵守網頁階層的概念,因為用戶一旦在網站中迷路,就會難以繼續使用網站的服務。

最常見的階層技術像是「麵包屑」(Breadcrumb)的設計,或是選單的階層設計,都有助於客戶不要在你的網站中迷路,讓客戶繼續留在你的網站找尋他的目標。

 

字型與字體

中文的字體比起英文選擇少,比較需要注意的是字體的大小,因為字體過大或是過小,都會影響網站的可讀性,異於常態網站的字體與字型,會破壞易讀性,也會影響網站的專業性觀感。

此外,響應性網頁設計(RWD)的特性,字體過大、過小的問題比較常見於智慧手機網頁設計上,除了透過手機親自測試看看是否易於閱讀,也可以透過ThinkwithGoogle的輔助工具來分析網頁。

 

頁面勿過多

一般如不會去細數一個網站有多少個頁面,但可以從選單上,看出網頁的頁數多寡。頁數應當讓人可以輕易的找尋到,尤其是記載重要資訊的,例如產品、服務、聯絡方式等頁面。

頁面的設計準則為:可以用一頁呈現的,就以一頁呈現為主。若將一頁內容拆成數頁,或是一個頁面只有幾個文字,對於閱讀不利,對於網頁的優化也有不好的影響。舉例來說,像是企業分公司資訊,通常只有地址與電話,不見得要每個分公司都設立一個網頁,放在一起會更有利於閱讀與查詢。

 

留白的技巧

現代的網頁設計,十分重視頁面的空間使用,因為設計師已經知道網頁是用來傳遞訊息的,就如同出版排版一樣,需要讓讀者有視覺喘息的機會。

留白的原則很簡單,不需要把每個頁面的空間榨乾,但也不能讓留白的區域過多造成空虛。利用色塊、幾何圖片的空白填補,能夠讓網頁看起來不會那麼壓迫。留白設計取決於內容的量,需要一些彈性與經驗累積。

網頁設計使用舒緩調色盤的不同方法和好處
網頁設計使用舒緩調色盤的不同方法和好處
Jericho
Jericho
Mar 13, 2024
管理顧問(諮詢)公司網站設計是如何製作的?
管理顧問(諮詢)公司網站設計是如何製作的?
Jericho
Jericho
Mar 06, 2024
選擇一間專業的網頁設計公司非常重要
選擇一間專業的網頁設計公司非常重要
Jericho
Jericho
Feb 21, 2024