網(wǎng)站設(shè)計(jì)接單中的大致步驟

　　第一步：

　　我的第一步包含下面這些(大致說明一下，也歡迎大家分享自己的第一步)

　　我只是把我想得到的，頭一次商談要注意的貼出來

　　確認(rèn)客戶是否真的需要網(wǎng)站：

　　我發(fā)現(xiàn)，有的客戶只是想要電子郵件，而不是網(wǎng)站。

　　所以必須先確定他是否真的需要網(wǎng)站。

　　我自己親自談還是業(yè)務(wù)幫我談：

　　親自談?dòng)袝r(shí)候甚至可以當(dāng)下馬上改設(shè)計(jì)

　　業(yè)務(wù)幫我談就不一樣，因?yàn)樵捊?jīng)過業(yè)務(wù)加油添醋，會(huì)不一樣

　　客戶有沒有自己的營銷企畫：

　　企畫書怎么會(huì)交給設(shè)計(jì)師寫?設(shè)計(jì)師應(yīng)該是提案給客戶選吧～

　　客戶有沒有認(rèn)真去思考「網(wǎng)站」就看他有沒有自己寫一份報(bào)告給老板看過

　　難道是為了網(wǎng)站而網(wǎng)站

　　客戶有沒有特殊癖好：

　　網(wǎng)站風(fēng)水學(xué)?無障礙網(wǎng)站?

　　沒有先搞清楚這些特殊癖好，小心網(wǎng)站做好后才被削

　　客戶準(zhǔn)備多少資料要做網(wǎng)站：

　　千萬不要相信客戶說「資料很多，很齊全」

　　因?yàn)榫W(wǎng)站上面要用的數(shù)據(jù)可不是那么簡單

　　照片一定要，現(xiàn)有的型錄也跑不掉

　　涉及健康、生命安全的產(chǎn)品最好有政府檢驗(yàn)過的報(bào)告

　　有爭議的網(wǎng)站內(nèi)容最好別接(如吃下肚子，馬上瘦十公斤的廣告?zhèn)鲉?

　　公司簡介、部門組織、地圖、聯(lián)絡(luò)數(shù)據(jù)一樣都不能少

　　當(dāng)客戶問起什么資料要準(zhǔn)備時(shí)=還沒準(zhǔn)備好要做網(wǎng)站

　　這些都沒有，等這些資料都做好了，再做網(wǎng)站吧!

　　購物網(wǎng)站：

　　預(yù)算不夠的公司，不妨建議他去找PCHOME、YAHOO合作開店

　　預(yù)算更低的，先玩網(wǎng)絡(luò)拍賣吧

　　購物網(wǎng)站不等于東西就能賣出去

　　東西賣不出去，就算有購物網(wǎng)站也一樣

　　東西賣得出去，就算沒有購物網(wǎng)站也能賣

　　網(wǎng)址注冊(cè)、主機(jī)、電子郵件：

　　客戶有沒有自己的網(wǎng)址?自己的主機(jī)?自己的電子郵件?

　　這些都涉及到以后的網(wǎng)站設(shè)計(jì)好要放哪里

　　展示我的作品：

　　作品是有風(fēng)格差異的，不一樣的設(shè)計(jì)師做的就不一樣

　　難不成要幾米去畫火影忍者(能看嗎?)

　　風(fēng)格不喜歡從客戶眼神及談話內(nèi)容就能感覺到

　　不要隨口答應(yīng)「沒問題，我能改到你滿意」

　　發(fā)現(xiàn)客戶要的不屬于自己的風(fēng)格，可以介紹別的設(shè)計(jì)師

　　設(shè)計(jì)師應(yīng)該把重心放在自己擅長的案子上

　　平均完稿時(shí)間有多久：

　　我所謂的完稿是指畫面排好，還沒做 HTML

　　只是用繪圖軟件先給客戶看排版，這段時(shí)間要花多久

　　報(bào)價(jià)：

　　第一步不報(bào)價(jià)，我通常只會(huì)說一個(gè) RANGE 價(jià)格范圍

　　因?yàn)檫€沒有看到有多少數(shù)據(jù)要處理，不可能有正確的報(bào)價(jià)

　　報(bào)價(jià)高低的參考因素可以事先告知

　　如數(shù)據(jù)的處理量多寡、是否包含網(wǎng)址、空間主機(jī)、電子郵件等等

　　合約書：

　　可以先給對(duì)方看過，大家先對(duì)合約有認(rèn)識(shí)

　　不一定要第一次就簽約，不過大家對(duì)合約有共識(shí)

