每個人都在現實生活中迷過路(不要不承認),但卻較少人有在網站中迷路的經驗。
這是因為,大部分的網站,在正式上線之前都經過反覆的測試,確認使用者在各種情況下都有辦法找到出路,但還是有極少數情況,會出現使用者進入頁面後沒有退路也沒有辦法再往前的情況,這個狀況,就是網頁「架構」出現狀況。
這篇文章將會從網站架構的概念開始講解,舉一些生活中的例子,讓生澀的概念變得好消化一點,再來看看該避面的網路架構「誤區」,最後,提供簡單網站架構的簡易驗證方式以及可以延伸閱讀的文章。
讓我們從網路架構的概念開始吧!
關於網站架構這個概念
網站架構指的就是「一個網站中的所有選單與規劃」。
上面的描述,可能聽起來有點懸浮,那麼舉一個生活中的例子:一間百貨公司的組成,包跨建築物本身、櫃位規劃、工作人員等,而網頁架構指的就是組成這間百貨的所有東西。
好的網站架構,有標準答案嗎?
沒有。
只要網站架構清晰,有呈現出網站主的想法,且符合使用者習慣,容易上手且不至於迷路,都算是好的架構。
就像信義區,每間百貨公司的外觀、主題不一樣,但只要樓層規劃明確、動線完善,讓消費者逛起來舒適,並且能快速找報自己想要的商品,都是好的百貨公司。
舉例:
本公司為網頁設計公司,我們的官網目標很明確,就是針對客戶設計。
對客戶而言,最重要的是瀏覽我們的作品集,以及了解本公司的服務內容,第二重要的則是如何與我們聯絡,但本公司所提供的服務與作品及表單,並不能簡單地用一頁畫面就能道盡,因此,我們選擇使用下拉式表單,將資訊濃縮成五個類別,讓網站整體看起來乾淨,展現專業度。
下拉式選單收整資料的這個做法,推薦給商品、服務資訊量大的公司。
不好的網站架構,有標準答案嗎?
也沒有。
但很難逛的百貨公司,總有個原因,是停車位太少嗎?或是櫃姐臉太臭?我們要做的就是把原因找出來,然後避免我們的百貨公司重蹈覆轍。
例一:入口太多,技術過時。
以這個網站而言,第一個問題出在Flash Player。
Flash Player因資安問題已從2020年起,陸續被各大搜尋引擎停止支援,如今仍出現不再支援Flash Player字樣的網站,代表公司已許久未更新網站,因此可能存在資安疑慮,令人對公司的信任度打折扣。
第二個問題是入口過多,橫向列表的商品清單,與直向列表的商品目錄結果頁面相同,在動線上標示不清,資訊重複,容易使人迷路。
例二:資訊過量
資訊太少不好,資訊太多、沒有重點、雜亂也不好,所以,如果你的網站架構出現這樣的狀況,那你可以試著把所有想放進網站的資訊全部攤開,再把相關聯的東西連起來,永分類的方式,做出一個井然有序的目錄,這樣一來,使用者就更容易從有脈絡的目錄中找出自己需要的資訊。
網站架構延伸閱讀與驗證方式
看完上述文字,不知道你是否對網站架構已經有初步的了解了,躍躍欲試的雙手請先放下來,點擊這篇文章,教你新手也能學的網站架構編寫方式:
【網頁設計大解密】五步驟教你如何替自己規劃網站架構 | 夏木樂網頁設計
已經寫好網站架構的朋友,這邊教你兩招驗證網站架構:
第一:交叉比對競品網站
這個方式,可以快速得到業內網站的基本樣貌,在平均之上多做一點點小微調,多做一點點貼心的功能,就能讓使用者對網站的好感度大大的提升。
第二:做人物誌
揣摩你的客群,試著了解他們的需求與使用習慣、造訪目的後,做出最適合行銷自身產品或服務的網站。
如果你交叉比對過競品網站,也做過人物誌驗證了網站架構的實用性,恭喜你,你已經準備好拿著這份網站架構去詢價嘍!
歡迎延伸閱讀這篇,五個步驟寫下諮詢信:
5個決定,做好網頁設計詢價前的評估與準備 | 夏木樂網頁設計
文章看到這邊,若你對網站架構編寫、網頁設計仍有疑惑或有詢價意願,歡迎洽詢夏木樂,品牌網頁設計專家,從網頁設計開始,提供您最好的服務。