財政部北區國稅局--楊珣

網站

財政部北區國稅局

姓名

楊珣

檢測日期

2018-04-08

檢測裝置

sony xperia ultra xa

作業系統 與 瀏覽器版本

Android 7.0
Chrome版本:Chrome 65.0.3325.181

解析度(手機螢幕)

360x640 pixels

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

壞掉的連結


跑版(影響閱讀)問題


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


出現亂碼


不能用的外掛程式(Flash、ActiveX、Applet、Silverlight、…)


網站載入緩慢(相對一般網站)


閱讀模式

使用Andriod系統


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


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

  • 需要改善的點
  • 1.建議可以把網頁導覽中,在公告資訊那欄的一堆外部連結,直接合併在外部連結那欄。感覺網頁導覽的前頭應該是要放跟這個網站相關的東西。
  • 2.這張可愛的地圖可以撤掉嗎?
  • 首頁 > 機關介紹 > 聯絡資訊 > 交通資訊 >馬祖服務處
    2018-04-08 (17)
    (範例二)
  • 3.各分局機關的服務項目可以做成跟板橋分局一樣的表格,這樣比較淺顯易懂。
  • 4.各分局機關的位置圖換成電子地圖。
  • 5.網站導覽有點亂,可以做的簡潔一點,可參考公平交易委員會的網頁導覽。
    2018-04-08 (27)
  • 覺得很好的點
  • 1.新莊稽徵所設置的線上取號系統覺得很便捷,可以多多推廣。
  • 首頁 > 機關介紹 > 所屬單位 > 新莊稽徵處 > 線上取號專區
  • 2.額外標註外部連結會連結到哪,覺得貼心。

問題

可能原因

雖然乍看之下以為是這個問題
但是事實上是更基本也是更基礎的問題,UI/UX設計的問題
這麼長的一串文字無論它本身有沒有意義,這麼多的字數再加上時不時出現的官腔只會使大眾更不想看(所以現在懶人包才會這麼紅)
這個問題本身就普遍存在,只不過在螢幕小的手機上更會被嚴重放大而已
要解決其實也不難,就是根據顯示器大小改字體大小就好,只不過這麼多密密麻麻的字真的有需要嗎?

原始程式

首頁其實就全部都是這種一個字換行的現象了,所以也沒有所謂的「問題原因的位置」
image

建議修改

腳痛醫腳的辦法就直接改字大小,css裡面針對字體的class 做@media

問題

可能原因

明明都用bootstrap 的 table了結果有用跟沒用差不多(雖然整體設定大部份是對的)
在css @media時候,把overflow-x 取消掉了,這意味著將沒有左右滾輪可以滑動檢視

原始程式

https://www.ntbna.gov.tw/etwmain/resources/web/css/main.css

@media (max-width: 767px)
.container-fluid {
    padding-left: 2px;
    padding-right: 2px;
    overflow-x: hidden;
}

建議修改

@media (max-width: 767px)
.container-fluid {
    padding-left: 2px;
    padding-right: 2px;
    overflow-x: auto;
}

補充

變成可以左右滑動
image

問題

可能原因

我猜這是套模板,或是用工具做出來的
圖片
這感覺就是模板工具提供使用者上傳檔案的地方

原始程式

位置:https://www.ntbna.gov.tw/etwmain/web/ETW118W/CON/2132/5097182030161868147?tagCode= :1799~1808

<tr>
<td style="background-color: #f5e8a2; border: #000000 1px solid;" headers="group0">&nbsp;</td>
<td style="background-color: #f5e8a2; border: #000000 1px solid;" headers="group0">&nbsp;</td>
<td style="background-color: #f5e8a2; border: #000000 1px solid;" headers="group0">&nbsp;</td>
</tr>
<tr>
<td style="background-color: #f5e8a2; border: #000000 1px solid;" headers="group0">&nbsp;</td>
<td style="background-color: #f5e8a2; border: #000000 1px solid;" headers="group0">&nbsp;</td>
<td style="background-color: #f5e8a2; border: #000000 1px solid;" headers="group0">&nbsp;</td>
</tr>

建議修改

上面提到這部份,全部砍掉,謝謝

問題

可能原因

該字符編碼不存在對應的字符
我猜應該是直接複製貼上某篇假設是word的文章,然後這篇文章好死不死又用到像是一些MS office特有的編碼符號,或者說很少見的符號
想知道詳細情形這在中文字裡面叫做Noto(豆腐字)

建議修改

丟png當icon謝謝