Jun 12 閱讀時長約4分鐘左右

作者：Natasha Colyer

翻譯：Fiona、桃幾、貝殼里睡著魚、高相建

審校：陶陶然

對于網站的創建和發布，很重要的一點是向客戶提供切合實際的時間預期，并且根據不同階段進行收費。畢竟，創建網站并不僅僅是寫代碼，它包含很多其他的內容。從初步的簡要概況，到后面的網站發布，中間包含了很多階段。一般情況下，會進行總價的報價，最后收到全款，或者預付50%的款項，完成后收取剩下的50%。然而，項目過程中如果遇到阻礙，比如意外延期，或者在你幾乎要完成網站的最后一分鐘客戶取消了項目，你可能就會白白損失了。

通過分階段收費，你能在完成一個階段以后得到你應得的部分。雖然具體的網站開發階段會因為客戶和項目有稍許不同，但你仍然需要進行時間規劃，并且根據具體的階段進行收費，基本步驟幾乎保持不變。

項目概況和規劃——應支付20%的報酬

無論你的客戶是想改版現有的網站，還是從頭開始做個新的網站，都不應該輕視最初的項目規劃階段。這個階段主要包括調查研究、確定需求以及制定計劃。你需要確定項目的范圍、重點區域和網站的主要功能。

在此階段，你要明確為了實現網站的主旨，需要哪些頁面和功能。此外，你還需要確定使用的軟件、任何可能用到的資源、以及預估項目的完成日期。在制定預算時，你需要考慮在內任何其他方面的費用，比如參加會議等。

視覺設計——應支付15%的報酬

視覺階段主要包括三個部分：線框圖、樣機示例和原型制作。

線框圖是在開發或使用設計元素（比如字體和品牌元素）之前的簡單草圖。它作為網站的骨架，將為項目夯實基礎，你可以在線框圖中查看關鍵元素的位置。

第二階段是樣機圖，它是描繪網站外觀的高保真靜態模型。在這一階段，顏色、字體、品牌標志和圖片等都應該加以應用。這個階段需要精細化，最后獲得經過深思熟慮的靜態版本。利用這個機會來打磨細節，這個階段的成果代表了網站的最終外觀。請記住，最終結果可能仍會發生變化，但在這個階段應該包含可以作為項目基礎的所有必要元素。

第三個視覺階段是原型制作，也就是高度詳細的可交互原型。它將與最終開發實現的網站效果盡可能地相似，并提供網站功能的全面概況。這是你在交付開發以前檢查網站并進行任何重大調整的一個極佳的機會。

初步構建——支付15%的報酬

下一階段是實際建設網站。通過利用之前的視覺效果，您可以根據客戶的規格要求進行建設。它包括創建初始主頁和內頁的“外殼”，稍后可以再添加內容。這個過程包括設計交互式表單、實現支付方式和確認你將使用的管理系統。此時，您還可以添加任何自定義代碼。根據網站的復雜程度，預計這將占用大量時間。

創建網站內容和搜索引擎優化——支付15%的報酬

確定好主要結構之后，就可以對內容進行處理了。至此，您應該已經可以確定是您創建內容，還是客戶提供文本和圖片等素材。請記住(并確保客戶也知道)，文案不僅是為了提高用戶參與度，也是為了搜索引擎優化(SEO)。寫作的風格是很重要的，也是客戶一定要為此付費的部分。內容要短小精干，切中要點，鼓勵讀者與之互動，并繼續瀏覽其他頁面。

如果頁面需要大量的信息，最好將其分割成各部分以便于管理，并以有趣的視覺內容作為補充，以保持頁面的吸引力。確定客戶想要的搜索詞的排序，并檢查文本是否符合要求。有很多搜索引擎優化插件和工具(比如Yoast)，你可以用它們來輕松檢查優化與否。

Beta測試——應支付15%的報酬

完成了設計和功能開發，在首次發布到全世界之前，網站還需要經歷 beta測試階段。beta 測試是我們獲得目標用戶的反饋的重要渠道，也能確保在多臺設備環境中正常工作。

有很多工具可以用來檢查網站在移動端、平板端和桌面端的展示效果。網站必須符合客戶對外觀和功能的要求，確保符合其產品規劃的描述。在這一階段，你可以獲得受眾和客戶的反饋，并且決定是否要針對反饋進行修改。

發布——應支付20%的報酬

當網站通過了 beta 測試，并且客戶感到滿意后，就可以正式發布網站了。這也是向客戶收費的最后階段，這一步一般是快速和簡單的。

你需要與客戶討論何時發布網站，并進行相應的籌備工作。你需要連接域名，檢查DNS 記錄和 CNAME，啟動站點并使其運行。大型網站比小網站需要花費更長的時間，所以確保在計劃中考慮到這一點。

至始至終都要做好各種準備，發布時可能會面對的麻煩，客戶可能會根據網站的使用和交互情況來獲得反饋和修改意見。有很多分析用戶測試的方式，比如監測數據并完善站點，因此你應該跟用戶簽訂后續更新和維護的預付合同。

以上這些就是在進行網站項目時向用戶收費的基本階段。嘗試確定每個階段所需的時長，并根據時間給出報價。你可以預收定金，之后也要始終記得讓客戶知道，某些步驟的最終費用是否會超過最初的報價。

原文：https://www.webdesignerdepot.com/2020/06/how-to-define-effective-milestones-in-design-projects/

感謝閱讀，以上內容由花火譯文小組翻譯，轉載請注明出處！

- END -