SlideShare a Scribd company logo
1 of 10
如何規畫更友善的政府網站

本簡報由kome製作
www.ikome.co
1

kome808@gmail.com
政府機關網站常⾒見問題
未以使⽤用者導向設計規劃
內容⾮非常官⽅方語⾔言不親切
過多決策階級、⻑⾧長官意志優先
缺少易⽤用性與美感
對⺠民眾吸引⼒力不⾜足

2
政府機關:

如何打造讓⺠民眾有感
的機關網站?
⺠民眾:

跟「我」有什麼關係?

3
建⽴立有感的政府網站

Sympathize

Identify

Participate

Share&Spread

共鳴

認同

參與

分享與擴散

⽇日本電通 SIPS社群⾏行為模型--網路社群時代消費者模式
4
⽅方針

⺠民眾關⼼心的內容

良好的的

友善資訊架構

使⽤用者介⾯面

5
規劃要點

6
網站設計考量

長網頁設計

圖像式設計

不拘泥三欄式設計,
讓⾸首⾴頁就抓住使⽤用者
⺫⽬目光,⼤大⾯面積區塊讓
網站主題更清楚。

聚焦簡潔

以圖⽚片配上⽂文字增加
版⾯面活潑性,網站內
容不再只是官⽅方新聞
稿。

站在普羅⼤大眾⾓角度思
考,⽤用⼀一般⺠民眾聽的懂
得語⾔言,清晰地把重要
的東⻄西傳達出來。

7

自適性網頁設計
針對使⽤用者不同的瀏
覽設備以及解析度,
⾃自動調整網⾴頁顯⽰示內
容呈現出最好的瀏覽
效果。
兼具品牌形象與活潑性的設計趨勢

http://www.beetle.com

http://www.emirates.com

8

http://hellomonday.com/
http://www.themeskingdom.com/

http://www.fiftythree.com/book

9

http://tribalmedia.co.uk/
拋棄本位主義,以使⽤用者為中⼼心
使⽤用者為出發的創新整體規劃
在意網站傳達的價值,要讓⺠民眾真實感受
從網站架構、使⽤用者介⾯面、資料整合三⽅方⾯面全⾯面規劃
網站是溝通也是服務
持續的改善進步

10

More Related Content

What's hot

《設計思考改造世界》重點整理(Part I)
《設計思考改造世界》重點整理(Part I)《設計思考改造世界》重點整理(Part I)
《設計思考改造世界》重點整理(Part I)Scaler Chen
 
高階簡報製作課程簡介 / 商業簡報網-韓明文講師
高階簡報製作課程簡介 / 商業簡報網-韓明文講師高階簡報製作課程簡介 / 商業簡報網-韓明文講師
高階簡報製作課程簡介 / 商業簡報網-韓明文講師明文 韓
 
人資小週末 0825分享
人資小週末 0825分享人資小週末 0825分享
人資小週末 0825分享gipi
 
网站运营之人性策略与实战--读后感
网站运营之人性策略与实战--读后感网站运营之人性策略与实战--读后感
网站运营之人性策略与实战--读后感fengxiaoqiang
 
Geoffrey Leung B2B營銷講堂 001
Geoffrey Leung B2B營銷講堂 001Geoffrey Leung B2B營銷講堂 001
Geoffrey Leung B2B營銷講堂 001GeoffreyLeung6
 
Value of technology
Value of technologyValue of technology
Value of technologygipi
 
打造以客戶為中心的工程師文化
打造以客戶為中心的工程師文化打造以客戶為中心的工程師文化
打造以客戶為中心的工程師文化gipi
 
設計思考改變世界 書摘
設計思考改變世界 書摘設計思考改變世界 書摘
設計思考改變世界 書摘Pinsian William Wu
 
Change by design (設計思考改變世界)
Change by design (設計思考改變世界)Change by design (設計思考改變世界)
Change by design (設計思考改變世界)Justin Wu
 
