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

    說回《頁面重構(gòu)工程師修練功略》，之所以會以這個(gè)為題，主要是團(tuán)隊(duì)里的新同學(xué)給我?guī)砹撕芏嗖灰粯拥南敕?，開始關(guān)注到了“專業(yè)化”的話題。

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

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

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

    為“下游”

    為“上游”

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

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

    為“下游”

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

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

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

    為“上游”

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

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

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

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

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

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

 

---