網站現況
國防部網站的主要目的，定位為國軍形象入口網站，主要提內容包含國防部介紹、國防消息、重要政策等，而網站功能主要為「為民服務」。
網站目標使用者分析
1. 陳情人員
爭取權益、相關補助、退休金。
2. 記者
爭議訊息、最新消息、即時新聞、人員異動、演習動態。
3. 工程廠商
採購消息、工程資料(規格等)。
4. 待業人員
募兵消息、工作職缺、軍中規定、軍中環境、負責業務、單位組織架構。
5. 軍眷
查詢福利、相關法規資料。
網站問題分析
問題1-網站結構與使用者需求不符
國防部網站主要服務對象為陳情⼈員、記者、⼯程廠商、待業人員、軍眷，故主要功能設定為「為民服務」，目前網站的為民服務內容版塊卻至於網站的中後段，使得使用者難以被觸及。
問題2-「為民服務」呈現方式不明確
為民服務位置與呈現方式不夠明確，使用者不容易找到需要的內容與資訊的相對位置。
問題3-跳轉率過高
僅提供聯絡窗口資訊，浪費了網站可解決瀏覽者問題的便利性，以致使用者者瀏覽過一次就不會再瀏覽。
問題4-使用者介面過度使用Icon表現形式
在為民服務、重要政策、軍事出版品、相關連結等區塊，使用相同圓形的表現形式，容易使使用者混淆不易於理解。
導入目標與策略
為提升國防部現有網站的易用性與易讀性、便利性，讓使用者能夠更輕易操作網站或是從該網站取得資訊。依據國防部現有網站進行使用者介面調整，以國防部品牌形象之強化與增加國軍人文面上之塑造為主要目標。
導入目標
•提升國防部網站之易用性、優使性
•使⽤者能夠更輕易了解國防部或是取得資訊
•呈現國防部之愛國忠貞、堅毅國防之定位
•呈現具品牌渲染性與一致性的風格形象
•提升網站於⾏動裝置的易用性
導入策略
•版面內容區塊順序調整，進入網站以最新公告、新聞稿、服務專區等區塊為主要內容。
•改善活動照片剪影，重新規劃為較小篇幅，與原先的Facebook粉絲頁做結合，以資料圖表的方式替代冗長的文字 。
•增加網站頁面內容，讓使用者可以透過網站初步找尋到相關資料，減少直接跳轉 、 離開或僅使用google搜尋才找得到資料的情況。
•以扁平化及不同資料呈現的方式設計(如icon、文字連結、banner設計)，增加微互動設計。
•版面設計風格打破原先線條明顯的框架設計，底圖使用國軍形象等小元素。
•制定文字、圖像的視覺標準，統一風格。
•增加圖像或圖像化的應用。
•減少條列式的文字的使用。
導入手法
國防部網站需擔任起國軍在網路上的品牌形象之重責大任，故打造國軍品牌形象為此次網站使用者改善建議之主要目標之一。
視覺風格導入目標
一、硬性與軟性的圖像內容平衡
二、開放式通透的模組設計
三、導入品牌識別色彩
四、斜線的風格版面設計
五、加大版面留白呼吸空間
六、導入品牌意識
視覺風格導入解析
一、硬性與軟性的圖像內容平衡：
圖像使用的內容上以台灣軍旅堅毅精神為主要切入點，首頁大圖採用三軍執行任務之形象照，搭配宣揚國軍精神標語，取代鋼鐵戰機冰冷之意向更能動之以情。
二、開放式通透的模組設計：
採用開放式通透的模組設計，減少框線在視覺上的干擾。
三、導入品牌識別色彩：
結合呼應陸海空三軍國軍意象，以綠藍色灰色調為網頁色彩基底，導入品牌識別色彩之概念，增強網站閱覽的視覺印象與包覆性。
四、斜線的風格版面設計：
呼應國軍意象，斜線造型之風格基底象徵迅捷、勇猛、力量。
五、加大版面留白呼吸空間：
加大區塊與區塊之間的留白距離，提升閱讀瀏覽舒適度與辨識度。
六、導入品牌意識：
網站經營需有清楚的品牌意識與形象營造目標，透過圖像與文字呈現以加深目標對象對於此網站之印象。
色彩計畫
網站色彩可大幅度增強使用者對於網站閱覽的印象，色彩意象更能詮釋傳達品牌的精神與論點，目前國防部網站色彩使用以深藍色作為主色，白色與淺藍色為基底，較難彰顯國軍三軍精神，為了更完整呈現國防部三軍品牌意象(國防部意象關鍵字:鋼鐵剛毅(灰)、陸海空三軍(藍、白、綠)。
建議色彩調整色調、使用比例，以無彩色-白，作為整體的基底，搭配灰(10%-30%)，與大面積的深藍色(#153162)主色及草綠色(#9ac838)，包覆整體印象。在文字部分亦跟使用相同色彩，強化網站風格意象。
文字規範
網站的文字為求簡潔明快與力量的感覺，建議整體使用無襯線的黑體字，例如微軟正黑體、蘋方體，並依據現有網站之文字大小微調：
1.內文－16px
2.選單－18px
3.大標題－36px
4.一般標題－24px
5.景氣指標標題－30px
為了提升網站閱讀性，讓使用者瀏覽文字時更加舒適，更符合人的閱讀習慣，文字段落的行距建議訂定於1.2－1.4倍之間，段落的前後盡量避免標點符號與落單的字。
導入成果