權(quán)力的過(guò)渡充滿了困難。不同的團(tuán)隊(duì)有不同的價(jià)值觀、不同的經(jīng)驗(yàn)、不同的專業(yè)知識(shí)、不同的優(yōu)先級(jí)，這就導(dǎo)致了不同的工具和不同的方法。

人們很容易把網(wǎng)頁(yè)設(shè)計(jì)看作一個(gè)端到端的過(guò)程，從研究開始，以指標(biāo)結(jié)束。現(xiàn)實(shí)情況是，大多數(shù)設(shè)計(jì)人員和開發(fā)人員是在一個(gè)正在進(jìn)行的過(guò)程中加入項(xiàng)目的。

這給我們留下了一個(gè)艱難的選擇:我們是嘗試用我們自己的工具集滿足客戶的期望，還是適應(yīng)已經(jīng)到位的工具和過(guò)程?

對(duì)于任何從不同的設(shè)計(jì)師/開發(fā)者/機(jī)構(gòu)(D/D/ a)接手web項(xiàng)目的人來(lái)說(shuō)，這里有一個(gè)實(shí)用的指南，可以幫助你成功地完成過(guò)渡。

第一步:找出問(wèn)題所在

在99.99%的情況下，之前的客戶-D/D/A關(guān)系會(huì)出現(xiàn)問(wèn)題。

根據(jù)我的經(jīng)驗(yàn)，這幾乎與錢無(wú)關(guān)。大多數(shù)客戶都愿意支付高于基本市場(chǎng)利率，如果他們相信他們的投資得到良好的回報(bào)。一個(gè)客戶告訴你之前的D/D/A太貴了，他是在期待和你談判費(fèi)用。

快樂(lè)的客戶不會(huì)貨比三家

偶爾你會(huì)發(fā)現(xiàn)一個(gè)自由設(shè)計(jì)師已經(jīng)被一家機(jī)構(gòu)挖去了，而且再也找不到了。有時(shí)候，公司的發(fā)展超過(guò)了承兌交單，進(jìn)入了承兌交單不支持的領(lǐng)域。但是這種情況是很少見的，快樂(lè)的客戶——即使是適度滿意的客戶——也不會(huì)貨比三家。如果他們跟你說(shuō)話，一定有什么東西促使他們這么做。

承兌交單擅離職守是令人擔(dān)憂的普遍現(xiàn)象。這在低端市場(chǎng)最為常見，因?yàn)樯姘附痤~不太可能引發(fā)法律糾紛。通常情況下，一個(gè)不受歡迎的D/D/A會(huì)讓客戶對(duì)一個(gè)更好、更新的機(jī)會(huì)失去興趣。

有時(shí)客戶雇傭了一個(gè)新的經(jīng)理，而新的經(jīng)理引入了修改后的期望，這是以前的D/D/ a不能滿足的。

最常見的情況是，之前的D/D/A犯了很多次錯(cuò)誤，只要能及時(shí)糾正錯(cuò)誤，理性的客戶就會(huì)容忍，但每個(gè)人都有限度。

當(dāng)你和之前的D/D/A對(duì)話時(shí)，要注意你是在從他們的口袋里掏錢。當(dāng)然，之前的D/D/A可能會(huì)告訴你該怎么做，他們可能會(huì)完全忽視你，但大多數(shù)人在移交項(xiàng)目時(shí)會(huì)很務(wù)實(shí)，只要能確保他們的最終發(fā)票能及時(shí)支付給現(xiàn)在的前客戶。

每個(gè)網(wǎng)站都有自己的特點(diǎn)，如果你能與之前的D/D/ a建立一個(gè)友好的關(guān)系，那么這個(gè)過(guò)渡將會(huì)大大減少坎坷。

誰(shuí)控制域名?

在我看來(lái)，公司的域名應(yīng)該一直由公司持有;它是一項(xiàng)重要的商業(yè)資產(chǎn)，應(yīng)該像公司的銀行賬戶一樣小心謹(jǐn)慎。

不幸的是，有些公司把與網(wǎng)絡(luò)有關(guān)的一切都外包出去。如果與之前的D/D/A的決裂是激烈的，那么保護(hù)域名可能是有問(wèn)題的。

保護(hù)域名不是你的工作——你沒(méi)有杠桿，客戶有。你的工作就是讓客戶對(duì)你的域名印象深刻。

誰(shuí)控制主機(jī)?

主持安排因項(xiàng)目而異。以前的D/D/A在他們自己的空間上托管客戶的站點(diǎn)，這并不少見，也不是不合理的。如果是這種情況，請(qǐng)準(zhǔn)備好快速將其遷移到您自己的服務(wù)器或?qū)Ｓ每臻g。

