KZNetwork168備用站台

JackyZou

-網站企劃- 網頁企劃書的概念補充

其實,這一篇的是補充"製作網站企劃書“的內容,較概念性的感覺,可能會有重複的內容出現。 但也剛好,幫自己複習一下之前自己寫的東西,希望這一篇內容對大家有實質上的收穫 spencerwilson.co.uk 1. 背景介紹 也就是通常所指的"前言"或"概述",在企劃書開頭介紹網際網路情況及公司背景有關的內容。 如果是網站改版企劃書的前言,一般是有關網站為什麼改版、必須進行改版的結論敘述。 其實,這部份是屬於比較"虛"的內容,但儘量不要過於空洞,開頭簡練、醒目,可以帶給閱讀的人一種亮眼的感覺。 2. 市場分析 相關行業的市場狀況是怎麼樣,市場有什麼特點,是否適合在網際網路上開展電子商務, 與分析市場主要競爭對手它們的網站情況及其網站規劃、功能等相關內容。 除了上述條件外,還要分析公司自身條件,公司概括、市場優勢的總結等。 有的企劃書把市場分析的部分放在後面,與架站目的結合起來分析,順序不是關鍵,可以根據具體情況進行調整。 3. 架站的目的及網站定位 為什麼要架設網站以及根據網站功能,確定網站應達到的目的和作用等等。 網站的基本項目也可以在這部份介紹,如網域名稱、網址、網站的標誌、網站的標語等。 目標使用者的分析及結論可以放在上一部份,也可以在此部分做相關彙總。 4. 技術解決方案 根據網站功能來決定網站使用的技術方案。 對於大型網站來說,技術方面是一個相當重要的問題,但若是小型企業網站的話,這個項目就可以刪除了。 網站開發使用的軟體環境、硬體環境,要自架伺服器還是租用虛擬主機,以及相關的管理分配及費用支出。 相關程式開發,選擇採用ASP、JSP、CGI、XML等語言,網站的安全性措施、防駭、防毒方案等。 5. 內容規劃 網站的導覽功能安排與結構,根據網站的目的和功能,而規劃網站內容。 企業網站基本上包括:公司簡介、產品介紹、聯繫方式、網上訂單(詢價)等功能。 電子商務可能會需要考慮更多內容,包含會員註冊、產品分類與詳細介紹、服務條款、搜尋功能、金流系統、 物流說明、相關幫助、退貨流程等等。 專題類網站則主要針對網站導覽及內容分配、網站負責人的制定等相關內容。 6. 頁面設計 網頁的美術設計,包含首頁資訊分佈、頁面格局規劃、網站VIS系統、網站橫幅廣告的規則。 設計師可以針對目標使用者的特徵選擇色彩、版型,同時也可以制定網頁改版計畫。 如某一段時間替換某個欄目或首頁設計,或半年到一年進行一次改版等。 7. 流程及人力 也就是網站開發時間進度表,架設網站時間的規劃、網站需要什麼樣的職務的人、 每個職務需要幾個人,都要寫入企劃書,使閱讀企劃書的客戶,方便判斷專案的資金投入及具體可行性。 8. 網站維護 軟硬體的維護以及網站的內容維護,也可以制定相關的網站維護規定,將網站為維護制度化、規則化。 9.發佈與推廣 網站宣傳推廣方案,網站發佈後的公關、廣告活動與行銷費用。 事實上,在製作網站企劃書時,內容還要包含網站報價的明細表與服務項目說明,可在參考 zonble的 怎樣寫一份網頁設計企劃書 ,裡面也有企劃書的介紹,寫的真的很棒!! 而一般在業界來說,製作企劃書是需要時間的,如果只是小型的案子通常都是兩、三張紙就是一份報價單了。 不論,您現在身在何種規模的公司,建議您還是要準備兩種版本的企劃書格式。 一份為較簡易的"報價單",另一份為較完整、且針對客戶需求的"網站企劃書"。 因為,有些客戶是純粹只想比較網站報價,另一種客戶是會詳細看企劃書的內容,要如何分別呢? 如果你是網站業務,在第一時間與客戶接觸的時後從交談的內容就可以判別,他是要報價單還是要企劃書。…

Continue reading...
JackyZou

-網站企劃- 建構網站前的製作要點

