一直以來(lái)，我想希望通過(guò)自己的分享，大連網(wǎng)站設(shè)計(jì)能讓更多的同行有所收獲，特別是有一定基礎(chǔ)，已經(jīng)到瓶頸的同學(xué)，找到一個(gè)突破口。當(dāng)然，我本身的閱歷還太少，這個(gè)希望純屬YY，但有目標(biāo)至少有做事的方向，我也就自顧自的做下去吧。

    說(shuō)回《頁(yè)面重構(gòu)工程師修練功略》，之所以會(huì)以這個(gè)為題，主要是團(tuán)隊(duì)里的新同學(xué)給我?guī)?lái)了很多不一樣的想法，開(kāi)始關(guān)注到了“專(zhuān)業(yè)化”的話(huà)題。

    先看看整體的內(nèi)容：

    在這里下載： 頁(yè)面重構(gòu)工程師的修練攻略.pdf

    分為三個(gè)大部分：

    為“下游”

    為“上游”

    為團(tuán)隊(duì)、自己

    首先，來(lái)看看在工作流程中的“上游”和“下游”。做為一個(gè)頁(yè)面重構(gòu)工程師，我們自身的工作之前在 你是一個(gè)職業(yè)的頁(yè)面重構(gòu)工作者嗎？ 和 再讀《你是一個(gè)職業(yè)的頁(yè)面重構(gòu)工作者嗎？》 中已經(jīng)有較多的討論，但在整個(gè)流程中，頁(yè)面重構(gòu)工程師又可以做些什么呢？

    為“下游”

    時(shí)常會(huì)聽(tīng)到某某在抱怨“上游“如何如何，的確很多看來(lái)“額外”的工作量，是由于“上游“產(chǎn)生的，會(huì)產(chǎn)生抱怨很正常，人之常情。但靜下心來(lái)，別忘了我們也有“下游”。做為“上游”，你的輸出直接影響了“下游“的工作效率。因此，我們?cè)谳敵龅臅r(shí)候需要更多的為“下游“的工作提供方便。

    記得在一個(gè)培訓(xùn)課上老師講到一個(gè)例子，當(dāng)然當(dāng)時(shí)的主題跟我們今天所講的不同，但例子我覺(jué)得蠻有啟發(fā)的：“在一個(gè)電子商務(wù)站點(diǎn)中，為了讓用戶(hù)得到更好的體驗(yàn)，交互設(shè)計(jì)師在用戶(hù)下單后，設(shè)計(jì)了一個(gè)跟蹤發(fā)貨情況的區(qū)域，將貨單的各個(gè)時(shí)間結(jié)點(diǎn)顯示在上面，包括當(dāng)前狀態(tài)等等，很好的體驗(yàn)。結(jié)果負(fù)責(zé)開(kāi)發(fā)的同事看了后就說(shuō)了，這個(gè)功能實(shí)現(xiàn)的成本太高了，而且這個(gè)物流公司是第三方的，我們拿不到相關(guān)的數(shù)據(jù)…… 最后大家討論的結(jié)果是，改成一個(gè)鏈接，跳到第三方物流公司的訂單查詢(xún)系統(tǒng)上，用戶(hù)自己去查，頁(yè)面只提供一個(gè)入口。”又比如模擬下拉菜單的效果跟使用系統(tǒng)下拉菜單所需要的工作量是差很多的，可能上游一個(gè)很小的改變，就會(huì)給下游帶來(lái)很大的修改量——流程中的“蝴蝶效應(yīng)”。

    從重構(gòu)的這一環(huán)來(lái)說(shuō)，能為“下游”提供的方便主要就是代碼方面的內(nèi)容了，像在代碼中添加合理、充分的注釋?zhuān)龑?dǎo)下游更快的找到需要的部件、代碼等等；還可以多接觸、了解下游的工作，像學(xué)習(xí)Javascript等的實(shí)現(xiàn)方法，以提高我們輸出的頁(yè)面能更容易被實(shí)現(xiàn)。

    為“上游”

    “技術(shù)限制”這個(gè)詞，對(duì)于產(chǎn)品和設(shè)計(jì)的同學(xué)，應(yīng)該是再熟悉不過(guò)了，也是很討厭的一個(gè)詞，因?yàn)榭偸且驗(yàn)?ldquo;技術(shù)限制”，需要把原本自己很滿(mǎn)意的作品進(jìn)行修改，為下游做妥協(xié)。甚至有一段時(shí)間團(tuán)隊(duì)里還出現(xiàn)“技術(shù)限制產(chǎn)品發(fā)展”的一場(chǎng)風(fēng)波，細(xì)節(jié)不用展開(kāi)大家也能想像得到。換個(gè)角度來(lái)看呢？我很喜歡換個(gè)角度來(lái)看，常聽(tīng)學(xué)程序的同學(xué)說(shuō)“只有想不到的，沒(méi)有實(shí)現(xiàn)不了的。”，讓我想起阿基米德的“給我一個(gè)支點(diǎn),我將撬起整個(gè)地球。”，那么，現(xiàn)實(shí)中真能找到這個(gè)支點(diǎn)嗎？。如果產(chǎn)品一開(kāi)始就設(shè)定得很概念化、理想化，忽略了現(xiàn)實(shí)中的環(huán)境、條件限制，那么這個(gè)產(chǎn)品必定會(huì)實(shí)現(xiàn)不了或延長(zhǎng)期限的。
   
    在要求“上游“的同學(xué)學(xué)習(xí)了解“下游“的工作外，做為“下游”，我們也很應(yīng)該為“上游”提供一定的培訓(xùn)，讓“上游”更加了解我們的工作以及完成工作所需要的幫助。即可減少“上游”輸出實(shí)際價(jià)值不大的內(nèi)容，做無(wú)用功，也能提供更完整的內(nèi)容。甚至能從我們的角度提供給“上游”提高效率的方法等。
   
    一樣，從重構(gòu)的環(huán)節(jié)來(lái)看，能為“上游”提供的幫助，《網(wǎng)頁(yè)制作基礎(chǔ)》、《網(wǎng)頁(yè)制作流程》、《Photoshop動(dòng)作制作》等等內(nèi)容培訓(xùn)，也許會(huì)奇怪為什么PS的動(dòng)作會(huì)在其中，大部分的設(shè)計(jì)師對(duì)程序并不太感冒，雖然我們對(duì)設(shè)計(jì)不在行，但對(duì)于程序化的PS動(dòng)作，掌握起來(lái)還是很快的。那么，可以幫助設(shè)計(jì)師完成某一類(lèi)動(dòng)作的制作，幫助提高工作效率，也是不錯(cuò)的方式。

    上面是流程中“上、下游”角度的內(nèi)容，可以概括為一句話(huà)： “ 得到下游的信任，信任你的上游！ ”。除了上面的內(nèi)容外，還有一些可以很快提高效率的小Tips：像“發(fā)長(zhǎng)篇代碼、文本時(shí)先保存為txt文件”、“確認(rèn)問(wèn)題時(shí)給肯定的回復(fù)”、“提供對(duì)方需要的文本時(shí)，給可復(fù)制的文本”等等。這些場(chǎng)景中，發(fā)送方就是“上游”，接收方就是“下游”。能做的還有很多，需要我們多思考。

    為團(tuán)隊(duì)、為自己

    做技術(shù)工作的同學(xué)都很清楚或?qū)?huì)清楚：技術(shù)本身并沒(méi)有什么樂(lè)趣，真正的樂(lè)趣來(lái)且使用技術(shù)解決某一問(wèn)題或?qū)崿F(xiàn)某種功能、效果。換個(gè)設(shè)計(jì)師能懂的話(huà)就是：“Photoshop本身并沒(méi)有什么樂(lè)趣，真正的樂(lè)趣在于使用Photoshop可以實(shí)現(xiàn)想要的效果。”從中我明白了一個(gè)道理，工作的樂(lè)趣是可以自己創(chuàng)造的。樂(lè)趣何在？

    為你的團(tuán)隊(duì)提供更高效的解決方案，在工作中積累、思考，探索更好的規(guī)范、流程、工具、方法等等。分享你的解決方案，最好能在團(tuán)隊(duì)內(nèi)形成一定的正向競(jìng)爭(zhēng)，讓你的團(tuán)隊(duì)保持活力。

    可能很多同學(xué)會(huì)“沒(méi)自信”，網(wǎng)站設(shè)計(jì)公司覺(jué)得就算團(tuán)隊(duì)里有這樣的人，也不會(huì)是自己。有什么關(guān)系呢？這只是一種方法，讓你工作有樂(lè)趣的方法。每個(gè)人的興趣點(diǎn)不同，只要是積極向上的，必定會(huì)找到樂(lè)趣所在。

 

---