網站規劃心智圖:網站結構免費範本

網站規劃心智圖範本:受眾、頁面、導覽、內容、功能、SEO、分析同整合。喺開始設計前先協定網站嘅結構。

網站規劃心智圖列出網站為邊個而設、需要邊啲頁面,以及每頁要做到乜,令結構喺設計或開發開始前已經達成共識。

網站規劃心智圖:網站結構免費範本

The interactive MindMap canvas for this explanation — every lane, row and arrow above is a real QueryChart diagram you can open and edit.

點樣閱讀呢張心智圖

  • 由 「受眾同目標」 開始,因為佢帶動其他所有分支,然後將 「頁面同結構」 同 「導覽」 當作結構來讀。「內容」 同 「功能」 填充結構,而 「SEO 同速度」、「分析」 同 「工具同服務」 涵蓋網站如何被搵到、量度同營運。
  • 虛線箭嘴連接互相依賴嘅分支。「訪客行動」 內嘅行動需要 「服務頁面」 內嘅頁面,而 「主要字詞」 背後嘅問題會餵養 「關鍵訊息」 嘅關鍵訊息。

受眾同目標

「受眾同目標」 放喺任何頁面之前。「訪客群組」 列出邊啲人會到訪以及各群組想要乜,「業務目標」 說明業務需要佢哋做乜,「訪客行動」 將之轉化為你希望訪客採取嘅行動。

將 「訪客行動」 寫成動詞:索取報價、閱讀指南、預約示範。不支持其中任何一項嘅頁面,可以考慮移除。

頁面同結構

「頁面同結構」 係網站地圖。「核心頁面」 係每位訪客預期有嘅頁面,「服務頁面」 係承載你服務或產品嘅頁面,「支援同法律」 係法律同說明等輔助頁面,「後期階段」 係計劃留待之後嘅任何內容。

將 「服務頁面」 同 「訪客行動」 對照檢查。每個主要行動都需要一個頁面去完成,而冇人會連結嘅頁面,代表可能唔需要。

導覽

「導覽」 決定人們如何喺 「頁面同結構」 嘅頁面之間移動。「主選單」 係主選單,「頁尾同頁內連結」 涵蓋頁尾同頁面內嘅連結,「搜尋同篩選」 係網站龐大時訪客點樣搜尋或篩選。

「主選單」 保持幾個項目,用訪客慣用嘅字眼而唔係內部名稱做標籤。

內容

「內容」 涵蓋文字同媒體。「關鍵訊息」 係每頁嘅關鍵訊息,「撰稿人同死線」 列出邊個負責寫乜、幾時完成,「圖片同媒體」 涵蓋圖片、影片同文件。

內容通常係延遲上線嘅原因。現在就喺 「撰稿人同死線」 指派負責人,免得上線當日仲喺度等文案。

功能

「功能」 列出網站除咗顯示頁面之外要做到乜。「表格同註冊」 係表格同註冊,「商店或預約」 係商店或預約功能(如有需要),「帳戶同登入」 涵蓋帳戶同登入。

將每項功能同 「訪客行動」 比較。冇支持任何行動嘅功能,往往只會增加成本同維護,對任何人都冇幫助。

SEO 同速度

「SEO 同速度」 令網站容易被搵到而且快。「每頁關鍵字」 將每頁對應佢應該回答嘅搜尋字詞,「標題同網址」 涵蓋標題、描述同網址,「速度同手機」 係效能同手機使用,「重新導向」 係舊地址會點處理。

由 「訪客群組」 嘅問題開始 「每頁關鍵字」。改版時 「重新導向」 下嘅重新導向好重要,因為更改地址而冇重新導向,可能會流失現有流量。

分析

「分析」 決定你點知網站有冇效。「關鍵指標」 列出值得追蹤嘅數字,「目標追蹤」 說明每項訪客行動會點樣計算,「同意同私隱」 記錄訪客同意同私隱如何處理。

由 「訪客行動」 定義 「關鍵指標」。計算訪問次數好容易,但人們有冇完成你想要嘅行動,先係重要嘅數字。

