設計

網站架構規劃5步驟上手

對商家來說,有邏輯、有故事的網站架構(sitemap)可以讓客戶在使用網站時可以更直覺的操作,更容易去接受商家想要傳達的資訊。所以當商家來請我們製作網站時,在最初的專案訪談中就會請商家去規劃要傳達的資訊,並據此建立整個網站架構。今天就來分享超容易的5步驟製作網站架構,讓大家在學習建立網站架構時可以更容易。

1.網站類型確認

第一步請大家不要急著拿起筆開始畫結構圖,首先你最該做的是確認網站的類型是企業形象網站還是電商網站。這兩者在內容頁面的資料就會有不同的要求,所以要確認網站的類型後才能確認後續所需要準備的資料。

2.新站架設or舊站改版

在網站類型確認後,接下來就是確認是新網站架設或舊網站重做。(如果你要架設新網站的話請直接看下一個說明)如果是舊站改版的話,還要確認想要新增、最佳化的頁面或是功能。你可以從客戶或後台操作人員的使用反饋或是透過專業網站設計公司的協助來審視可以優化的項目,這些項目通常包含具體的功能、需要調整的頁面設計、前/後台操作流程等。

3.網站範例探討

在前兩個步驟確認了網站架設專案的骨幹之後,接下來就要確認網站外表的部分-設計風格、色系等項目,這一部分就需要與網站設計師與借鏡商家喜歡的範例來一同討論,來解決困擾商家的設計問題。從中去討論那些範例中的哪些設計是可以採用到新網站上,並在過程中逐一釐清整體的設計風格與色系,讓網站的外皮更符合企業的理念與風格。

4.商家資料收集與預計上架內容

商家要在網站呈現的內容一定要先把資料收集完整,並依照類別進行分類,在後續繪製網站架構與版面設計時才會更快速。

・首頁

作為每個使用者進來商家網站會先看到的第一個頁面,首頁有的功用就像第一線的銷售人員,是給客戶看到的第一份產品簡介,在設計、內容上的準備非常重要!切記這一頁的內容要精準、精簡,讓客戶能在短短的幾秒鐘、有限的文字內,有效率地找到最符合需求的服務與產品方案。

・產品/服務

將產品或服務的資料(文字&圖檔)預先整理好,如果品項繁多的話要記得做好分類。有些諮詢類的服務如果需要客戶填寫資料聯繫的話,也需要把這些填寫項目整理好。

・商家基本資料

像是品牌故事、商家地址與電話、歷年大事紀、人物、商家LOGO、隱私權政策及營業時間等等都屬於這一類,務必文字與圖等內容都先準備好。

・客戶問與答

網路集客時要注意一件很重要的消費者行為:客戶不一定會透過聯繫方式諮詢,多數客戶如果看不懂、不理解通常會先去尋求其他解決方案而不是先聯絡商家。所以在網站上建立問與答的內容,可以非常有效的讓客戶直接透過網站深入了解商家的產品或服務,進而促進客戶進行諮詢或是直接訂購。
建立問與答內容的另一個好處是對SEO有正面的影響,這些問題都會被搜尋引擎收錄,如果文章寫得多就有越多解答可以排在最前面,間接吸引更多客戶到商家的網站來,這也是大家常講的SEO優化。若是問與答的內容非常多的話,通常會建議要規劃部落格的功能,將這些問與答的文章放在部落格中。

・網站規範

電商網站要額外準備的還有金、物流資料及說明、退換貨及會員政策等必須揭露給客戶了解的資訊。

5.網站架構圖繪製

所有的資料收集完畢後,接著要進行分類與層級,再著手規劃網站動線。一般在第一層級我們只會放上首頁,而第二層級會有品牌介紹、產品/服務、部落格等常見項目。在第二層級之下通常還會有第三層級,在第三層級的項目通常是第二層項目的部分內容。

規劃之後,就要開始進行網站架構圖的繪製,我推薦一個繪製網站架構圖非常好用網路服務GlooMaps。GlooMaps可以讓你快速的建立整個網站的結構,透過拖拉的方式進行新增與修改,在規劃的時候可以更即時的了解目前整個網站的架構,調整的時候更方便許多。商家也可以從其他的網站取經來建構自己網站的結構喔!

結語

一般商家一開始繪製網站架構(sitemap)都會非常困擾,想對消費者闡述得內容太多但要整理成幾個項目卻是困難重重,所以網站結構圖的規劃要一修再修是非常正常的事。我們在製作網站前也會跟客戶進行幾次的溝通,協助商家的網站架構(sitemap)優化,讓使用者在網站的體驗更直覺,提高互動的效益。

Leave a Reply