如果您要遷移到一個(gè)新的空間，請(qǐng)?zhí)貏e注意電子郵件條款。接管一個(gè)項(xiàng)目通常意味著接管一個(gè)正在進(jìn)行的項(xiàng)目，這通常意味著電子郵件帳戶。

在任何情況下，您都需要完全訪問(wèn)主機(jī)空間。您當(dāng)然需要FTP訪問(wèn)，也可能需要SSH訪問(wèn)。

除了托管，檢查你的客戶的網(wǎng)站是否使用了CDN，如果使用了，誰(shuí)控制它。

后端源代碼

一旦您擁有了對(duì)托管服務(wù)器的FTP訪問(wèn)權(quán)限，您就可以從服務(wù)器獲取所有后端代碼。

從服務(wù)器獲取代碼(而不是從以前的D/D/A接收文件)的好處是，您可以絕對(duì)確定您獲得的是當(dāng)前的(工作的)代碼。

如果客戶因?yàn)闊o(wú)法交付某項(xiàng)特定任務(wù)而中斷了之前的D/D/A，那么您肯定不希望處理那些部分被修改過(guò)的文件。

新安裝

如果您使用的是CMS之類的工具，那么最好在服務(wù)器上運(yùn)行一個(gè)全新的安裝程序，然后跨模板、插件進(jìn)行復(fù)制，然后遷移數(shù)據(jù)庫(kù)。

前端代碼

當(dāng)涉及到獲取源代碼時(shí)，前端代碼比后端代碼更有問(wèn)題。

前端代碼比后端代碼問(wèn)題更大

如果之前的D/D/A甚至有部分能力，那么web空間上的CSS和JavaScript就會(huì)縮小。縮小的CSS是不太有問(wèn)題,可以u(píng)nminified相當(dāng)容易,但你不想要理清一個(gè)縮小的JavaScript文件——我曾經(jīng)有過(guò)一個(gè)項(xiàng)目的開發(fā)人員已經(jīng)縮小自己的代碼在同一個(gè)文件中與他的所有依賴項(xiàng),包括Vue和jQuery(是的,我知道)。

如果你發(fā)現(xiàn)之前的D/D/A使用了你不使用的技術(shù)——使用Less代替Sass，或者在TypeScript中編寫腳本，那么處理前端源代碼會(huì)有額外的維度。

取消縮小CSS和JavaScript

不縮小(或美化，或美化)代碼相當(dāng)容易。有一些在線工具可以幫助你，包括unminiify，在線CSS Unminifier, FreeFormatter, JS Minify unminiify等等。您還會(huì)發(fā)現(xiàn)許多代碼編輯器的擴(kuò)展，包括用于Sublime文本的HTML-CSS-JS美化，以及用于Atom的Atom美化。您將發(fā)現(xiàn)一些編輯器具有內(nèi)置的功能。

警告:代碼美化不會(huì)恢復(fù)注釋，對(duì)于JavaScript，也不會(huì)使變量名變得清晰。美化代碼不能替代原始的，未縮小的源代碼的副本。

緊急措施

如果由于任何原因不可能取消縮小的源代碼，或者更有可能的是，未縮小的JavaScript仍然看起來(lái)像縮小的代碼——盡管格式化得很好——那么最后的辦法是導(dǎo)入代碼并在必要的地方覆蓋它。

在這種情況下，首先要做的是向你的客戶解釋情況。確保他們理解這是一個(gè)臨時(shí)補(bǔ)丁，你將在重建項(xiàng)目的部分時(shí)解決它。

然后，復(fù)制并粘貼舊的縮小代碼到一個(gè)新的項(xiàng)目設(shè)置。對(duì)于CSS來(lái)說(shuō)，這可能意味著創(chuàng)建一個(gè)傳統(tǒng)。包括舊的CSS文件，并將其導(dǎo)入到您自己的Sass中。對(duì)于JavaScript，創(chuàng)建一個(gè)legacy.js文件，添加所有舊的JS，并導(dǎo)入它。

這將導(dǎo)致產(chǎn)生比需要的更大的文件集，您可能最終會(huì)在樣式聲明中使用!important[討厭]，并且會(huì)觸發(fā)許多關(guān)于剩余代碼的燈塔式警告。

然而，如果您的客戶昨天有一長(zhǎng)串他們想要的更改，那么這個(gè)骯臟的hack將為您提供一個(gè)工作站點(diǎn)，然后您可以隨著時(shí)間的推移一點(diǎn)一點(diǎn)地重建該站點(diǎn)。

資產(chǎn)

資產(chǎn)通常意味著圖像，而圖像通?？梢酝ㄟ^(guò)FTP獲取。

