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

ray 財政部
, ,
#1

網站

財政部北區國稅局

姓名

楊珣

檢測日期

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.額外標註外部連結會連結到哪，覺得貼心。
#2

問題

可能原因

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

原始程式

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

建議修改

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

國防部陸軍司令部－高偉庭
#3

問題

可能原因

明明都用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

財政部中區國稅局-劉佳慧
#4

問題

可能原因

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

原始程式

位置：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>

建議修改

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

#5

問題

可能原因

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

建議修改

丟png當icon謝謝