　　適度的修改合約符合雙方實(shí)際狀況也很重要

　　如：客戶需要開票期三個(gè)月～

　　備案：

　　第一步談得愉快還好，談不妥得要有備案

　　發(fā)現(xiàn)客戶的風(fēng)格喜好不同，可以介紹認(rèn)識(shí)的設(shè)計(jì)師給客戶

　　第一步談案子的立場(chǎng)要放在「幫客戶把網(wǎng)站發(fā)包出去」

　　所以不一定要你自己接下來做，不對(duì)頭的案子可以給別人做

　　當(dāng)然如果能自己接下來做，自然就會(huì)賺得比較多

　　(介紹別人做也能賺?見仁見智!)

　　----

　　第二步的重點(diǎn)放在數(shù)據(jù)，還有第一步的進(jìn)度延伸，我先從前一步的延伸先說，再來談第二步的資料怎么拿。

　　如果有幫客戶申請(qǐng)網(wǎng)址、空間：

　　網(wǎng)址申請(qǐng)通常需要點(diǎn)時(shí)間更新各大ISP的DNS

　　所以從申請(qǐng)到真的可以用，最短應(yīng)該48小時(shí)內(nèi)，最長也有可能拖到三到五天。

　　網(wǎng)址申請(qǐng)到了，記得先放上一張?網(wǎng)站設(shè)計(jì)中?網(wǎng)頁，如果能在上面用個(gè)郵件窗體會(huì)比較好。

　　如果有幫客戶申請(qǐng)電子郵件：

　　準(zhǔn)備一張電子郵件賬號(hào)申請(qǐng)表，字段只要郵件賬戶、用戶、職稱、密碼即可。

　　用英文名當(dāng)郵件賬戶經(jīng)常會(huì)強(qiáng)碰，所以要看情況給予客戶建議

　　如：依分機(jī)號(hào)碼編電子郵件(這部份見仁見智)

　　客戶簽約了，還缺一份?進(jìn)度及付款條件對(duì)照表?：

　　比較簡單的寫法就是分成三階段(或更多)付款，每個(gè)階段的認(rèn)定標(biāo)準(zhǔn)則雙方敲定即可。另外一種寫法就是以你自己的進(jìn)度為進(jìn)度，可能從草稿、校稿、定稿、設(shè)計(jì)稿轉(zhuǎn)網(wǎng)頁、數(shù)據(jù)仿真、上線測(cè)試，修改網(wǎng)頁等等，不要列太仔細(xì)，尤其時(shí)列了一些客戶看不懂的工作項(xiàng)目，如：PSD 轉(zhuǎn) CSS HTML

　　注：幾年前我有丟一張對(duì)照表給網(wǎng)友，不過已經(jīng)太久沒有碰網(wǎng)站設(shè)計(jì)，文件已經(jīng)不在我的計(jì)算機(jī)內(nèi)，請(qǐng)找別人要看看吧!

　　第二部份的重點(diǎn)來了，索取哪些數(shù)據(jù)，但是因?yàn)榭蛻舨煌?，?huì)有點(diǎn)不一樣。我知道的就盡量說，大家也可以分享自己的經(jīng)驗(yàn)。

　　基本數(shù)據(jù)從哪里來：

　　名片(多要幾個(gè)人的名片，以后會(huì)比較好找人，或找人幫你找人)

　　經(jīng)濟(jì)部商業(yè)司(查統(tǒng)編、公司登記基本資料)

　　客戶有通過 ISO 認(rèn)證：

　　一階文件一定要拿，因?yàn)?ISO 一階規(guī)定要有公司簡介、發(fā)展沿革、組織結(jié)構(gòu)、使命及愿景等大方向的資料。

　　公司照片：

　　不管用什么方法，公司門面的照片、辦公室的照片、工廠的照片多少要拿一些。

　　如果客戶給的照片質(zhì)量實(shí)在不怎么樣，良心建議他請(qǐng)攝影師來拍吧!

　　要不然就是你自己拍

　　產(chǎn)品型錄、說明書：

　　現(xiàn)有的商品型錄一張也不能少

　　不管新舊產(chǎn)品，只要有商品型錄就拿一份

　　產(chǎn)品說明書有設(shè)計(jì)過的話，通常上面有有一些設(shè)計(jì)好的圖表、人物、圖標(biāo)

　　如果能夠拿來用，可以省下不少腦筋

　　服務(wù)簡報(bào)：

　　有些客戶并不是生產(chǎn)產(chǎn)品，而是提供服務(wù)