偶爾——盡管現(xiàn)在圖像文件很少包含文本——您將需要源文件來(lái)更改圖像。

客戶是否有，或者之前的D/D/A是否會(huì)轉(zhuǎn)交，很大程度上取決于客戶和之前的D/D/A之間的協(xié)議。

大多數(shù)企業(yè)都很清楚品牌資產(chǎn)的重要性，所以你可能會(huì)發(fā)現(xiàn)他們至少有一個(gè)他們的標(biāo)志的副本;它是SVG還是JPG完全是另一回事。讓他們記住為你找到那些文件的重要性。

第三方代碼

很少有項(xiàng)目不依賴于第三方代碼。第三方代碼可能與定制源代碼交織在一起，拆解它是一項(xiàng)耗時(shí)的工作。

很有可能之前的D/D/A使用了一個(gè)庫(kù)或框架，考慮到它們的數(shù)量不斷增加，它們使用的庫(kù)或框架更有可能不是你喜歡的那個(gè)。

您是否選擇分解代碼并根據(jù)您自己的偏好替換之前的D/D/A依賴(通常在長(zhǎng)期內(nèi)更快)，或者您是否選擇使用您所得到的(通常在短期內(nèi)更快)，這完全取決于您。

根據(jù)我的經(jīng)驗(yàn)，選擇另一個(gè)CSS庫(kù)并不困難;從一個(gè)JavaScript框架切換到另一個(gè)JavaScript框架是一項(xiàng)更大的工作，不僅涉及語(yǔ)法，還涉及核心概念。

當(dāng)心構(gòu)建環(huán)境

每個(gè)人都有自己做事的方式。有些D/D/As包含構(gòu)建環(huán)境，有些則不包含。有些構(gòu)建環(huán)境使用起來(lái)很簡(jiǎn)單，有些則不然。有些構(gòu)建環(huán)境可以適應(yīng)您的流程，有些則不能。

與采用庫(kù)，甚至框架不同，采用新的構(gòu)建過(guò)程很少是一個(gè)好主意

構(gòu)建環(huán)境有很多——Gulp、Grunt和Webpack都很流行——而D/D/As對(duì)它們的看法就像對(duì)CMS一樣固執(zhí)己見。

為了代替原始文件，前面的D/D/A常常告訴您“只需運(yùn)行這樣或那樣的CLI”命令，以使您的本地環(huán)境與它們的環(huán)境匹配。與采用庫(kù)，甚至框架不同，采用新的構(gòu)建過(guò)程很少是一個(gè)好主意，因?yàn)楫?dāng)您還沒(méi)有贏得新客戶的信任時(shí)，您正在把自己從專家降級(jí)為新手。

堅(jiān)守陣地。他們的方法失敗了，所以你才被請(qǐng)來(lái)。你你。

許可是誰(shuí)?

任何付費(fèi)的第三方代碼都是許可的。經(jīng)常檢查誰(shuí)持有這些許可證。除了合法要求外，更新、bug修復(fù)和某些情況下的支持通常都需要有效的許可。

常見的陷阱包括:字體許可(可能在之前的D/D/A的Creative Cloud, Fontstand, Monotype等帳戶下授權(quán));庫(kù)存圖像許可證(可能僅供以前的D/D/A使用);和插件(通常以包的形式批量授權(quán)給D/D/)。

發(fā)現(xiàn)客戶使用未經(jīng)許可的資產(chǎn)是令人沮喪的普遍現(xiàn)象。在不止一個(gè)場(chǎng)合，我不得不向客戶解釋使用盜版字體的潛在后果。

幸運(yùn)的是，第三方供應(yīng)商將許可證附加到指定域上的情況越來(lái)越普遍，這意味著您可以代表您的客戶申請(qǐng)?jiān)S可證。主要的供應(yīng)商，如CMS和電子商務(wù)解決方案，通常有一個(gè)選項(xiàng)，讓以前的開發(fā)人員發(fā)布許可證，并允許您聲明它。

在許可的情況下，如果你不確定，不要害怕聯(lián)系第三方供應(yīng)商，一旦你的客戶與他們之前的D/D/A協(xié)議斷絕關(guān)系，你就可以詢問(wèn)他們是否有許可。

唯一比告訴他們他們需要購(gòu)買一個(gè)他們認(rèn)為已經(jīng)付過(guò)錢的授權(quán)更快地破壞客戶關(guān)系的是告訴他們他們被起訴侵犯版權(quán)。

保護(hù)你的客戶，保護(hù)你自己，通過(guò)確保一切都是正確的許可。如果你能從以前的D/D/A中得到這樣的書面答復(fù)，就去做吧。