理解設計思考
理解設計思考理解設計思考
理解設計思考Richard Hsu
 
簡報製作範例 / 商業簡報網-韓明文講師
簡報製作範例 / 商業簡報網-韓明文講師簡報製作範例 / 商業簡報網-韓明文講師
簡報製作範例 / 商業簡報網-韓明文講師明文 韓
 
《簡報化妝術》公開班課程介紹
《簡報化妝術》公開班課程介紹《簡報化妝術》公開班課程介紹
《簡報化妝術》公開班課程介紹林 稚蓉
 
Tips of using LinkedIn to explore and develop your unlimited career
Tips of using LinkedIn to explore and develop your unlimited career Tips of using LinkedIn to explore and develop your unlimited career
Tips of using LinkedIn to explore and develop your unlimited career DeanKuo
 
Presentation
PresentationPresentation
Presentationjialer
 
簡報文字製作範例 / 商業簡報網-韓明文講師
簡報文字製作範例 / 商業簡報網-韓明文講師簡報文字製作範例 / 商業簡報網-韓明文講師
簡報文字製作範例 / 商業簡報網-韓明文講師明文 韓
 

What's hot (15)

《設計思考改造世界》重點整理(Part I)
《設計思考改造世界》重點整理(Part I)《設計思考改造世界》重點整理(Part I)
《設計思考改造世界》重點整理(Part I)
 
高階簡報製作課程簡介 / 商業簡報網-韓明文講師
高階簡報製作課程簡介 / 商業簡報網-韓明文講師高階簡報製作課程簡介 / 商業簡報網-韓明文講師
高階簡報製作課程簡介 / 商業簡報網-韓明文講師
 
人資小週末 0825分享
人資小週末 0825分享人資小週末 0825分享
人資小週末 0825分享
 
网站运营之人性策略与实战--读后感
网站运营之人性策略与实战--读后感网站运营之人性策略与实战--读后感
网站运营之人性策略与实战--读后感
 
Geoffrey Leung B2B營銷講堂 001
Geoffrey Leung B2B營銷講堂 001Geoffrey Leung B2B營銷講堂 001
Geoffrey Leung B2B營銷講堂 001
 
Value of technology
Value of technologyValue of technology
Value of technology
 
打造以客戶為中心的工程師文化
打造以客戶為中心的工程師文化打造以客戶為中心的工程師文化
打造以客戶為中心的工程師文化
 
設計思考改變世界 書摘
設計思考改變世界 書摘設計思考改變世界 書摘
設計思考改變世界 書摘
 
Change by design (設計思考改變世界)
Change by design (設計思考改變世界)Change by design (設計思考改變世界)
Change by design (設計思考改變世界)
 
理解設計思考
理解設計思考理解設計思考
理解設計思考
 
簡報製作範例 / 商業簡報網-韓明文講師
簡報製作範例 / 商業簡報網-韓明文講師簡報製作範例 / 商業簡報網-韓明文講師
簡報製作範例 / 商業簡報網-韓明文講師
 
《簡報化妝術》公開班課程介紹
《簡報化妝術》公開班課程介紹《簡報化妝術》公開班課程介紹
《簡報化妝術》公開班課程介紹
 
Tips of using LinkedIn to explore and develop your unlimited career
Tips of using LinkedIn to explore and develop your unlimited career Tips of using LinkedIn to explore and develop your unlimited career
Tips of using LinkedIn to explore and develop your unlimited career
 
Presentation
PresentationPresentation
Presentation
 
簡報文字製作範例 / 商業簡報網-韓明文講師
簡報文字製作範例 / 商業簡報網-韓明文講師簡報文字製作範例 / 商業簡報網-韓明文講師
簡報文字製作範例 / 商業簡報網-韓明文講師
 

Viewers also liked

Casa brutus made in usa 雜誌版型設計
Casa brutus made in usa 雜誌版型設計 Casa brutus made in usa 雜誌版型設計
Casa brutus made in usa 雜誌版型設計 kome chang
 