　　看客戶有沒有介紹自己業(yè)務(wù)內(nèi)容的簡報(bào)可以提供(通常業(yè)務(wù)會(huì)自己做一份)

　　或者是?面試員工的公司介紹文件?，有的公司會(huì)直接拿 ISO 一階面試

　　教案、考題：

　　我碰過老師的網(wǎng)站，基本上考題跟教案都會(huì)用計(jì)算機(jī)打，記得去要一份

　　有些例外，如數(shù)學(xué)(方程式編輯器很難用)

　　沒有檔案的話，拿一份空白考卷掃描(答案卷也一樣)

　　機(jī)器設(shè)備 DM：

　　有些產(chǎn)業(yè)會(huì)使用特殊的機(jī)器設(shè)備，如 X 光機(jī)，工具顯微鏡、拉力測(cè)試機(jī)、自動(dòng)打包機(jī)等，有可能跟品管有關(guān)、有可能跟廠務(wù)有關(guān)。找出機(jī)器設(shè)備的型號(hào)、設(shè)備廠商，拿一份機(jī)器設(shè)備的 DM 吧。(年久失修的設(shè)備怎么拍都很臟，用DM上的照片吧)

　　員工大合照：

　　公司多少會(huì)有公司旅游，有旅游就會(huì)有團(tuán)體大合照

　　有制服的公司，通常也會(huì)再換新制服的時(shí)候大家合照一張

　　沒有制服、旅游?？傇撚形惭阑虼壕瓢?/p>

　　聚餐的照片也不要少(喝醉發(fā)瘋的照片不要用)

　　客戶特別喜歡的網(wǎng)站：

　　同業(yè)的網(wǎng)站通常是參考標(biāo)準(zhǔn)，所以別忘了收集同業(yè)的網(wǎng)站參考

　　再來就是?老板?特別喜好的網(wǎng)站

　　不要收集?經(jīng)理??主任??課長?特別喜好的網(wǎng)站，因?yàn)檫@些網(wǎng)站風(fēng)格不一定老板會(huì)喜歡。

　　留下 FTP 賬號(hào)密碼或燒光盤：

　　數(shù)據(jù)如果太大，教客戶用FTP是必要的

　　如果不想用FTP，那么至少要會(huì)燒光盤片

　　客戶把數(shù)據(jù)燒成光盤，再通知你去拿

　　有登記注冊(cè)的商標(biāo)：

　　應(yīng)該會(huì)有一份經(jīng)濟(jì)部智慧財(cái)產(chǎn)局發(fā)的商標(biāo)登記證書

　　千萬、千萬別聽客戶?嘴巴上說?已經(jīng)登記

　　已經(jīng)登記的商標(biāo)如果沒有檔案，就必須掃描起來重新畫過

　　不要在已經(jīng)注冊(cè)登記的商標(biāo)上面加油添醋

　　分店、加盟店、分公司聯(lián)絡(luò)資料：

　　只有總公司的數(shù)據(jù)是不夠的，網(wǎng)站上的聯(lián)絡(luò)信息應(yīng)該會(huì)包含所有分公司數(shù)據(jù)

　　所以記得要一份分公司、分店、加盟店的地址、電話、簡易地圖、店長、分公司聯(lián)絡(luò)人等數(shù)據(jù)。有的客戶同意用清單的方式完成這份數(shù)據(jù)，有的希望結(jié)合臺(tái)灣地圖，請(qǐng)記得問一下客戶希望用什么方式，別自己玩的很開心。

　　善用網(wǎng)絡(luò)地圖：

　　只有住址并不夠，有些時(shí)候必需幫客戶畫地圖放在網(wǎng)站上

　　不過有的客戶不喜歡地圖，畫地圖之前先問一下，以免做白工。

　　說明你為什么需要這些數(shù)據(jù)：

　　有的客戶是真的不曉得網(wǎng)站要放哪些資料，當(dāng)你提出前面林林總總的數(shù)據(jù)時(shí)，他可能會(huì)問你為什么，所以你一定要善盡你的責(zé)任說明。因?yàn)橛械臅r(shí)候我們覺得需要這些數(shù)據(jù)，客戶倒是不這么認(rèn)為，問一下比較保險(xiǎn)。

　　索取數(shù)據(jù)清單：

　　只有當(dāng)你把針對(duì)特定客群的時(shí)候，數(shù)據(jù)清單會(huì)幫助你快速收及統(tǒng)一的數(shù)據(jù)。我自己曾經(jīng)幫一群老師做網(wǎng)站，為了省事，我會(huì)列出一張老師網(wǎng)站應(yīng)該提供的數(shù)據(jù)清單，省得每次說明。

