| 作者 |
回覆 |
Admin
管理員
|
# 發表時間: 28 9月 2009 21:45
回覆
網站設計的流程分享
網站設計流程第一步
確認客戶是否真的需要網站：
我發現，有的客戶只是想要電子郵件，而不是網站。
所以必須先確定他是否真的需要網站。
我自己親自談還是業務幫我談：
親自談有時候甚至可以當下馬上改設計
業務幫我談就不一樣，因為話經過業務加油添醋，會不一樣
客戶有沒有自己的行銷企畫：
企畫書怎麼會交給設計師寫？設計師應該是提案給客戶選吧～
客戶有沒有認真去思考「網站」就看他有沒有自己寫一份報告給老闆看過
難道是為了網站而網站
客戶有沒有特殊癖好：
網站風水學？無障礙網站？
沒有先搞清楚這些特殊癖好，小心網站做好後才被削
客戶準備多少資料要做網站：
千萬不要相信客戶說「資料很多，很齊全」
因為網站上面要用的資料可不是那麼簡單
照片一定要，現有的型錄也跑不掉
涉及健康、生命安全的產品最好有政府檢驗過的報告
有爭議的網站內容最好別接（如吃下肚子，馬上瘦十公斤的廣告傳單）
公司簡介、部門組織、地圖、聯絡資料一樣都不能少
當客戶問起什麼資料要準備時＝還沒準備好要做網站
這些都沒有，等這些資料都做好了，再做網站吧！
購物網站：
預算不夠的公司，不妨建議他去找PCHOME、YAHOO合作開店
預算更低的，先玩網路拍賣吧
購物網站不等於東西就能賣出去
東西賣不出去，就算有購物網站也一樣
東西賣得出去，就算沒有購物網站也能賣
網址註冊、主機、電子郵件：
客戶有沒有自己的網址？自己的主機？自己的電子郵件？
這些都涉及到以後的網站設計好要放哪裡
展示我的作品：
作品是有風格差異的，不一樣的設計師做的就不一樣
難不成要幾米去畫火影忍者（能看嗎？）
風格不喜歡從客戶眼神及談話內容就能感覺到
不要隨口答應「沒問題，我能改到你滿意」
發現客戶要的不屬於自己的風格，可以介紹別的網站設計師
網站設計師應該把重心放在自己擅長的案子上
平均完稿時間有多久：
我所謂的完稿是指畫面排好，還沒做 HTML
只是用繪圖軟體先給客戶看排版，這段時間要花多久
報價：
第一步不報價，我通常只會說一個 RANGE 價格範圍
因為還沒有看到有多少資料要處理，不可能有正確的報價
報價高低的參考因素可以事先告知
如資料的處理量多寡、是否包含網址、空間主機、電子郵件等等
合約書：
可以先給對方看過，大家先對合約有認識
不一定要第一次就簽約，不過大家對合約有共識
適度的修改合約符合雙方實際狀況也很重要
如：客戶需要開票期三個月～
備案：
第一步談得愉快還好，談不妥得要有備案
發現客戶的風格喜好不同，可以介紹認識的網站設計師給客戶
第一步談案子的立場要放在「幫客戶把網站發包出去」
所以不一定要你自己接下來做，不對頭的案子可以給別人做
當然如果能自己接下來做，自然就會賺得比較多
|
Admin
管理員
|
# 發表時間: 28 9月 2009 21:45
回覆
網站設計流程第二步
第二步的重點放在資料，還有第一步的進度延伸，我先從前一步的延伸先說，再來談第二步的資料怎麼拿。
如果有幫客戶申請網址、空間：
網址申請通常需要點時間更新各大ISP的DNS
所以從申請到真的可以用，最短應該48小時內，最長也有可能拖到三到五天。
網址申請到了，記得先放上一張網站設計中網頁，如果能在上面用個郵件表單會比較好。
如果有幫客戶申請電子郵件：
準備一張電子郵件帳號申請表，欄位只要郵件帳戶、使用者、職稱、密碼即可。
用英文名當郵件帳戶經常會強碰，所以要看情況給予客戶建議
如：依分機號碼編電子郵件（這部份見仁見智）
客戶簽約了，還缺一份進度及付款條件對照表：
比較簡單的寫法就是分成三階段（或更多）付款，每個階段的認定標準則雙方敲定即可。另外一種寫法就是以你自己的進度為進度，可能從草稿、校稿、定稿、設計稿轉網頁、資料模擬、上線測試，修改網頁等等，不要列太仔細，尤其時列了一些客戶看不懂的工作項目，如：PSD 轉 CSS HTML
註：幾年前我有丟一張對照表給設計魔力的網友，不過已經太久沒有碰網站設計，文件已經不在我的電腦內，請找別人要看看吧！
第二部份的重點來了，索取哪些資料，但是因為客戶不同，會有點不一樣。我知道的就盡量說，大家也可以分享自己的經驗。
基本資料從哪裡來：
名片（多要幾個人的名片，以後會比較好找人，或找人幫你找人）
經濟部商業司（查統編、公司登記基本資料）
客戶有通過 ISO 認證：
一階文件一定要拿，因為 ISO 一階規定要有公司簡介、發展沿革、組織圖、使命及願景等大方向的資料。
公司照片：
不管用什麼方法，公司門面的照片、辦公室的照片、工廠的照片多少要拿一些。
如果客戶給的照片品質實在不怎麼樣，良心建議他請攝影師來拍吧！
要不然就是你自己拍
產品型錄、說明書：
現有的商品型錄一張也不能少
不管新舊產品，只要有商品型錄就拿一份
產品說明書有設計過的話，通常上面有有一些設計好的圖表、人物、圖示
如果能夠拿來用，可以省下不少腦筋
服務簡報：
有些客戶並不是生產產品，而是提供服務
看客戶有沒有介紹自己業務內容的簡報可以提供（通常業務會自己做一份）
或者是面試員工的公司介紹文件，有的公司會直接拿 ISO 一階面試
教案、考題：
我碰過老師的網站，基本上考題跟教案都會用電腦打，記得去要一份
有些例外，如數學（方程式編輯器很難用）
沒有檔案的話，拿一份空白考卷掃描（答案卷也一樣）
機器設備 DM：
有些產業會使用特殊的機器設備，如 X 光機，工具顯微鏡、拉力測試機、自動打包機等，有可能跟品管有關、有可能跟廠務有關。找出機器設備的型號、設備廠商，拿一份機器設備的 DM 吧。（年久失修的設備怎麼拍都很髒，用DM上的照片吧）
員工大合照：
公司多少會有公司旅遊，有旅遊就會有團體大合照
有制服的公司，通常也會再換新制服的時候大家合照一張
沒有制服、旅遊。總該有尾牙或春酒吧
聚餐的照片也不要少（喝醉發瘋的照片不要用）
客戶特別喜歡的網站：
同業的網站通常是參考標準，所以別忘了收集同業的網站參考
再來就是老闆特別喜好的網站
不要收集經理主任課長特別喜好的網站，因為這些網站風格不一定老闆會喜歡。
留下 FTP 帳號密碼或燒光碟：
資料如果太大，教客戶用FTP是必要的
如果不想用FTP，那麼至少要會燒光碟片
客戶把資料燒成光碟，再通知你去拿
有登記註冊的商標：
應該會有一份經濟部智慧財產局發的商標登記證書
千萬、千萬別聽客戶嘴巴上說已經登記
已經登記的商標如果沒有檔案，就必須掃描起來重新畫過
不要在已經註冊登記的商標上面加油添醋
分店、加盟店、分公司聯絡資料：
只有總公司的資料是不夠的，網站上的聯絡資訊應該會包含所有分公司資料
所以記得要一份分公司、分店、加盟店的地址、電話、簡易地圖、店長、分公司聯絡人等資料。有的客戶同意用清單的方式完成這份資料，有的希望結合台灣地圖，請記得問一下客戶希望用什麼方式，別自己玩的很開心。
善用網路地圖：
只有住址並不夠，有些時候必需幫客戶畫地圖放在網站上
不過有的客戶不喜歡地圖，畫地圖之前先問一下，以免做白工。
說明你為什麼需要這些資料：
有的客戶是真的不曉得網站要放哪些資料，當你提出前面林林總總的資料時，他可能會問你為什麼，所以你一定要善盡你的責任說明。因為有的時候我們覺得需要這些資料，客戶倒是不這麼認為，問一下比較保險。
索取資料清單：
只有當你把針對特定客群的時候，資料清單會幫助你快速收及統一的資料。我自己曾經幫一群老師做網站，為了省事，我會列出一張老師網站應該提供的資料清單，省得每次說明。
客戶的特殊要求：
延續第一步的當客戶有特殊要求時，這些要求也要清楚的留下記錄。
特定的顏色、特定的字形、無障礙認證到哪一個等級
簽約動工：
第一次沒有簽約，第二是要記得簽約拿訂金
已經要開始工作了，如果沒有訂金，會很難動工
尤其是需要事先發包的工作（插畫、動畫等）
|
Admin
管理員
|
# 發表時間: 28 9月 2009 21:45
回覆
網站設計流程第三步
第三部的重點放在執行製作及進度回報。
當然網站要怎麼設計，那是自己的事情，別以為看了第三步你就會設計了！
執行製作的方法有蠻多，找一個你認為最划算且最有效率的方法：
100％ 自己做：最累但是也最直接反應客戶需求。
50％ 交給網站設計師：有設計原稿，不僅能改HTML，也能改圖。
80％ 交給網站設計師：你可能拿不到設計原稿，如 PSD 檔，最多只能改 HTML。
100％ 交給網站設計師：只要做好溝通的角色，不要操壞設計師，大概就能順利結案。
你對設計師的要求有哪些？
我認為這是必須要事先說明的，不要案子發給人家，反而造成雙方困擾。
如果需要善用 CSS 請事先告訴設計師，有的設計師還是習慣用 TABLE 去排版
如果需要設計原稿，字體要不要轉點陣圖這些也必須事先講
PSD 檔要不要先切好轉成 HTML 這也會影響後面進度
有些設計師提供的原稿，需要指定軟體開
請進一步瞭解設計師用的軟體，如果你手邊沒有對應的軟體，你也沒辦法改。
就常用到的 PHOTOSHOP 與 FIREWORKS 雖然都可以吃 PSD 檔
但是兩者打開後的結果很可能不一樣（需調整過）
設計師有提供指定的字型嗎？
提到這個原因是，設計師很可能花大錢買一堆字形，或者是軟體送的。
好死不死，你剛好沒有這些字形，到時候要自己動手改設計就麻煩了！
事先確定原稿內的字體是否已經轉成圖片或曲線也是重點
有的時候，你可能需要自己動手改字，萬一字體已經轉成曲線或圖檔
用樣版作給客戶的：
必須要先跟客戶說明，因為樣版是可以重複賣。
當然有的樣版網站願意賣斷給你，費用也會比較高。
不管是自己作或是網站設計師做，先弄個 DEMO 網址給客戶：
客戶通常會想知道目前的作業進度，我習慣把 PSD 簡單切成 HTML 放上 DEMO 網址，可能會多做幾個 DEMO 網頁，裡頭當然全都是假資料。DEMO 網址另一個目的就是為了檢討用，當你做到這個階段，記得排個時間在去客戶那裡解說一番，然後把客戶的意見帶回來當作修改設計的依據。
假資料也不要弄得太假：
因為第二步已經拿到照片等資料，按理來說，DEMO 網站上的照片應該可以用真的照片，但是照片的描述就不一定花時間打，隨便找一篇英文網頁 COPY ＆ PASTE 就可以。我的習慣都會用上客戶的照片就好，文章的部分就隨便。除了照片正確，DEMO 網址上的聯絡資訊、公司名稱也都會用正確的。
DEMO 網頁怎麼測試？
我會測試資料變多的時候版面會不會跑掉
不同瀏覽器瀏覽的結果
調整瀏覽器文字大小時版面的變化
沒資料的時候，版面變化
有沒有瀏覽器錯誤訊息
開啟網站的速度，換頁的速度（DW 有顯示下載網頁所花時間，可供參考）
如果你採用分工合作的方式，請注意進度
基本上你交代出去的工作一定要問到「什麼時候可以給我」
不然東西可能會沒下落
另外比較會拖到時間的就是收集客戶的意見給設計師
有點程度的業務人員會自己判斷什麼意見可行、什麼不可行
遇到兩光業務代表，大概第一個掛掉的是設計師
什麼意見是可行？
我盡可能說明，因為這完全得要靠經驗累積。
例如：設計師弄出的版面寬度，大概只能放下五個項目，客戶要求近十幾個選項，設計師大概也只能重新設計過。除非設計師覺得無所謂，能塞就塞。
動畫的難度比較高，配合的設計師也必須要有功力才做得到，所以不要隨便答應客戶動畫部分沒問題。
回報進度的工具：
EMAIL 應該是屬於最有效的，而且有寄出去的時間、內容，省下很多口水。
打電話也不錯，但是沒有留下任何紀錄，萬一要聯絡的人一多，會累到。
MSN 或 YAHOO 即時通留言給客戶。
原則上以客戶習慣的聯絡工具為準，優先選擇有留紀錄的工具。
回報進度的頻率：
倒是不用每做完一個網頁就回報一次，這樣客戶也會受不了。
可以每天回報一次，盡量在下午三點前把進度送出去，趕在客戶下班前收下。
另外就是按照進度表的日期回報，這是比較有效率的。
回報的內容：
基本是打你完成的工作，未完成的工作。
回報進度時，盡可能的提到完整的人、事、時、地、物。
舉例：下午兩點聯絡上設計師陳先生，可能需要到設計師家裡拿光碟（台中火車站）
進度如何暫停？
當遇到窒礙難行的地方，或者完全聽不懂客戶 EMAIL 或電話內表達的意思
請立刻通知設計師，暫停設計，跟客戶約個時間，進一步確認需求與可行度才繼續下去
同時進行的進度？
我通常都會事先說明「網站是雙方要一起努力的事情」
所以有的工作我會交給客戶自己去弄，好比拍照、打公司簡介等
所以當我或我的設計師正在忙著設計時，客戶也正在忙著打字、拍照
讓客戶也一起動手做的好處，以後要維護網站，客戶也會知道要怎麼做
|
