財政部關務署－高偉庭

ray 財政部
, ,
#1

網站

財政部關務署

姓名

高偉庭

檢測日期

2018-04-09

檢測裝置

Samsung Galaxy S7 edge

作業系統 與 瀏覽器版本

Android 7.0
Chrome版本：Chrome 64.0.3325.109

解析度（手機螢幕）

360x640 pixels

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

是

壞掉的連結

  1. 首頁>通關服務>儀檢、自備封條與電子封條專區>海關儀檢專區
    其中一到九的項目點按都只會跑回首頁(BTW為什麼只有奇數超怪的) (錯誤超連結問題)
    2018-04-10_150857

跑版（影響閱讀）問題

  1. 首頁>公告訊息>新聞稿>最新新聞稿
    首頁>公告訊息>新聞稿>歷史專區查詢
    首頁>公告訊息>業務公告>最新業務公告
    首頁>公告訊息>業務公告>歷史專區查詢
    首頁>法令規章>重要措施
    當主題太長時，排版就有點難看懂 // 解法回文連結
    2018-04-10_144539
  1. 首頁>認識關務署>現行組織>督察室
    表格使文字閱讀不順 // 解法回文連結
    2018-04-10_145548
  1. 首頁>認識關務署>機關位置
    首頁>通關服務>電話傳真語音服務＞各關受理電傳申請退還押款、電話及傳真機號碼一覽表
    首頁>其他資訊>便民服務>出版品>銷售地點資訊
    表格顯示不全 // 解法回文連結
    2018-04-10_145813
  1. 首頁>通關服務>反傾銷措施>現行課徵項目
    首頁>通關服務>反傾銷措施>調查中案件
    首頁>其他資訊>便民服務>出版品>銷售出版品及出售價格
    表格的欄位跑掉了 // 解法回文連結
    2018-04-10_151921

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

  1. 左上漢堡＞進階搜尋
    只有上方搜尋欄有打字的情況下能按，如果沒字的話按了沒反應，這樣很不方便 (介面設計問題)
    2018-04-10_003032
  1. 左上漢飽的選單有時無法滑到最底（但有時可以，非常不靈敏） (介面設計問題)
    2018-04-10_003443

出現亂碼

無

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

無

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

無

閱讀模式

不適用

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

  1. 最上方財政部關務署的圖示可以大一點並且置中 (設計問題)
    2018-04-09_000609
  1. 首頁
    首頁這邊沒有理由把各地的關與其他相關部門連結分成兩個選單，或是應該加上解釋的文字不然民眾會很困惑的 (介面設計問題)
    2018-04-09_000946
  1. 首頁
    上端每旬匯率處、最下方相關連結畫質都好差 :stuck_out_tongue: (設計問題)

2018-04-09_001407

  1. 把分類選單放在網頁上端並展開，會使得民眾在看網站時需一直往下滑，無法一點開網頁就看到自己需要的東西，有點麻煩 (介面設計問題)
    2018-04-10_005141
  1. 首頁>認識關務署>組織職掌
    點按除了署長之外的其他職位，會跳到另個網頁，但包屑會顯示首頁>認識關務署>現行組織，不過＂現行組織＂這個子分類卻沒辦法在點按＂認識關務署＂的時候就看到不太方便。 (介面設計問題)
  1. 首頁>認識關務署>機關位置
    這個網站標題應該要是機關位置，但是網頁標籤頁卻會顯示位置及交通（其他網頁沒有這個問題） (介面設計問題)
    20180410_150142
  1. 左上的漢堡，在網頁往下滑時會一直顯示在左上，有時會擋住網頁文字內容 (介面設計問題)

2018-04-10_172610

  1. 首頁>旅客服務>出入境常見問題>外籍旅客購物退稅問題

點按＂外籍旅客購物退稅問題＂分類會顯示無資料，但其實在與＂出入境常見問題＂的同一層就已經有另一個＂外籍旅客購物退稅＂的分類了（而且是有資料的），感覺出入境常見問題>外籍旅客購物退稅問題可以刪掉 (介面設計問題)
2018-04-10_173141

  1. 某些資料點進去會直接跳出相關檔案的框框、有一些卻會跳到下個頁面，如果統一會比較好。 (介面設計問題)
    2018-04-10_183244
    2018-04-10_183256
  1. ＂便民服務＂分類沒有出現在左側欄位中、在首頁也很不好找，但是裡面有很多內容，藏的超深ㄉ。（我是首頁>互動專區>QR code服務>今日海關期刊 才找到的） (介面設計問題)
    2018-04-10_184545

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

  1. 首頁
    下方IE10的訊息，本來的設計是跑馬燈，但是跑馬燈只放了一條（還是106年的），也不會跑、無法看完全部訊息，設置的位子也很怪。
    2018-04-09_001543
  1. 公告訊息的新聞稿與業務公告，建議可以標明一下多近的會放在＂最新＂，多舊的會被放在＂歷史＂
    2018-04-10_144425
  1. Q&A分開在很多不同的分類之下，不是太好找，如果可以統一放一處會比較方便