Flat design presentation 扁平設計式簡報
Flat design presentation  扁平設計式簡報Flat design presentation  扁平設計式簡報
Flat design presentation 扁平設計式簡報kome chang
 
串連行動與實體應用的關鍵 -ibeacon分享版
串連行動與實體應用的關鍵 -ibeacon分享版串連行動與實體應用的關鍵 -ibeacon分享版
串連行動與實體應用的關鍵 -ibeacon分享版kome chang
 
20140701苗栗文創多元通路發展註解版
20140701苗栗文創多元通路發展註解版20140701苗栗文創多元通路發展註解版
20140701苗栗文創多元通路發展註解版kome chang
 
5分鐘簡報輕鬆學系列 -故事開場法
5分鐘簡報輕鬆學系列 -故事開場法5分鐘簡報輕鬆學系列 -故事開場法
5分鐘簡報輕鬆學系列 -故事開場法kome chang
 
企劃提案簡報力提昇
企劃提案簡報力提昇企劃提案簡報力提昇
企劃提案簡報力提昇kome chang
 
GO GO Lamigirls
GO GO LamigirlsGO GO Lamigirls
GO GO Lamigirlskome chang
 
從開放資料到開放政府 / 從 Web 2.0 到 Gov 2.0
從開放資料到開放政府 / 從 Web 2.0 到 Gov 2.0從開放資料到開放政府 / 從 Web 2.0 到 Gov 2.0
從開放資料到開放政府 / 從 Web 2.0 到 Gov 2.0whisky CHANG
 
蔡倫開會不帶紙 -凌網科技無紙化會議系統簡介
蔡倫開會不帶紙 -凌網科技無紙化會議系統簡介蔡倫開會不帶紙 -凌網科技無紙化會議系統簡介
蔡倫開會不帶紙 -凌網科技無紙化會議系統簡介kome chang
 
思考的藝術:52 個非受迫性思考錯誤
思考的藝術:52 個非受迫性思考錯誤思考的藝術:52 個非受迫性思考錯誤
思考的藝術:52 個非受迫性思考錯誤kome chang
 
文創通路開拓經驗分享
文創通路開拓經驗分享文創通路開拓經驗分享
文創通路開拓經驗分享kome chang
 
文創通路開拓經驗分享~講義版
文創通路開拓經驗分享~講義版文創通路開拓經驗分享~講義版
文創通路開拓經驗分享~講義版kome chang
 
20161124行政院科技會報辦公室:「數位國家‧創新經濟發展方案(2017~2025年)」報告。
20161124行政院科技會報辦公室:「數位國家‧創新經濟發展方案(2017~2025年)」報告。20161124行政院科技會報辦公室:「數位國家‧創新經濟發展方案(2017~2025年)」報告。
20161124行政院科技會報辦公室:「數位國家‧創新經濟發展方案(2017~2025年)」報告。R.O.C.Executive Yuan
 
獲利世代中文簡報 Business model generation
獲利世代中文簡報 Business model generation獲利世代中文簡報 Business model generation
獲利世代中文簡報 Business model generation士杰 戴
 
SBIR計畫審查重點說明-創業懶人包
SBIR計畫審查重點說明-創業懶人包SBIR計畫審查重點說明-創業懶人包
SBIR計畫審查重點說明-創業懶人包RICK Lin
 
0613口試報告版投影片-電子化政府觀光網站建置效益評估
0613口試報告版投影片-電子化政府觀光網站建置效益評估0613口試報告版投影片-電子化政府觀光網站建置效益評估
0613口試報告版投影片-電子化政府觀光網站建置效益評估g9376608
 
20151203國家發展委員會:「政府資料開放(OPEN DATA)具體成效」報告
20151203國家發展委員會:「政府資料開放(OPEN DATA)具體成效」報告20151203國家發展委員會:「政府資料開放(OPEN DATA)具體成效」報告
20151203國家發展委員會:「政府資料開放(OPEN DATA)具體成效」報告R.O.C.Executive Yuan
 