以下內容,提供給網站企劃甚至是想要建構網站的企業,想建構網站前的製作要點 1. 網站的目的與構成要素的討論 為了什麼目的而架設網站? 將網站的目的明確化,並依照網站的目的來思考結構, 如公司簡介、最新消息、商品資訊、留言板、聯絡我們等等,可參考 企劃書的前置作業。 一旦將瀏覽者的族群、環境背景、需求目的確定清楚後,日後的作業會變得比較容易執行。 2. 預算、人員的掌握與計畫表 委託製作的公司、技術維護人員的採用、伺服器硬體的選擇、設計的水準全都仰賴於預算。 因此,需要製作一份網站執行計畫表給予參與這次網站製作的相關人員。 3. 基本設計概念 在製作前需具體地思考網站的內容,層級結構、選單構成要素、使用的技術。 在以基本設計為底來進行諸如撰稿與照片拍攝等內容的製作、設計以及程式撰寫。 4. 專業撰稿、草稿文案撰寫 在企業的網站中,似乎大多數都是由負責商品的員工來撰寫商品介紹的草稿文案。 由於事後統一用詞和資料收集都非常辛苦,因此預先決定好負責的窗口與文案內容,再來進行委託。 5. 影像、網頁設計 網站的呈現方式決定了企業在瀏覽者心目中的形象,而影像設計更是決定了網站的第一印象。 當形象不佳時,即便內容多麼充實也無法引起瀏覽者的目光,這是非常重要的要素。 6. 照片、影像素材的製作 使用拍攝照片或收集素材來裝飾設計網站時,關於照片和圖片的著作權等要特別留意!! 一般來說都是由企業端提供相關素材,如果委託給網頁設計公司,要事先詢問是否使用正版圖庫。 7. 網頁編排作業 將影像設計、原始文案、照片插圖等素材彙整,遵照HTML或CSS來製作成可在網頁瀏覽器上觀看的形式。 8. FLASH等技術的編製軟體 除了一般FLASH與JavaScript之外,每天都有新的技術產生。 因此,根據網站的目的,選擇何種技術是需要的,必須事先配合製作的工時來思考。 9. 伺服器端的程式設計、資訊安全 購物網站、搜尋網站或是經常更新資料的商業網站,如股票資訊、新聞網站等都是靠伺服器端的程式來運作。 因此,在製作伺服器端的程式上,為了防止被外部人員操作,必須討論使用高階技術以確保資訊安全性。 特別是在處理個人資訊的網站上由於是不允許洩露資訊的!! 在配合伺服器管理架設的前提下,需考慮委託能夠確實執行網站安全管理的資訊服務公司。 10. 網路系統、伺服器架設 在考慮網站是否是由資訊公司代管或是自行管理時, 需先考慮放置網站資料的伺服器以及該伺服器連結網際網路的系統是否安全。 當企業內部對網站系統清楚並可以聘請MIS來進行管理時,將伺服器放在公司也是不錯的選擇。…

Continue reading...
JackyZou

-網站企劃- 用Visio設計網站版面雛型