　　客戶的特殊要求：

　　延續(xù)第一步的當(dāng)客戶有特殊要求時(shí)，這些要求也要清楚的留下記錄。

　　特定的顏色、特定的字形、無障礙認(rèn)證到哪一個(gè)等級(jí)

　　簽約動(dòng)工：

　　第一次沒有簽約，第二是要記得簽約拿訂金

　　已經(jīng)要開始工作了，如果沒有訂金，會(huì)很難動(dòng)工

　　尤其是需要事先發(fā)包的工作(插畫、動(dòng)畫等)

　　我的第三步，交棒給 JennyWang 說明制作案子要注意的地方。

　　JennyWang 萬事拜托了。

　　第三部的重點(diǎn)放在執(zhí)行制作及進(jìn)度回報(bào)。

　　當(dāng)然網(wǎng)站要怎么設(shè)計(jì)，那是自己的事情，別以為看了第三步你就會(huì)設(shè)計(jì)了!

　　執(zhí)行制作的方法有蠻多，找一個(gè)你認(rèn)為最劃算且最有效率的方法：

　　100% 自己做：最累但是也最直接反應(yīng)客戶需求。

　　50% 交給設(shè)計(jì)師：有設(shè)計(jì)原稿，不僅能改HTML，也能改圖。

　　80% 交給設(shè)計(jì)師：你可能拿不到設(shè)計(jì)原稿，如 PSD 檔，最多只能改 HTML。

　　100% 交給設(shè)計(jì)師：只要做好溝通的角色，不要操壞設(shè)計(jì)師，大概就能順利結(jié)案。

　　你對(duì)設(shè)計(jì)師的要求有哪些?

　　我認(rèn)為這是必須要事先說明的，不要案子發(fā)給人家，反而造成雙方困擾。

　　如果需要善用 CSS 請(qǐng)事先告訴設(shè)計(jì)師，有的設(shè)計(jì)師還是習(xí)慣用 TABLE 去排版

　　如果需要設(shè)計(jì)原稿，字體要不要轉(zhuǎn)位圖這些也必須事先講

　　PSD 檔要不要先切好轉(zhuǎn)成 HTML 這也會(huì)影響后面進(jìn)度

　　有些設(shè)計(jì)師提供的原稿，需要指定軟件開

　　請(qǐng)進(jìn)一步了解設(shè)計(jì)師用的軟件，如果你手邊沒有對(duì)應(yīng)的軟件，你也沒辦法改。

　　就常用到的 PHOTOSHOP 與 FIREWORKS 雖然都可以吃 PSD 檔

　　但是兩者打開后的結(jié)果很可能不一樣(需調(diào)整過)

　　設(shè)計(jì)師有提供指定的字型嗎?

　　提到這個(gè)原因是，設(shè)計(jì)師很可能花大錢買一堆字形，或者是軟件送的。

　　好死不死，你剛好沒有這些字形，到時(shí)候要自己動(dòng)手改設(shè)計(jì)就麻煩了!

　　事先確定原稿內(nèi)的字體是否已經(jīng)轉(zhuǎn)成圖片或曲線也是重點(diǎn)

　　有的時(shí)候，你可能需要自己動(dòng)手改字，萬一字體已經(jīng)轉(zhuǎn)成曲線或圖文件

　　用樣版作給客戶的：

　　必須要先跟客戶說明，因?yàn)闃影媸强梢灾貜?fù)賣。

　　當(dāng)然有的樣版網(wǎng)站愿意賣斷給你，費(fèi)用也會(huì)比較高。

　　不管是自己作或是設(shè)計(jì)師做，先弄個(gè) DEMO 網(wǎng)址給客戶：

　　客戶通常會(huì)想知道目前的作業(yè)進(jìn)度，我習(xí)慣把 PSD 簡單切成 HTML 放上 DEMO 網(wǎng)址，可能會(huì)多做幾個(gè) DEMO 網(wǎng)頁，里頭當(dāng)然全都是假數(shù)據(jù)。DEMO 網(wǎng)址另一個(gè)目的就是為了檢討用，當(dāng)你做到這個(gè)階段，記得排個(gè)時(shí)間在去客戶那里解說一番，然后把客戶的意見帶回來當(dāng)作修改設(shè)計(jì)的依據(jù)。

　　假資料也不要弄得太假：

