網站

衛生福利部國民健康署

姓名

高偉庭

檢測日期

2018-04-03

檢測裝置

Samsung Galaxy S7 edge

作業系統 與 瀏覽器版本

Android 7.0
Chrome版本：Chrome 64.0.3325.109

解析度（手機螢幕）

360x640 pixels

是否會自動跳入行動版欄位？

是

壞掉的連結

1. 首頁>服務園地>政府相關資源>公家機關>行政院公報資訊網

跑版（影響閱讀）問題

1. 首頁>服務園地>活動訊息>活動熱訊
   插入facebook貼文部份無法顯示完全 // 解法回文連結
   

2. 首頁＞健康主題＞健康生活＞健康促進場域＞油症患者健康照護
   應該是麵包削這行太長了，所以手機版此處是不會顯示完全但可以滑動的設計。我覺得有點不方便，建議可以直接全部分行顯示就好 // 解法回文連結
   

3. 首頁>網站導覽
   最上方的網字被切掉了，而且下方文字太過貼近左側邊界，讀起來不舒服 // 解法回文連結
   

4. 首頁
   滑到最底了但QR code被截掉了 // 解法回文連結
   

5. 首頁>關於本署>本署位置
   建議路線的表格無法顯示完全但能滑動，另外地圖太長方型不太適合手機看 // 解法回文連結
   
   

6. 首頁>關於本署>科技發展成果
   圖片顯示不完全 // 解法回文連結
   

7. 首頁>關於本署>科技發展成果>投標手冊>106年度委託科技研究計畫投標作業手冊
   
   首頁>關於本署>科技發展成果>得標清單>106年度統籌科技研究計畫公告得標清單
   
   pdf標誌與檔案大小的文字重疊了(還有一些地方有這個問題，但是還蠻隨機的，我不懂) // 解法回文連結
   

8. 首頁>健康主題>預防保健>公費健檢>孕婦產前健康照護衛教指導服務
   表格難以閱讀 // 解法回文連結
   

9. 首頁>健康主題>全人健康>孕產婦健康＞孕婦健康＞產後＞母乳哺育
   文字和影片排在一起使文字排版跑掉了 // 解法回文連結
   

10. 首頁>健康主題>全人健康>銀髮族健康>健康照護機構>健康促進醫院106年健康醫院典範暨創意計畫獲獎名單
    首頁>健康主題>健康生活>事故傷害防制＞道路安全汽車＞行車安全
    首頁>健康主題>健康生活>事故傷害防制>水上安全（前四項）
    首頁>健康主題>健康生活>事故傷害防制>事故傷害防制Q&A>預防溺水Q&A>水域安全標誌有哪些？
    首頁>健康學習資源>本署出版品>出生通報統計年報>出生通報問答集
    表格顯示不完全 // 解法回文連結
    

11. 首頁>健康主題>健康生活>事故傷害防制>水上安全＞台灣的十大危險海域
    
    首頁＞服務園地＞退休人員服務專區（前兩項）
    文字顯示不全 // 解法回文連結
    

12. 首頁>健康學習>資源文宣手冊>健康手冊專區>兒童健康手冊>兒童預防保健服務包括哪些項目？
    
    首頁>健康學習>資源文宣手冊>健康手冊專區>孕婦健康手冊>如何讓寶寶安全的成長？
    
    首頁>健康學習>資源文宣手冊>健康手冊專區>孕婦健康手冊>產前檢查的時程及服務項目有哪些？
    首頁>健康監測與統計>進行中的統計調查>進行中的統計調查列表
    表格的格線跑掉了 // 解法回文連結
    

無法操作的網頁元素（如按鈕不能按、選單不能選等）

1. 首頁
   點按下方的滿意度調查，只會跑回首頁的最上方 (錯誤超連結問題)
   

2. 首頁
   最下方宣傳訊息的部份，長期照護專區不能按 (該單位已修正)
   

出現亂碼

無

不能用的外掛程式（Flash、ActiveX、Applet、Silverlight、…）

無

網站載入緩慢（相對一般網站）

無

閱讀模式

不適用

其他（無法判斷屬於以上那個分類的都放在這邊）

1. 首頁
   最上方的跑馬燈跑的有點快（？），而且點按原本跑動的跑馬燈，會變成跑馬燈文字並列，再次點按才會挑轉網頁，蠻不直覺的。另外，跑馬燈跑完五則之後就會變成空白的，建議輪播比較好。 (介面設計問題)
   
   

2. 首頁
   最下方的宣傳訊息處，雖然只有兩個但可以滑動，沒有滑動的時候右側會被截掉一點。首先如果只有兩個這樣滑動很useless，再者靜置的時候也應該把兩個顯示完全而非截掉一點，而且首頁其他可滑動的地方與此處設計都不同，如果能統一會較好。 (介面設計問題)
   

3. 點按右上漢堡後展開的選項，以關於本署舉例但每個大項都有這個問題。點擊第一次關於本署時選單會展開，點按第二次後選單會收起來並出現這個詭異的匡(其他項目也有此問題) (介面設計問題)
   

4. 點按第一階（e.g. 關於本署）下方的第二階（e.g. 各業務聯絡窗口），第一次不會直接跳入各業務聯絡窗口的頁面，而是頁面會往上端跳，並顯示成這樣。 (介面設計問題)
   

對此網站建議（非程式問題皆放置這裡）