新公司簡介
新公司簡介新公司簡介
新公司簡介Rich Wu
 
招商計畫
招商計畫招商計畫
招商計畫Rich Wu
 

Viewers also liked (20)

Casa brutus made in usa 雜誌版型設計
Casa brutus made in usa 雜誌版型設計 Casa brutus made in usa 雜誌版型設計
Casa brutus made in usa 雜誌版型設計
 
Flat design presentation 扁平設計式簡報
Flat design presentation  扁平設計式簡報Flat design presentation  扁平設計式簡報
Flat design presentation 扁平設計式簡報
 
串連行動與實體應用的關鍵 -ibeacon分享版
串連行動與實體應用的關鍵 -ibeacon分享版串連行動與實體應用的關鍵 -ibeacon分享版
串連行動與實體應用的關鍵 -ibeacon分享版
 
20140701苗栗文創多元通路發展註解版
20140701苗栗文創多元通路發展註解版20140701苗栗文創多元通路發展註解版
20140701苗栗文創多元通路發展註解版
 
5分鐘簡報輕鬆學系列 -故事開場法
5分鐘簡報輕鬆學系列 -故事開場法5分鐘簡報輕鬆學系列 -故事開場法
5分鐘簡報輕鬆學系列 -故事開場法
 
企劃提案簡報力提昇
企劃提案簡報力提昇企劃提案簡報力提昇
企劃提案簡報力提昇
 
GO GO Lamigirls
GO GO LamigirlsGO GO Lamigirls
GO GO Lamigirls
 
從開放資料到開放政府 / 從 Web 2.0 到 Gov 2.0
從開放資料到開放政府 / 從 Web 2.0 到 Gov 2.0從開放資料到開放政府 / 從 Web 2.0 到 Gov 2.0
從開放資料到開放政府 / 從 Web 2.0 到 Gov 2.0
 
蔡倫開會不帶紙 -凌網科技無紙化會議系統簡介
蔡倫開會不帶紙 -凌網科技無紙化會議系統簡介蔡倫開會不帶紙 -凌網科技無紙化會議系統簡介
蔡倫開會不帶紙 -凌網科技無紙化會議系統簡介
 
思考的藝術:52 個非受迫性思考錯誤
思考的藝術:52 個非受迫性思考錯誤思考的藝術:52 個非受迫性思考錯誤
思考的藝術:52 個非受迫性思考錯誤
 
文創通路開拓經驗分享
文創通路開拓經驗分享文創通路開拓經驗分享
文創通路開拓經驗分享
 
文創通路開拓經驗分享~講義版
文創通路開拓經驗分享~講義版文創通路開拓經驗分享~講義版
文創通路開拓經驗分享~講義版
 
20161124行政院科技會報辦公室:「數位國家‧創新經濟發展方案(2017~2025年)」報告。
20161124行政院科技會報辦公室:「數位國家‧創新經濟發展方案(2017~2025年)」報告。20161124行政院科技會報辦公室:「數位國家‧創新經濟發展方案(2017~2025年)」報告。
20161124行政院科技會報辦公室:「數位國家‧創新經濟發展方案(2017~2025年)」報告。
 
獲利世代中文簡報 Business model generation
獲利世代中文簡報 Business model generation獲利世代中文簡報 Business model generation
獲利世代中文簡報 Business model generation
 
SBIR計畫審查重點說明-創業懶人包
SBIR計畫審查重點說明-創業懶人包SBIR計畫審查重點說明-創業懶人包
SBIR計畫審查重點說明-創業懶人包
 
網路規劃與設計
網路規劃與設計網路規劃與設計
網路規劃與設計
 
0613口試報告版投影片-電子化政府觀光網站建置效益評估
0613口試報告版投影片-電子化政府觀光網站建置效益評估0613口試報告版投影片-電子化政府觀光網站建置效益評估
0613口試報告版投影片-電子化政府觀光網站建置效益評估
 