　　因?yàn)榈诙揭呀?jīng)拿到照片等資料，按理來說，DEMO 網(wǎng)站上的照片應(yīng)該可以用真的照片，但是照片的描述就不一定花時(shí)間打，隨便找一篇英文網(wǎng)頁 COPY & PASTE 就可以。我的習(xí)慣都會(huì)用上客戶的照片就好，文章的部分就隨便。除了照片正確，DEMO 網(wǎng)址上的聯(lián)絡(luò)信息、公司名稱也都會(huì)用正確的。

　　DEMO 網(wǎng)頁怎么測(cè)試?

　　我會(huì)測(cè)試數(shù)據(jù)變多的時(shí)候版面會(huì)不會(huì)跑掉

　　不同瀏覽器瀏覽的結(jié)果

　　調(diào)整瀏覽器文字大小時(shí)版面的變化

　　沒數(shù)據(jù)的時(shí)候，版面變化

　　有沒有瀏覽器錯(cuò)誤訊息

　　開啟網(wǎng)站的速度，換頁的速度(DW 有顯示下載網(wǎng)頁所花時(shí)間，可供參考)

　　如果你采用分工合作的方式，請(qǐng)注意進(jìn)度

　　基本上你交代出去的工作一定要問到「什么時(shí)候可以給我」

　　不然東西可能會(huì)沒下落

　　另外比較會(huì)拖到時(shí)間的就是收集客戶的意見給設(shè)計(jì)師

　　有點(diǎn)程度的業(yè)務(wù)人員會(huì)自己判斷什么意見可行、什么不可行

　　遇到兩光業(yè)務(wù)代表，大概第一個(gè)掛掉的是設(shè)計(jì)師

　　什么意見是可行?

　　我盡可能說明，因?yàn)檫@完全得要靠經(jīng)驗(yàn)累積。

　　例如：設(shè)計(jì)師弄出的版面寬度，大概只能放下五個(gè)項(xiàng)目，客戶要求近十幾個(gè)選項(xiàng)，設(shè)計(jì)師大概也只能重新設(shè)計(jì)過。除非設(shè)計(jì)師覺得無所謂，能塞就塞。

　　動(dòng)畫的難度比較高，配合的設(shè)計(jì)師也必須要有功力才做得到，所以不要隨便答應(yīng)客戶動(dòng)畫部分沒問題。

　　回報(bào)進(jìn)度的工具：

　　EMAIL 應(yīng)該是屬于最有效的，而且有寄出去的時(shí)間、內(nèi)容，省下很多口水。

　　打電話也不錯(cuò)，但是沒有留下任何紀(jì)錄，萬一要聯(lián)絡(luò)的人一多，會(huì)累到。

　　MSN 或 YAHOO 實(shí)時(shí)通留言給客戶。

　　原則上以客戶習(xí)慣的聯(lián)絡(luò)工具為準(zhǔn)，優(yōu)先選擇有留紀(jì)錄的工具。

　　回報(bào)進(jìn)度的頻率：

　　倒是不用每做完一個(gè)網(wǎng)頁就回報(bào)一次，這樣客戶也會(huì)受不了。

　　可以每天回報(bào)一次，盡量在下午三點(diǎn)前把進(jìn)度送出去，趕在客戶下班前收下。

　　另外就是按照進(jìn)度表的日期回報(bào)，這是比較有效率的。

　　回報(bào)的內(nèi)容：

　　基本是打你完成的工作，未完成的工作。

　　回報(bào)進(jìn)度時(shí)，盡可能的提到完整的人、事、時(shí)、地、物。

　　舉例：下午兩點(diǎn)聯(lián)絡(luò)上設(shè)計(jì)師陳先生，可能需要到設(shè)計(jì)師家里拿光盤(臺(tái)中火車站)

　　進(jìn)度如何暫停?

　　當(dāng)遇到窒礙難行的地方，或者完全聽不懂客戶 EMAIL 或電話內(nèi)表達(dá)的意思

　　請(qǐng)立刻通知設(shè)計(jì)師，暫停設(shè)計(jì)，跟客戶約個(gè)時(shí)間，進(jìn)一步確認(rèn)需求與可行度才繼續(xù)下去

　　同時(shí)進(jìn)行的進(jìn)度?

　　我通常都會(huì)事先說明「網(wǎng)站是雙方要一起努力的事情」

　　所以有的工作我會(huì)交給客戶自己去弄，好比拍照、打公司簡介等

　　所以當(dāng)我或我的設(shè)計(jì)師正在忙著設(shè)計(jì)時(shí)，客戶也正在忙著打字、拍照

　　讓客戶也一起動(dòng)手做的好處，以后要維護(hù)網(wǎng)站，客戶也會(huì)知道要怎么做