誰(shuí)負(fù)責(zé)研究和分析?

與從頭開始構(gòu)建不同，接管站點(diǎn)的一個(gè)主要好處是，您有一組可測(cè)量的特定于站點(diǎn)的數(shù)據(jù)來(lái)指導(dǎo)您的決策制定。

這只適用于你有數(shù)據(jù)的情況，所以要求添加到客戶的分析賬戶。

之前的D/D/ a所進(jìn)行的設(shè)計(jì)研究很有可能被之前的D/D/ a視為內(nèi)部文件，而不是可交付成果。和你的客戶核對(duì)一下:如果他們?yōu)檠芯扛读隋X(發(fā)票上有寫明嗎?)，那么他們有權(quán)得到一份副本。

我們也有博客…

客戶傾向于用“網(wǎng)站”這個(gè)詞來(lái)概括所有的數(shù)字內(nèi)容。

當(dāng)你為一個(gè)網(wǎng)站負(fù)責(zé)時(shí)，你幾乎總是被期望為客戶使用的任何數(shù)字服務(wù)負(fù)責(zé)。這意味著，像Mailchimp這樣的通訊服務(wù)，像Intercom這樣的客戶服務(wù)賬戶，以及227,000個(gè)他們?cè)谧畛醯暮?jiǎn)報(bào)中忘記提及的WordPress博客頁(yè)面。

對(duì)于每一個(gè)額外的應(yīng)用程序，微網(wǎng)站，博客和其他客戶端擁有的東西，重復(fù)整個(gè)步驟2，除非客戶明確告訴你不要這樣做。

第三步:不能回頭的地方

到目前為止，你還沒(méi)有讓客戶在虛線上簽字。這整個(gè)過(guò)程都是你盡職調(diào)查的一部分。

通過(guò)檢查這些內(nèi)容，您可以確定不可預(yù)見的問(wèn)題和潛在的成本。您是否被捆綁在一個(gè)模糊的構(gòu)建過(guò)程中?CMS是否需要重新授權(quán)?您需要重新創(chuàng)建所有的站點(diǎn)資產(chǎn)嗎?

有些這樣的對(duì)話很難進(jìn)行，但現(xiàn)在正是進(jìn)行這些對(duì)話的時(shí)候

如果有任何項(xiàng)目比預(yù)期的復(fù)雜的問(wèn)題，與你的客戶進(jìn)行誠(chéng)實(shí)的對(duì)話——他們會(huì)欣賞你的透明性，他們也會(huì)欣賞被告知的情況。如果一個(gè)客戶不清楚自己付錢給你是為了什么，那他就不是你想要的客戶。

有些對(duì)話是很難進(jìn)行的，但現(xiàn)在是時(shí)候進(jìn)行了，而不是三個(gè)月后。

這是不能回頭的地方。從現(xiàn)在起，任何問(wèn)題都不再是以前的承兌交單問(wèn)題，而是你們的問(wèn)題。

更改密碼

對(duì)于你擁有的每一個(gè)服務(wù)，從通訊登錄，到CMS登錄，到FTP詳細(xì)信息，修改密碼。(一定要通知客戶。)

建立一個(gè)暫存站點(diǎn)

您需要一個(gè)準(zhǔn)備站點(diǎn)，以便您的新客戶端可以預(yù)覽您為他們所做的工作。

在對(duì)代碼進(jìn)行任何更改之前，立即設(shè)置staging站點(diǎn)。在這樣做的過(guò)程中，你會(huì)很早就發(fā)現(xiàn)是否有文件丟失，或者文件存在問(wèn)題。

成功地過(guò)渡一個(gè)項(xiàng)目

當(dāng)客戶委托一個(gè)網(wǎng)站從零開始，他們充滿了期望。他們離開之前的承兌交單來(lái)找你，說(shuō)明他們的經(jīng)驗(yàn)沒(méi)有達(dá)到他們的期望。

現(xiàn)在，您的客戶對(duì)您的期望是現(xiàn)實(shí)的，甚至是悲觀的。你有一個(gè)基準(zhǔn)，可以客觀地衡量你的工作。

當(dāng)問(wèn)題出現(xiàn)的時(shí)候(他們總是會(huì)出現(xiàn)的)，永遠(yuǎn)不要責(zé)怪之前的承兌交單;在你開始工作之前，你的工作是評(píng)估游戲的狀態(tài)。如果遺留資產(chǎn)存在問(wèn)題，您應(yīng)該盡早將其告知客戶。

如果你從以前的D/D/A的錯(cuò)誤中吸取教訓(xùn)，你就不會(huì)很快把項(xiàng)目交給別人。