對大多數品牌而言,擁有屬於自己的網站,將有機會打開網絡商機的大門,讓訂單自然湧入。話雖如此,但當品牌要做網站時,往往會陷入一種糾結:自己招人?還是找外包?
小編認為,無論選擇哪種方式,在架站前,網站管理員都需要有個初步但具體的計畫,以及搜索國內外優秀的網站範例資料庫,以便更好地與網頁設計團隊、工程師溝通,確定理想的網站藍圖。
如何定好網頁設計初步計畫?
第一步: 列出想要的網站功能
在你考慮網頁設計初步計劃前,首先你要將腦海中所有想要的功能都全部記錄下來,不用擔心這些功能的可行性問題,因為之後網頁設計團隊會根據你的銷售目標、體驗流程的優化等逐步刪除無用功能至精煉。
洋洋灑灑寫下幾大頁的功能需求後,根據產業的性質、企業的定位等先定好網站屬性,再依據網站屬性,將方才列出的所有功能中,篩選出適合的功能。
● 分享幾個常見的網頁設計功能:
• 彈窗功能
彈窗是UI設計中一種常見的交互方式,主要具有「傳遞訊息」和「獲取反饋」兩大功能。在某程度上,彈窗能起到「吸引用戶注意」和「引導下一步操作」的作用。然而,當用戶打開界面時,眼前最會出現彈窗,容易引起用戶的反感,因此彈窗功能不妨考慮將選擇權交給用戶。
• Blog功能
BLog的經營在網頁SEO優化上扮演着非常重要角色,它既像實體店面的展示櫥窗,內容介於商家想要行銷的商品,以及使用者感興趣的內容之間抓取平衡;又能擴大目標受眾群,持續為你帶進新用戶與舊用戶的迴流。
• CTA功能
無論網頁設計如何部署,都少不了要考慮如何利用CTA功能創造與用戶互動的連接,並促成下次機會。依據網站獨特的用戶旅程階段而設定CTA,當用戶準備結束每個行銷旅程那一刻,便可引導或吸引進行下步操作。
第二步:考慮視覺化呈現
決定好網站所需功能後,接下來就可以運用繪圖方式大概畫出網站流程與分頁設計。這些內容的視覺化過程不用太精細,用心智圖描繪大概的就可以,重點在於讓網頁設計團隊知道你的想法。
● 推薦幾款比較簡單易用的視覺化工具:
1. Gitmind Gitmind
一款免費的線上心智圖,有多種樣板選擇,能夠自用切換心智圖和和魚骨圖,能夠簡單且清晰地呈現你想要的網頁架構脈絡。
2. PPT / Keynote
投影片工具內建的表格與組織圖,能滿足初步的繪圖需求和網頁Prototype (原型),運用不同的投影片呈現每個網站頁面;章節分類功能可以快速切換不同頁面。
3. Google Slid
能授權多人同步編輯繪圖。
4.紙、筆、便利貼
利用紙筆,根據不同的流程拼組並用心智圖繪製,以及用作組內討論時的筆錄。同時,將功能或版塊直接寫在便利貼上,與網頁設計團隊討論時,可以直接撕黏便利貼來拼排功能
最後一步:找尋範例網站
推薦幾款相當好用的網頁設計範例,整理好後可以與網頁設計團隊討論,哪個模板更符合品牌的發展:
① WordPress
WordPres.org提供了各種客戶案例和主題模板,網頁管理員可透過Showcase參考其他客戶案例的網頁設計教程,也可以透過左邊清單選擇適合自己主題做參考。
② Templatemonster
Templatemonster是規劃網站初稿的得力工具,透過All Product中的WordPress,網站管理員可以看到許多設計案例。
③ Pinterest
釘在自己的版面上,組成靈感收集板。當自己沒有靈感的時候,上去逛逛會得到很多意向不到的驚喜。
網站設計就像是參與產品規劃和誕生的過程,如果網站管理員沒有事先做好準備,與網頁設計團隊溝通清楚自己的需求,那麼這將可能會影響整個網頁設計的規劃,導致網站上線後,無法達到理想的目的。