#2

問題：

可能原因：

字太多

建議修改：

主題請刪減字數

補充

無

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

無

#3

問題：

可能原因：

不算是跑版問題，那是用表格排版的缺點。

建議修改：

請不要用表格排版

補充

無

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

無

#4

問題：

可能原因：

table排版的RWD問題要全改版型，以下以其中一部分作示範。

原始程式：

第 308 行
<table border="1" cellpadding="0" cellspacing="0" summary="公車路線表" width="100%"> <caption> <h3 style="text-align: left"><strong>公車路線表</strong></h3> <table border="2" style="width: 626.69px; height: 250px"> <tbody> <tr> <th style="width: 35.84px; text-align: center">編號</th> <th style="width: 132.11px; text-align: center">站名</th> <th style="width: 438.88px; text-align: center">公車路線</th> </tr> <tr> <td style="width: 35.84px; text-align: center">1</td> <td style="width: 132.11px; text-align: center">捷運北門站</td> <td style="width: 438.88px">9、12、42、206、218、223、255、260、300、302、304承德線、304重慶線、310、601、615、639、641、660、704、756、757、797、1209</td> </tr> <tr> <td style="width: 35.84px; text-align: center">2</td> <td style="width: 132.11px; text-align: center">聯合醫院中興院區</td> <td style="width: 438.88px">615、622、藍29</td> </tr> <tr> <td style="width: 35.84px; text-align: center">3</td> <td style="width: 132.11px"> <p style="text-align: center">聯合醫院中興院區(西寧)</p> </td> <td style="width: 438.88px">811、紅25、紅33、市民小巴9</td> </tr> <tr> <td style="width: 35.84px; text-align: center">4</td> <td style="width: 132.11px"> <p style="text-align: center"><span>聯合醫院中興院區</span><span>(塔城)</span></p> </td> <td style="width: 438.88px">9、12、52、250、274、302、304重慶線、639、641、660、704、757、785、797、798、892、893、1209、紅25、綠17</td> </tr> <tr> <td style="width: 35.84px; text-align: center">5</td> <td style="width: 132.11px; text-align: center">南京西路口(塔城)</td> <td style="width: 438.88px">9、250、255、274、302、304重慶線、639、641、660、704、757、785、797、798、892、893、1209、紅25</td> </tr> <tr> <td style="width: 35.84px; text-align: center">6</td> <td style="width: 132.11px; text-align: center">延平鄭州路口</td> <td style="width: 438.88px">206、223、274、539、601、669</td> </tr> <tr> <td style="width: 35.84px; text-align: center">7</td> <td style="width: 132.11px; text-align: center">延平一站(長安)</td> <td style="width: 438.88px">12、市民小巴9</td> </tr> <tr> <td style="width: 35.84px; text-align: center">8</td> <td style="width: 132.11px; text-align: center">後車站(重慶)</td> <td style="width: 438.88px">2、42、52、63、215、223、250、255、300、304重慶線、601、605(快速公車)、622、639、641、704、757、785、797、1209</td> </tr> <tr> <td style="width: 35.84px; text-align: center">9</td> <td style="width: 132.11px; text-align: center">後車站(長安)</td> <td style="width: 438.88px">12、46、282、282(副)、711、棕9</td> </tr> <tr> <td style="width: 35.84px; text-align: center">10</td> <td style="width: 132.11px; text-align: center">臺北郵局</td> <td style="width: 438.88px">15、18、22、49、220、232、247、257、262、262(區間)、276、287、513、835</td> </tr> </tbody> </table>

建議修改：

第 360 行 示範

<table>
  <tbody>
    <tr>
      <th class="title">編號</th>
      <th class="content">1</th>
    </tr>
    <tr>
      <th class="title">站名</th>
      <th class="content">捷運北門站</th>
    </tr>
    <tr>
      <th class="title">公車路線</th>
      <th class="content">9、12、42、206、218、223、255、260、300、302、304承德線、304重慶線、310、601、615、639、641、660、704、756、757、797、1209</th>
    </tr>
  </tbody>
</table>
第9行 新增

<style type="text/css">
table {
  display: table;
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #000;
}

tbody, tr, th {
  border: 1px solid #000;
}

.title {
  padding: 2px 5px;
}

.content {
  width: 80%;
  padding: 2px 5px;
}

</style>

補充

codepen
連結：https://codepen.io/lloyd3126/pen/JvPdpz
image
image

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

無

#5

問題：

可能原因：

設計問題，難得有寫RWD的Table排版！

建議修改：

無

補充

無

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

無