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

作者：Natasha Colyer

翻譯：Fiona、桃?guī)?、貝殼里睡著魚、高相建

審校：陶陶然

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

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

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

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

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

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

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

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

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

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

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

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

創(chuàng)建網(wǎng)站內容和搜索引擎優(yōu)化——支付15%的報酬

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

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

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

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

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

發(fā)布——應支付20%的報酬

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

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

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

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

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

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

- END -