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

作者：Natasha Colyer

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

審校：陶陶然

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

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

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

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

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

視覺設(shè)計(jì)——應(yīng)支付15%的報酬

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

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

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

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

初步構(gòu)建——支付15%的報酬

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

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

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

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

Beta測試——應(yīng)支付15%的報酬

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

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

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

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

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

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

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

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

感謝閱讀，以上內(nèi)容由花火譯文小組翻譯，轉(zhuǎn)載請注明出處！

- END -