工具同服務

「工具同服務」 列出網站依賴嘅外部事物。「託管同網域」 係網站託管喺邊度以及誰管理網域,「內容管理系統」 係存放內容嘅工具,「第三方服務」 係網站連接嘅第三方服務,例如付款或電子報。

喺 「託管同網域」 旁寫上每項嘅負責人。網域過期同遺失登入資料,係上線週可以避免嘅問題。

分支點樣連繫

受眾分支為其餘分支定下標準。「頁面同結構」 內每個頁面、「功能」 內每項功能同 「分析」 內每個指標,都應該追溯到 「訪客行動」 內嘅行動。

「內容」 同 「SEO 同速度」 嘅重疊比表面睇到更多。你喺 「每頁關鍵字」 揀嘅搜尋字詞,應該影響 「關鍵訊息」 嘅標題同措辭,所以要一齊規劃,而唔係事後才加關鍵字。

心智圖到邊度為止,其他圖表由邊度開始

心智圖協定網站包含乜。至於訪客如何喺網站移動,例如結帳或註冊,就畫一個包含決定同錯誤路徑嘅流程圖。有死線同依賴關係嘅上線計劃,用甘特圖追蹤會更容易。

如果多個團隊參與,泳道圖顯示由文案、設計到開發,工作如何由邊個交俾邊個。將呢張圖留作大家都可以參考嘅總覽。

Key relationships and takeaways

  • 係訪客行動決定有邊啲頁面,而唔係倒轉。
  • 網站地圖內每個頁面都需要一個訊息、一位負責人同一個搜尋目的。
  • 導覽標籤應該用訪客嘅字眼,而唔係內部名稱。
  • 冇支持行動嘅功能,只會增加成本,其他一無所獲。
  • 量度要喺上線前定義,因為事後好難重建。

When to use this visual

  • 向設計師或代理商簡報,令佢哋對頁面、內容同功能有共同嘅圖像。
  • 規劃改版,比較現有網站地圖同目標網站地圖,包括重新導向。
  • 界定小型企業網站嘅範圍,令首個版本包含乜、留待之後乜都清楚。

運作方式

  1. 界定訪客同行動

    重新命名 「新網站」,喺 「訪客群組」 列出受眾,並喺 「訪客行動」 寫上你想各群組採取嘅單一行動。

  2. 建立網站地圖

    喺 「頁面同結構」 加入每個頁面,然後檢查每個主要行動都有頁面,而每個頁面都有存在嘅理由。喺 「主選單」 勾劃選單。

  3. 指派同分享

    喺 「撰稿人同死線」 為內容、喺 「工具同服務」 為服務指定負責人,喺 「關鍵指標」 訂立指標,然後喺設計開始前分享心智圖俾人留言。

常見問題

新網站應該先規劃乜?

先由受眾同你想佢哋做乜開始,而唔係設計。行動清晰之後,頁面、選單同內容就隨之而來。呢個範本由該分支開始,因為之後每個決定都依賴佢。

可以將心智圖當作網站地圖嗎?

可以,頁面分支可以作為簡單嘅網站地圖,頁面分組同後期階段分開標示。對於非常大嘅網站,喺度保留頂層,較深嘅結構則畫成組織架構圖式嘅層級或另一張心智圖。

需要喺建站前先規劃 SEO 嗎?

及早做會較容易。搜尋字詞影響頁面結構、標題同網址,而改版時現有地址需要重新導向。現在為每頁對應關鍵字,可以避免上線後重寫頁面同弄斷連結。

點樣向客戶或同事收集意見?

分享圖表,請大家對特定節點留言,例如認為欠缺嘅頁面或唔會使用嘅選單標籤。版本記錄顯示每輪之間嘅改動,需要簽核時就好有幫助。

用呢張心智圖規劃你嘅網站

將呢張圖開成你自己可編輯嘅畫布,寫上網站名稱,並由網站為邊個而設開始。

用呢張心智圖規劃你嘅網站

心智圖的更多內容