20151203國家發展委員會:「政府資料開放(OPEN DATA)具體成效」報告
20151203國家發展委員會:「政府資料開放(OPEN DATA)具體成效」報告20151203國家發展委員會:「政府資料開放(OPEN DATA)具體成效」報告
20151203國家發展委員會:「政府資料開放(OPEN DATA)具體成效」報告
 
新公司簡介
新公司簡介新公司簡介
新公司簡介
 
招商計畫
招商計畫招商計畫
招商計畫
 

Similar to 如何規畫更友善的政府網站

社会化消费者的崛起(Social beta@puting)
社会化消费者的崛起(Social beta@puting)社会化消费者的崛起(Social beta@puting)
社会化消费者的崛起(Social beta@puting)puting
 
20120719164719 66722
20120719164719 6672220120719164719 66722
20120719164719 66722songjy
 
發燒互動 Feversocial 2018行銷工具方案介紹
發燒互動 Feversocial 2018行銷工具方案介紹發燒互動 Feversocial 2018行銷工具方案介紹
發燒互動 Feversocial 2018行銷工具方案介紹Feversocial 發燒互動
 
非營利組織的網路行銷
非營利組織的網路行銷非營利組織的網路行銷
非營利組織的網路行銷Charles Chuang
 
开开分享运营和推广经验
开开分享运营和推广经验开开分享运营和推广经验
开开分享运营和推广经验MOBINODE
 
网页设计的原则与页面风格
网页设计的原则与页面风格网页设计的原则与页面风格
网页设计的原则与页面风格oldtaotao
 
網路玩出大生意 Facebook 社群行銷術
網路玩出大生意 Facebook 社群行銷術網路玩出大生意 Facebook 社群行銷術
網路玩出大生意 Facebook 社群行銷術EJohn 義強
 
小米口碑西行銷(麥歡樂分享)
小米口碑西行銷(麥歡樂分享)小米口碑西行銷(麥歡樂分享)
小米口碑西行銷(麥歡樂分享)kyokk8
 
为电子商务插上社会化的翅膀(SocialBeta分享会)
为电子商务插上社会化的翅膀(SocialBeta分享会)为电子商务插上社会化的翅膀(SocialBeta分享会)
为电子商务插上社会化的翅膀(SocialBeta分享会)puting
 
手信2012大猜想
手信2012大猜想手信2012大猜想
手信2012大猜想fanhuazju
 
讓網站企畫工作更順暢的數位工具 李一詩
讓網站企畫工作更順暢的數位工具 李一詩讓網站企畫工作更順暢的數位工具 李一詩
讓網站企畫工作更順暢的數位工具 李一詩悠識學院
 
洞察网络口碑主题三:企业如何与网民及网络社区相知相融
洞察网络口碑主题三:企业如何与网民及网络社区相知相融洞察网络口碑主题三:企业如何与网民及网络社区相知相融
洞察网络口碑主题三:企业如何与网民及网络社区相知相融Kantar Media CIC
 
微博合作介绍 V0.2
微博合作介绍 V0.2微博合作介绍 V0.2
微博合作介绍 V0.2Vianne Cai
 
About linkedin
About linkedinAbout linkedin
About linkedinBaidu
 
社群行銷經營_ Slideshare
社群行銷經營_ Slideshare社群行銷經營_ Slideshare
社群行銷經營_ SlideshareCharles Lee
 
Social+Mobile+China,RenRen CEO Joe's Interview
Social+Mobile+China,RenRen CEO Joe's InterviewSocial+Mobile+China,RenRen CEO Joe's Interview
Social+Mobile+China,RenRen CEO Joe's InterviewRyan Fan
 
社群變現怎麼做 社群經理人暨內容行銷操作實戰
社群變現怎麼做 社群經理人暨內容行銷操作實戰 社群變現怎麼做 社群經理人暨內容行銷操作實戰
社群變現怎麼做 社群經理人暨內容行銷操作實戰 Norika
 