1. 右上漢飽點開後的各階層顏色都太像了，容易讓使用者覺得很混亂
2. 首頁>健康主題>健康生活>菸害防制>菸害防制法>菸害防制法修法Q&A
   首頁>健康主題>健康生活>菸害防制>菸害防制法>相關議題報導
   
   首頁>健康主題>健康生活>菸害防制>菸害監測調查
   首頁>服務園地>政府相關資源>公家機關 >洗錢防制黑錢收網
   首頁>服務園地>資源下載>公文下載
   沒有內容啊～～～
3. 各網頁內文的文字大小有不一的情形，與左右兩側距離也不一，建議統一會更好。
4. 就排版與美感而言基本上問題不大，但是某些資訊很舊了，建議更新；而且整個分類的方式蠻紊亂的，常常看標題不知道內文會是什麼，建議可以重新整理一次所有的資料。

問題：

可能原因：

RWD 沒設定好

原始程式：

第 734 行

<iframe width="560" height="315" title="本署Facebook粉絲團" src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2Fhpagov%2Fvideos%2F2034947726533989%2F&amp;show_text=0&amp;width=560" frameborder="0" scrolling="no" allowfullscreen="true" style="border: currentcolor; overflow: hidden;" allowtransparency="true"></iframe>

建議修改：

第 734 行 新增 width:100%;

<iframe width="560" height="315" title="本署Facebook粉絲團" src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2Fhpagov%2Fvideos%2F2034947726533989%2F&amp;show_text=0&amp;width=560" frameborder="0" scrolling="no" allowfullscreen="true" style="width:  100%;border: none;overflow: hidden;" allowtransparency="true"></iframe>

補充

結尾(選填，可增加網站建議) (edited)

無

問題：

可能原因：

設計問題

建議修改：

無

補充

無

結尾(選填，可增加網站建議) (edited)

無

問題：

可能原因：

RWD 沒設定好

原始程式：

第 551-552 行

<h2 class="page-header" title="網站導覽">網站導覽
</h2>

建議修改：

第 551-552 行 新增style=“padding-left: 20px;”

<h2 class="page-header" title="網站導覽" style="
    padding-left:  20px;
">網站導覽
</h2>

補充

結尾(選填，可增加網站建議) (edited)

無

問題：

可能原因：

RWD 沒設定好

原始程式：

第 1065 行

<img src="../images/qr1.png" alt="qr code" title="qr code">

建議修改：

第 1065 行 新增class=“rwd_img”

<img class="rwd_img" src="../images/qr1.png" alt="qr code" title="qr code">

第58行 新增

<style type="text/css">

    @media (min-width: 300px) and (max-width: 991px){
        .rwd_img{
            width: 50px !important;
            }
    }
    
</style>

補充

結尾(選填，可增加網站建議) (edited)

無

問題：

可能原因：

設計問題

建議修改：

無

補充

無

結尾(選填，可增加網站建議) (edited)

無

問題：

可能原因：

RWD 沒設定好

原始程式：

第 737 行

<div style="background-image:url('../images/科技發展計畫.jpg'); background-size:cover; background-position:center center; height:110px; width:100%;"></div>

建議修改：

第 737 行 修改為background-position: 100% center;

<div style="background-image:url('../images/科技發展計畫.jpg'); background-size:cover; background-position: 100% center; height:110px; width:100%;"></div>

補充

結尾(選填，可增加網站建議) (edited)

無

問題：

可能原因：

無法重現問題，判斷該單位已修正問題。

建議修改：

無

補充

無

結尾(選填，可增加網站建議) (edited)

無

問題：

可能原因：

字數太多，請重新設計表格。

建議修改：

需修改部分過多，請重新設計。

補充

結尾(選填，可增加網站建議) (edited)

無

問題：

可能原因：

表格排版

建議修改：

請勿使用表格排版。

補充

無

結尾(選填，可增加網站建議) (edited)

無

PDIS.2018 資訊生撰寫模板 - 存檔

問題：

可能原因：

RWD 沒設定好，請重新設計表格。

原始程式：

第 733 行

<div class="col-md-12" >

建議修改：

第 733 行 新增style=“min-height: .01%; overflow-x: auto;”

<div class="col-md-12" style="
    min-height: .01%;
    overflow-x: auto;
">

補充

01

02

結尾(選填，可增加網站建議) (edited)

無

PDIS.2018 資訊生撰寫模板 - 存檔

問題：

有

可能原因：

RWD 沒設定好

原始程式：

https://www.hpa.gov.tw/css/component.css 第 3190 行 修改

.tako-right>.row>div.tako-3 {
    width: 25%;
}

https://www.hpa.gov.tw/css/component.css 第 3186 行 修改

.tako-right>.row>div.tako-2 {
    width: 16.66667%;
}

https://www.hpa.gov.tw/css/component.css 第 3178 行 修改

.tako-right>.row>div.tako-1 {
    width: 8.33333%;
}

建議修改：

https://www.hpa.gov.tw/css/component.css 第 3190 行 修改

.tako-right>.row>div.tako-3 {
    width: 38%;
}

https://www.hpa.gov.tw/css/component.css 第 3186 行 修改

.tako-right>.row>div.tako-2 {
    width: 16.66667%;
}

https://www.hpa.gov.tw/css/component.css 第 3178 行 修改

.tako-right>.row>div.tako-1 {
    width: 16.66667%;
}

補充

結尾(選填，可增加網站建議) (edited)

無