Jun 12 閱讀時(shí)長(zhǎng)約4分鐘左右

作者：Natasha Colyer

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

審校：陶陶然

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Beta測(cè)試——應(yīng)支付15%的報(bào)酬

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

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

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

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

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

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

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

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

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

- END -