Social Media Nut NO.1
Social Media Nut NO.1Social Media Nut NO.1
Social Media Nut NO.1Laura
 
新浪企業微博運營案例集錦 1
新浪企業微博運營案例集錦 1新浪企業微博運營案例集錦 1
新浪企業微博運營案例集錦 1Ian Sung
 

Similar to 如何規畫更友善的政府網站 (20)

社会化消费者的崛起(Social beta@puting)
社会化消费者的崛起(Social beta@puting)社会化消费者的崛起(Social beta@puting)
社会化消费者的崛起(Social beta@puting)
 
20120719164719 66722
20120719164719 6672220120719164719 66722
20120719164719 66722
 
發燒互動 Feversocial 2018行銷工具方案介紹
發燒互動 Feversocial 2018行銷工具方案介紹發燒互動 Feversocial 2018行銷工具方案介紹
發燒互動 Feversocial 2018行銷工具方案介紹
 
非營利組織的網路行銷
非營利組織的網路行銷非營利組織的網路行銷
非營利組織的網路行銷
 
开开分享运营和推广经验
开开分享运营和推广经验开开分享运营和推广经验
开开分享运营和推广经验
 
网页设计的原则与页面风格
网页设计的原则与页面风格网页设计的原则与页面风格
网页设计的原则与页面风格
 
網路玩出大生意 Facebook 社群行銷術
網路玩出大生意 Facebook 社群行銷術網路玩出大生意 Facebook 社群行銷術
網路玩出大生意 Facebook 社群行銷術
 
小米口碑西行銷(麥歡樂分享)
小米口碑西行銷(麥歡樂分享)小米口碑西行銷(麥歡樂分享)
小米口碑西行銷(麥歡樂分享)
 
为电子商务插上社会化的翅膀(SocialBeta分享会)
为电子商务插上社会化的翅膀(SocialBeta分享会)为电子商务插上社会化的翅膀(SocialBeta分享会)
为电子商务插上社会化的翅膀(SocialBeta分享会)
 
手信2012大猜想
手信2012大猜想手信2012大猜想
手信2012大猜想
 
老查聊社群
老查聊社群老查聊社群
老查聊社群
 
讓網站企畫工作更順暢的數位工具 李一詩
讓網站企畫工作更順暢的數位工具 李一詩讓網站企畫工作更順暢的數位工具 李一詩
讓網站企畫工作更順暢的數位工具 李一詩
 
洞察网络口碑主题三:企业如何与网民及网络社区相知相融
洞察网络口碑主题三:企业如何与网民及网络社区相知相融洞察网络口碑主题三:企业如何与网民及网络社区相知相融
洞察网络口碑主题三:企业如何与网民及网络社区相知相融
 
微博合作介绍 V0.2
微博合作介绍 V0.2微博合作介绍 V0.2
微博合作介绍 V0.2
 
About linkedin
About linkedinAbout linkedin
About linkedin
 
社群行銷經營_ Slideshare
社群行銷經營_ Slideshare社群行銷經營_ Slideshare
社群行銷經營_ Slideshare
 
Social+Mobile+China,RenRen CEO Joe's Interview
Social+Mobile+China,RenRen CEO Joe's InterviewSocial+Mobile+China,RenRen CEO Joe's Interview
Social+Mobile+China,RenRen CEO Joe's Interview
 
社群變現怎麼做 社群經理人暨內容行銷操作實戰
社群變現怎麼做 社群經理人暨內容行銷操作實戰 社群變現怎麼做 社群經理人暨內容行銷操作實戰
社群變現怎麼做 社群經理人暨內容行銷操作實戰
 
Social Media Nut NO.1
Social Media Nut NO.1Social Media Nut NO.1
Social Media Nut NO.1
 
新浪企業微博運營案例集錦 1
新浪企業微博運營案例集錦 1新浪企業微博運營案例集錦 1
新浪企業微博運營案例集錦 1
 

如何規畫更友善的政府網站