CLChen's Blog

日常 | 工作 | 閱讀筆記

網站規劃流程

無論是網站、APP或2B內部系統規劃,我會依循一套流程進行規劃,包含專案前期的需求確認、資訊架構的規劃、網站內容的規劃等,這些步驟或心法來自過往專案經驗及學習累積而成。

對我來說,網站規劃的步驟,可大致分成前期需求確認、資訊架構規劃及網站內容規劃等,而貫穿其中的心法則來自設計思考或雙鑽模型的發散、收斂思考。

  • 發散思考:又稱水平思考,先不急著定義限制與範圍,而是盡可能地發散任何的想法(可能是思考方向、規劃方向或解決方案等)
  • 收斂思考:又稱垂直思考,在考量限制與範圍後,篩選出可行的規劃方向與解決方案

在執行規劃的每個步驟時,我會盡可能地至少走過一次發散與收斂的過程,以確保每個步驟的產出結果,都是經過審慎思考與衡量的最佳解。

過往還沒有AI時,我會先透過腦力激盪與心智圖,盡可能地發散與專案產品/服務相關的想法,再透過搜尋引擎一一地瀏覽與查找資訊。瀏覽搜尋結果的時候,會持續地發現更多相關的關鍵字,此時再透過新的關鍵字繼續發散,直到我認為已經查無可查為止。接著進入收斂階段,開始歸納已查找的資訊,並依據專案的限制,篩選出可用的資訊以進行下一步規劃。

而在AI出現後,我還是會透過腦力激盪或心智圖寫下對專案產品/服務的初步想法,接著再透過各式AI查找資料。若有需要,也還是會透過搜尋引擎關鍵字,以確實完成發散思考的步驟。而在收斂階段,則會與各式AI討論以初步確認收斂的方向。


前期需求確認

  • 蒐集現況資訊:透過搜尋引擎或各式AI蒐集品牌/產品/服務的資訊,資訊來源可以是新聞、社群、顧問公司報告、書籍等,目的是了解品牌/產品/服務的現況、近期消息、使用者討論與評價等,以建立對品牌/產品/服務的基礎認識
  • 國內外競品分析:透過搜尋引擎或各式AI蒐集並分析競品,以勾勒市場現況、分析差異(包含產品/服務提供的功能差異、視覺設計風格差異、客群差異等),為後續規劃的亮點或差異化奠定基礎
  • 利害關係人訪談:邀請利害關係人進行訪談,以了解專案決策者的想法,幫助專案團隊聚焦,把資源投入真正重要的服務/功能
  • 使用者訪談:邀請產品/服務的使用者進行訪談,可以是一對一深度訪談,或一對多的焦點團體訪談,以了解使用者的真實使用情境及對產品/服務的想法,幫助專案團隊在關鍵決策時,能有效聚焦使用者真正在意的重點
  • 需求整理與分析:綜合現況資訊、競品分析、利害關係人訪談結果及使用者訪談結果,彙整並分析專案目標、需求,為後續規劃方向奠定基礎
  • 訂出規劃目標與方向:依據專案目標及需求,訂定規劃目標與規劃方向,為後續的規劃執行提供明確且可依循的規劃重點

資訊架構規劃

  • 盤點現行資訊架構:若有現行產品/服務,則可盤點現行資訊架構,以了解現行有哪些資訊與功能。若有需要,也可在利害關係人訪談時,邀請相關人員簡介現行資訊架構的前世今生,加深對架構中各個服務功能的認識
  • 國內外競品資訊架構分析:蒐集與分析國內外競品資訊架構,以了解產業中有哪些分類產品/服務的方式,有助於定義與定位資訊架構的規劃方向
  • 訂定資訊架構規劃方向與特色差異:擬定2-3個資訊架構規劃方向,並分析各個方向的優缺點與特色,有助於在專案前期先訂好網站的骨架,避免疊床架屋也為後續擴充預留空間
  • 規劃新版資訊架構:篩選1-2個資訊架構規劃方向,並依據不同方向規劃完整資訊架構,再邀請專案團隊與利害關係人進行討論與確認

網站內容規劃

  • 盤點各單元及頁面的資訊與功能:有了新的資訊架構後,盤點架構中各單元及頁面的內容,區分靜態資訊呈現或動態功能操作,以快速評估各單元頁面的製作難度與製作時間
  • 區分各個單元及頁面的重點:各單元及頁面的屬性不同,有些頁面是單純的資料下載,而有些頁面則具有行銷目的,因此規劃時要考量的重點各不相同,使用的元件也不同,先區分重點有助於聚焦
  • 亮點規劃:由於各單元頁面的目的與規劃重點不同,針對重要或具有行銷目標的單元頁面,須多考量畫面或操作的亮點,以達成頁面的商業目的
  • 規劃操作動線:若是複雜的交易流程或功能操作流程,須考量操作的步驟與動線,避免整個流程過於複雜或冗長
  • 製作各頁面內容:依據各單元頁面進行Wireframe規劃與製作
  • 檢查操作動線及邏輯:Wireframe製作完畢後,再次檢查重要或複雜的流程,確保沒有邏輯上的矛盾或未經考量的狀態
  • 奧坎剃刀:又稱簡約法則,以此法則檢視Wireframe頁面及操作流程,並自問可否再更簡單一點,通常都有機會讓頁面更加簡約
  • 構思說明方式:整合規劃時的所有想法,彙整成報告時的說明內容,可製作成簡報以利溝通

我剛開始接觸網站規劃時,主要依循用戶體驗要素的框架進行網站規劃,同時也會參考雙鑽石模型。隨著規劃經驗累積,這些思考框架很自然地融入我的規劃流程,並且我目前也持續學習與優化規劃步驟,希望能在前期納入更多商業分析,讓網站規劃更加完善。