網站雛型這個名詞好像是最近才開始流行起來的,但對於行走在網頁設計業的企劃們應該不陌生。 之前我都稱為首頁示意圖或是網站版面架構圖,這張圖代表著網站首頁、內頁的雛型規劃 內容大概包括主導覽列、次導覽列、最新消息、圖片展示或是聯絡資訊。 我想對於網站企劃來說,最難的是怎麼把網站的重點濃縮、視覺考量呈現於首頁。 接下來,我以香蕉王的網站(製作網站企劃書)為範例,並使用Visio 2007 設計網頁示意圖,請大家參考看看 1. 新增繪圖 點選 “檔案>新增>新增繪圖" 或是 “Ctrl + N" ,接著選取元件圖形,基本上我只會選取基本流程圖形來用。 雖然它有概念性網站圖形可以用,但是我覺得很醜,所以我只用基本流程圖形,這就是所謂的一招半式走江湖啦 下一步,你可以在工具列選取 “圖形" 或是選取 “檔案>圖形",然後再選取你要的元件圖形。 2. 改變區塊外型 將右側元件導覽列的程序,點選拖曳出來放在繪圖區,並選擇你要的區塊大小。 點選 “右鍵>格式>線條",改變區塊的線條粗細與顏色,粗細選 “9″ 、 圓角 “2mm" 、 顏色 “黑色濃淡25%" 3. 版面配置 設定完成後就先配置網站首頁的版面位置(可參考網頁版面設計),大小形狀會視規劃情況而調整。 先將網站區分為三大區塊,網站識別區、頁面資料區、資訊聯絡區,每個區域適合放置功能大概如下: #1:網站識別區,適合放置主導覽列、次導覽列、AD廣告、文字廣告等。 #2:頁面資料區,適合放置分類導覽列、最新消息、熱門商品、FLASH主視覺動畫、會員登入區等等。 #3:資訊聯絡區,適合放企業聯絡資料、文字分類連結(有助於Spider程式搜尋)。 4. 規劃內容 主導覽列包含,香蕉王簡介、運動訊息、商品情報、香蕉留言板、聯絡香蕉王。 次導覽列包含,加入香蕉會員、登入、Sitemap、電子報、回首頁。 編輯文字,選擇工具列的 “文字工具" ,即可編輯。 若在要區塊裡面編輯文字,也只要在該區塊點選兩下即可編輯,接著將圖形“Ctrl+A" 全選、“Ctrl+C" 複製。 “Ctrl+V" 貼上WORD就可以了,完成的頁面和註解說明如下 A:網站識別區,此區域放置,網站Logo、主導覽列、次導覽列。 B:FLASH動畫區,此區域放置FLASH動畫, C:最新消息區,顯示近期運動訊息或是優惠活動等資訊。 D:AD廣告區,可由後端管理系統控制,並支援.swf、.jpg、.gif格式。 E:商品展示區,設定為當季新品圖片播放,可左右輪播。 F:版權資訊區,內容包含分類文字連結頁面,版權宣告等資訊。 製作首頁示意圖的最大優點莫過於縮減首頁的設計時間,並可以減少客戶對於首頁的認定差距。 雖然 剛開始發想是很辛苦,但是對於一個專業的網站企劃來說 這個過程是很重要的 在這個什麼都要求快的網頁設計行業裡,什麼都可以快,但是唯獨這個過程不能快 當設計與程式拿到首頁示頁圖的時候,立刻了解首頁頁面需要怎麼設計,要寫什麼功能 所以…

Continue reading...
JackyZou

-網站企劃- Visio你用了嗎

什麼是Visio(ㄈ一 ㄙ一 ㄡ) 這是Microsoft(簡稱麥可)的一種設計軟體。 說是設計軟體還不如說它是專業的流程圖設計工具。 為什麼會想推薦 因為在寫企劃書的時候 我都用它設計網站架構圖,但是 Visio的功能不只是在架構圖而已!! 流程圖、組織圖、行政規劃..等等 你所想到的阿三不七的圖,Visio的物件應該都可以滿足(我猜的)。 以我的工作性質來說吧 當我去和客戶接洽網站規劃的時候,最主要的就是讓客戶看到 這個網站的基本架構。 網站架構圖 有時候專業的文字敘述不如一張簡潔架構圖的呈現,講實在話 客戶根本沒時間看企劃書寫的多精彩。 而是這個網站的規劃重點在哪裡,並不是代表文字不重要,而是把文字敘述做為一個輔助的性質。 襯托出這份網站企劃書的專業性與完整性,如果時間足夠,或許還可以在繼續規劃網站的首頁區塊圖。 版面結構圖 如上圖,給客戶一個網站建構的想像空間,增加客戶的信賴感。 我曾經把Visio 和 Adobe的AI(Illustrator)做一個比較,同樣內容的網站架構圖,Visio花了約15分鐘、AI花了快35分鐘。 畫出來的架構圖當然是AI比較好看,可是卻佔據很多時間,Visio畫出來的架構圖雖然不比AI出色 但是簡潔整齊也不差。 後來 我選擇Visio做為企劃工具,是時效性和效益比為最大的考量,畢竟AI是專業的繪圖設計軟體, 還是將它發揮在設計作品比較恰當。 所以 我只能說麥可耶!!你總算出了一個不錯的商業設計軟體,對了!!Office套裝軟體裏並沒有包含Visio 所以不要傻傻地以為安裝了Office 就以為有Visio可以用需要再另外安裝, 目前Visio出到2007 基本上與2003沒有差別太多,如果你想試用Office2007 請點選 Office2007 試用下載。 在市面上 還沒有專門為"網站企劃"所出版的書籍,所以 必須要常常看很多與網站企劃相關的書或資料。 我知道這條路很辛苦 也可能會賺不到什麼錢,但是 從選擇做網站企劃開始 就很堅定告訴自己 不管如何辛苦 我一定要堅持下去成為專業的企劃人,就像我喜歡設計一樣地喜歡企劃…

Continue reading...