Embed Size (px)
Citation preview
政府資訊 委外網站規劃與推廣應用實務
講師：黄琪倚
1
課程大綱
2
• 網站建置前評估
• 網站建置策略及基本觀念
• 如何規劃網站內容
• 網站之推廣應用實務介紹
課程目標
• 建立學員對網站建置的基礎觀念。
• 瞭解網站目標客群與需求。
• 如何正確規劃公務網站。
• 學習網站之行銷與推廣。
3
• 網站建置目的
4
網站建置前，你該想到什麼?
網站建置前，你該想到什麼?
局長說
部長說
主祕說 簡任說 科長說
市長說
....? ....?
• 網站建置目的
5
網站建置前，你該想到什麼?
• 網站建置目的
因別人有我們也要有?
推廣本單位業務?
為了政令推廣用?
6
網站建置前，你該想到什麼?
• 網站目標族群設定?
是局長?
是部長?
是主祕? 是簡任? 是科長?
是市長?
....? ....?
7
網站建置前，你該想到什麼?
• 目標族群需求的認定?
長官指示=使用者需求
8
網站建置策略
9
從定位和執行面進行規劃
• 網站建置目的
了解網站目的是為了政策? 推廣政令需求?
確認需求後，可決定網站之互動深度。
• 網站定位
弄清楚網站的性質為何 ?
• 網站的目標
可分 短 中 長期目標，可清楚掌握時間進度規劃。
10
從定位和執行面進行規劃
• 未來擴充性
網站的資訊架構的擴充性是否具備彈性?
• 如期如質完成 -明確需求
-合理經費
-各階段查核點
11
從定位和執行面進行規劃
• 網站流量控管 利用網站的流量控管系統，了解到網站的到訪
率、網頁內容被瀏覽率、網站流量的尖峰時間..等數據資料，可以用來作為有效率經營網站的依歸。
• 網站維運
• 永續經營網站 評估目標達成之績效， 網站實際存在意義及價
值。人力、時間、預算三者都可以達成平衡將會是最高的規劃境界。
12
網站組成元素
13
網站組成元素
視覺傳達
-藝術創作 -網頁設計
資訊技術 -伺服器 -系統平台 -管理後台 -網頁前台
資訊架構
-網站導覽 -管理及架構 使用者
14
網站組成元素-資訊技術
Web Server AP Server
．Apache
．IIS
．Weblogic
．Resin
．Tomcat
Client
HTTP request
HTML code
<html>
<head>
<meta>
<title>
</head>
<body>
<B>
這是一個示範文件</body>
</html>
response
透過Browser
翻譯成螢幕上呈現的內容
15
網站組成元素-資訊技術
作業系統平台：
Windows系統、UNIX→Linux、Mac
WEB Server：
Apache、IIS
AP Server：
Tomcat、Resin、Weblogic
DB(Data Base)：
MySQL、MS SQL、Oracle、DB2
16
網站組成元素-資訊技術
一般區分為三種型態： • 文件語法：常見如html、xml語法。
• 特效語法：常見的有CSS跟JAVASCRIPT
• 程式語法：使用在是討論區、留言版...等互動
ap程式 ，如ASP、JSP、PHP
css
Java script
HTML
JSP
17
網站組成元素
視覺傳達
-藝術創作 -網頁設計
資訊技術 -伺服器 -系統平台 -管理後台 -網頁前台
資訊架構
-網站導覽 -管理及架構 使用者
18
網站組成元素-視覺傳達
提案設計：
-網頁版型
-使用軟體：PhotoShop、Firework
-軟體特色：使用於點陣圖檔的處理及圖層處理
-圖檔原始檔：*.psd、*.png
-使用時機：一般客戶提版時使用
-可產生檔案：各項圖檔格式(*.jpg、*.gif…)
19
網站組成元素-視覺傳達
網頁設計：
-網頁html檔案處理
-使用軟體：Dreamweaver
-軟體特色：使用於網頁檔案製作及排版功能
-使用時機：當提版確認後，進行網頁排版工
作軟體
20
網站組成元素-視覺傳達
Flash動畫製作：
-使用軟體：Flash
-軟體特色：使用時間軸格式來進行畫面處理
-使用時機：進行複雜的動態處理
-網頁原始檔：*.fla
-網頁產生檔：*.swf
21
網站組成元素
視覺傳達
-藝術創作 -網頁設計
資訊技術 -伺服器 -系統平台 -管理後台 -網頁前台
資訊架構
-網站導覽 -管理及架構 使用者
22
網站組成元素-資訊架構
1 讓使用者能搜尋資訊及
應用
-隨意查找
-正確資訊
-減少問題
23
網站組成元素-資訊架構
2 資訊提供者能有效提供
資訊
-傳遞訊息
-正確資訊
-資料分類
24
網站組成元素-資訊架構
3 避免網站資訊量增減而降低網站品
質
傳遞+正確
25
網站組成元素-資訊架構
• 資訊架構分析
使用者分析
內容分析 背景分析
26
網站組成元素-資訊架構
人性化設計
需求 具體化
使用者 V.S.
內部組織
使用 情境掌控
解決方案 符合期待
直覺體驗 x 易用介面 x 視覺設計 27
網站組成元素-資訊架構
1 確認功能架構
2 動線規劃
3 網頁風格
4 區塊配置
5 階層構造
首頁
C功能 D功能B功能 E功能A功能
A1
A4
A3
A2
A1.1 A1.2 A1.3
A2.1 A2.2 A2.3 A2.4
A4.1 A4.2 A4.3 A4.4 A4.5
A3.1 A3.2
28
網站組成元素-資訊架構
1 確認功能架構
2 動線規劃
3 網頁風格
4 區塊配置
5 階層構造
29
網站組成元素-資訊架構
1 確認功能架構
2 動線規劃
3 網頁風格
4 區塊配置
5 階層構造
30
網站組成元素-資訊架構
1 確認功能架構
2 動線規劃
3 網頁風格
4 區塊配置
5 階層構造
31
網站組成元素-資訊架構
1 確認功能架構
2 動線規劃
3 網頁風格
4 區塊配置
5 階層構造
32
網站組成元素-資訊架構
1 確認功能架構
2 動線規劃
3 網頁風格
4 區塊配置
5 階層構造
33
網站建置規劃
34
網站建置規劃
需求 訪談及評估
網站架構規劃
UI規劃 設計
規劃 定版
多平臺、瀏覽器測試
上線
35
網站建置規劃
需求定義 文件
使用者 分析報告
內容清單
網站 評估報告
網站架構
設計文件
其他 規格書
網站概念
專案內容成果文件化 36
舊有網站現況分析 分析網站的問題點及提升效果
-專家評估法
-可用性測試
-記錄分析
-標竿學習檢測
網站建置規劃
37
網站建置規劃
• 資訊做分類及整理的內容分析
使用者 情況、需求分析
現有網站的內容 現有資訊編輯 新增內容
內容分析
資訊 分析及整理
-分類 -變更 -新增
目錄清單
38
網站建置規劃個案討論
39
網站維運與管理
40
網站上線，考驗正開始.....
建置網站不能只有規劃如期如質上線， 需要考量到上線後，如何「提升網站使用率」、 「增加網站瀏覽人次」.....
41
網站維運與管理
1.吸引目標族群到訪
2.提供服務
3.網站正常運作
42
網站維運與管理-網路行銷工具
• 論壇議題
44
網站維運與管理-網路行銷工具
• Banner廣告
45
網站維運與管理-網路行銷工具
• 網路新聞
46
網站維運與管理-網路行銷工具
• EDM
47
網站維運與管理-網路行銷工具
49
Facebook粉絲團
Facebook已是目前不論上班族或學生皆是每天不可或缺的溝通工具。
資料來源:數位時代雜誌2011年209期FB的統計數據
網路行銷個案討論
網站維運與管理-網路行銷工具
50
51
![[相濡以沫] 非營利組織裡的網站企劃](https://img.pdfslide.tips/doc/110x75/558c997dd8b42a8c018b45a4/-558c997dd8b42a8c018b45a4.jpg)
![[網路星期二] 非營利組織網站剖析：網站文案大不同-實例剖析:蠻野心足網路行銷](https://img.pdfslide.tips/doc/110x75/5560ff74d8b42a91388b5449/-5560ff74d8b42a91388b5449.jpg)
