當您確定了網站規格並與專案經理簽合約後,接下來通常是先開始組織架構及內容規劃。
然後再交由設計師作網站視覺提案,然後在畫面提案通過後,開始進行網頁內容製作及相關程式的撰寫或安裝,
資料庫建置等。
最後再進行內容校對的工作,才可以上線。
網站的架構內容 【範例下載】
若要先確認網站的架構內容,建議以(網站地圖)SITE MAP 的形式表達網站架構,
這有助於設計師在思考您的網站視覺設計(SNF)的安排,例如網站的主MENU 應該放在什麼地方,
或是哪邊應該呈現子選單等等的。
視覺風格的溝通 【範例下載】
雖然美感是主觀的,當然設計師可以給予您視覺上的專業建議,
若您希望網站能有一些自己想要的風格,最好的做法是可以先提供些參考資料,
例如網站或是圖片,甚至是您覺得很好的平面媒體給設計師參考,可以快速的掌握您要的設計風格。
網頁版型設計完成後,等於整個網站主視覺定案,讓您網站裡的每個頁面都可屬於您專屬的風格。
網頁內容製作
建議您一次整理出所有內頁的內容,能用後台系統更新的部分可以暫時不處理,
其他一次提供給設計師的話,可以大幅加速彼此溝通進度,完成大量的插圖跟內文的編輯。
內容校對
我們通常會建議您安排空檔的時間,仔細看過一遍網站,然後用電話跟專案經理進行校對,
您可以跟專案經理一併打開網頁,溝通哪些文字或是圖片的處理是否合乎需求,
並且我們建議一次校對整個網站,這樣可以縮短校對時間。
校對完成後,網站就可以準備上線了,
在上線前,請記得再仔細檢查網頁的各個內容。
想得知詳細說明,可進一步至本公司網站【設計流程】 觀看流程細目。
【專案經理 Norris】
製作方式 | 客製化網站 | 模組化網站 | 半客製化 |
性質 | 全部按客戶需求製作 | 按網頁設計公司所提供的網站規格, 可變動局部美術,無法修改程式 |
按網頁設計公司所提供的網站規格, 可變動局部美術,無法修改程式 |
功能性 | 可按客戶需求製作修改 | 僅能按現成的網站開發,無法修改 | 按已完成的客製化網站微幅修改 |
技術開發 | 可按客戶需求製作, 不受限制 |
受限頗高 | 可按客戶需求製作不受限制 |
溝通時間 | 需較多的書面文件 與溝通時間 |
較少的溝通時間 | 折衷 |
價格 | 較高 | 較低 | 折衷 |
資訊交換與分享
不管是營利或非營利的模式,網站是很好的資訊交換平台,
只要您網站上線後,全世界只要有網路的地方,打上您的網址,就可以看到你的網站。
除了觀看其網站內容外,還可以跟網站做線上互動,更可以透過網站平台開發到更多的潛在客戶。
範例: 【Look生活網】、
【無名】、
【Facebook】
產品資訊網站
當您的產品有著比較詳細的規格資料,像是電子產品,或是有比較大量的產品圖片需要介紹時,
這時候網站可以提供24小時不間斷的線上目錄,不管何時何地只要可以上網,就可以取得產品的詳細說明,
可以大幅提升業務工作的效率。
範例: 【夢時代婚紗網】、
【世大照明】、
【赫士盟網頁設計】
購物網站
線上購物已經是個成熟的交易行為,金流跟物流的搭配也有很完整的選擇,
若是您希望透過網路銷售商品,那建構網站是絕對的必要,
雖然透過拍賣也可以達到銷售的目的,但是拍賣畢竟會受到平台廠商的限制,並不像自有網站具有那麼實質的效益。
範例: 【禮想家-yes!網站】、
【帝希科技】、
【璀莉緹】
活動網站
舉辦活動已是現在普遍的宣傳手法,而現實生活中活動的參加人數及曝光效果可能是有限的。
若是想利用網路的無遠弗屆,增加商品的曝光度或銷售,那建置一個活動網站是容易受到迴響的選擇。
範例: 【MOTO炫音派對活動網頁】
、【義美活動網頁】、
【MOTO活動網頁】
客服網站
大部分的企業沒有提供24小時客服諮詢,無法完全配合客戶時間,解決一些問題的詢問或是文件支援,
在這層考量下製作網站就可以提升企業的服務品質,
像是將一些對產品或服務常見的問題放在網站上,讓客戶可以隨時查詢。
也可以將說明文件製作成PowerPoint格式,放在網站上,
這可以讓電腦幫您回答客戶的問題,也透過客戶支援系統,讓客戶可以把對企業的問題發表送至後台,來節省公司成本。
形象網站宣傳
這算是最廣泛運用的範圍,
若您是一個小型企業,或是店面,那麼您會需要一個簡單的營業項目或是企業理念的介紹,
也方便當您在媒體上曝光時,有一個24小時的資訊中心,提供營業時間、內容或注意事項等資訊。
範例: 【桃園婚友社】
營運目標
公司設置網站的目的,無非是想籍由網際網路來達到一些成效,
如:公司知名度的提升、企業形象的塑造、或是業務上的推展,
所以不同的行業對網路上的需求當然就會有所不同。
先明確的了解公司的需求,然後再請網頁設計師為您做有系統的規劃。
資料整理
您的網站需要什麼內容,只有您最了解,而不是只要花了錢就可以把網站做起來,
如果您需要設計公司幫您寫網站內容文字企劃,您也必須要花一些時間跟文案師開會,
並審核文案師所寫的內容是否正確。
網站維護
網路的最大的優點是在於能夠快速傳輸及便於更新。
若您公司最新資訊或產品情報及公司動向等,藉由網際網路的宣傳,以及不定期的更新,成為一個常提供新資訊的網站,
更能吸引網友上網瀏覽,進而達到公司架構網站的目的。
虛擬主機空間的租賃與否
假若您的公司原本就已申請好專線,或有自己的虛擬主機,那麼就可以將完成的網頁直接掛上就行了,
但如果尚未申請的話就可委託專案管理師幫您申請。網站資料更新與維護人員的必要性網站內容資料的合法性。
網站內容面向
1.頁面內容要新穎
網頁設計內容的選擇要不落俗套,要重點突出一個「新」字,要結合自身的實際情況創作出一個獨一無二的 網站,選材要盡量做到「少」而「精」,又必須突出「新」。
2.避免冗長
一個站點上文本的冗長頁面,是令人乏味的,內容上著筆盡量要細緻,讓人在最短的時間內,了解網頁想呈現的是什麼。
3.注意錯別字
一個好的網站確保拼寫正確,並且注意平常容易誤寫的錯別字,要時時刻刻保持一種嚴謹的科學態度。
4.少用特殊字體
避免使用特殊的字體,並不是所有平台都可計算出來。有些網站設計員喜歡定義特性,雖然允許使用特殊的字體,但是仍需要一些變通的方法,以免你所選擇的字體在訪問者的計算機上不能顯示。
5.善用表格
不要把網站的內容象報告似的用條例列出來,注意多用表格把網站內容的層次性和空間性突出顯示出來,使人一眼就能看出你的網站重點突出,結構分明。
6.網站介紹
簡單明瞭的網站介紹,使訪問者能快速找到想要的東西,來引發訪問著的共鳴或是表達內心誠意,常常最能打動讀者。
網頁技術面向
1.命名要簡潔
給頁面起一些有代表性的而且簡潔易記的網頁設計名稱,這樣有助於方便管理網頁設計,在搜索引擎時更容易被別人索引到。
2.即時更新
維護更新的工作是每天都要做的,要及時把作廢的連接刪除掉,若不能及時更新,最好在主頁上發佈信息,這樣就能給人一種對別人負責的感覺,同時能得到網友的信任。
3.注意網站升級
時刻注意網站的運行狀況,性能很好的主機隨著訪問人數的增加,可能會運行緩慢。但是,如果你不想失去訪問者的話,一定要仔細計劃好你的升級計劃。
4.學習和使用HTML
成功地設計網站,必須理解HTML是如何工作的。
用HTML設計網站,可以控制設計的整個過程。
網站設計的新手,你應該尋找一個允許修改HTML的軟件包,例如:HomeSite4是一個很好的Web設計工具,它允許切換到所見即所得的模式,以便網站發送到Web之前,預覽網站。
5.少用Java程序
目前java的運行速度太慢,往往使瀏覽者沒有耐心等頁面全部顯示出來,精心設計便毫無效果啦。
6.考慮瀏覽器的兼容性
IE所佔的市場越來越大,但仍然需要考慮到Netscape以及Opera這些瀏覽器用戶。為用戶著想,設計風格的要考慮,必須在幾種不同類型的瀏覽器下測試網站,看看兼容性如何。
7.網站交互功能
靜態網頁設計始終給人一種呆板的感覺。在網站上提供一些回答問題的工具以及具有交互性能的設計,能從網站上獲得交互的信息,使得訪問者有一種參與網絡建設的新鮮感和成就感。
8.測試網站
正式發佈之前,必須進行有用的測試。在測試瀏覽器時必須兼顧以前的瀏覽器。上載網站時測試所有的鏈接和導航工具條。不需要太多東西來充斥網頁,即使有足夠的空間,在設計時也應該避免使用。
9.保證網頁設計的完整
即使去掉了圖像,也要保證訪問者能夠獲得滿意的效果,在用戶面前的仍是一個完整的網站。對於失去圖像功能的訪問者,提供另外的鏈接和替代文字。
10.頁面要有導航按鈕
避免強迫用戶使用工具欄中的向前和向後按鈕,設計應當使用戶很快找到所要的東西。
11.注意用戶註冊信息
知道誰瀏覽了網站以及是怎樣瀏覽網站的,那麼就能得到大量有用的信息。
獲得信息兩種方式:第一瀏覽網站之前進行註冊,這樣做是有風險的,會趕走不願意註冊的人;第二種是進行有獎競猜或金錢獎勵,讓用戶能主動填一些信息反饋表。
網頁視覺面向
1.網頁編排要淺顯易懂
網頁設計要易讀,就必須花點心思來規劃文字與背景顏色的搭配方案。不要使背景的顏色沖淡了文字的視覺效果,為了符合讀者的閱讀習慣,文字的在規格上要適中,最好讓文本左對齊,標題居中。
2.注意視覺效果
設計Web頁面時,要設計一個在不同分辨率下都能正常顯示的網頁設計 。
3.少放網站地圖
大部分的訪問者上網是尋找一些特別的信息,對於網站是如何工作的,並沒有興趣。如果需要地圖,可能是需要改進導航和工具條。
4.圖片附加註釋
每個圖形加上文字的說明,在出現之前就可以看到,尤其是導航按鈕和大圖片更應如此。訪問站點時就有一種親切感。
5.不宜多用閃爍文字
閃爍的文字來引起注意是可以被人理解的,但太多有一種眼花繚亂的感覺,反而影響用戶訪問網站的其他內容。
6.風格要統一
I設計上所有的圖像、文字,包括像背景顏色、區分線、字體、標題、註腳什麼的,要統一風格,貫穿全站。讀者看起來舒服、順暢,會對你的網站留下一個「很專業」的印象。
7.善用圖像
主頁上最好有醒目的圖像、新穎的畫面、美觀的字款,其別具特色,吸引和維護他們對你的主頁的注意力。但要注意圖像所連接的重要信息或聯接其他頁面的指示用文字重複表達幾次。
注意避免使用過大的圖像,放置大的圖像最好使用Thumbnails軟件,把圖像的縮小,這樣用戶就不必浪費金錢和時間去下載他們根本不想看的大圖像。
8.不要用框架
多數網站上,在屏幕的左邊有一個框架,但在使用框架時產生了許多的問題。框架使得網站內個人主頁不能夠成為書籤,搜索引擎常常被框架混淆。
9.著名的插件
網站上有聲音或視頻,要保證使用者通過使用某個知名的插件,能夠聽到或看到。因為,許多訪問者並不願意浪費很多時間和金錢去下載可能僅使用一次的插件。
10.動畫最多只用一個
GIF動畫來裝飾網頁設計,它的確很吸引人,但容量很大,會影響下載的速度,如果有些必須的,就選擇最小的。