財政部關務署-高偉庭

網站

財政部關務署

姓名

高偉庭

檢測日期

2018-04-09

檢測裝置

Samsung Galaxy S7 edge

作業系統 與 瀏覽器版本

Android 7.0
Chrome版本:Chrome 64.0.3325.109

解析度(手機螢幕)

360x640 pixels

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

壞掉的連結

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

跑版(影響閱讀)問題

  1. 首頁>公告訊息>新聞稿>最新新聞稿
    首頁>公告訊息>新聞稿>歷史專區查詢
    首頁>公告訊息>業務公告>最新業務公告
    首頁>公告訊息>業務公告>歷史專區查詢
    首頁>法令規章>重要措施
    當主題太長時,排版就有點難看懂 // 解法回文連結

  1. 首頁>認識關務署>現行組織>督察室
    表格使文字閱讀不順 // 解法回文連結
    2018-04-10_145548

  1. 首頁>認識關務署>機關位置
    首頁>通關服務>電話傳真語音服務>各關受理電傳申請退還押款、電話及傳真機號碼一覽表
    首頁>其他資訊>便民服務>出版品>銷售地點資訊
    表格顯示不全 // 解法回文連結
    2018-04-10_145813

  1. 首頁>通關服務>反傾銷措施>現行課徵項目
    首頁>通關服務>反傾銷措施>調查中案件
    首頁>其他資訊>便民服務>出版品>銷售出版品及出售價格
    表格的欄位跑掉了 // 解法回文連結
    2018-04-10_151921

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

  1. 左上漢堡>進階搜尋
    只有上方搜尋欄有打字的情況下能按,如果沒字的話按了沒反應,這樣很不方便 (介面設計問題)
    2018-04-10_003032

  1. 左上漢飽的選單有時無法滑到最底(但有時可以,非常不靈敏) (介面設計問題)

出現亂碼

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

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

閱讀模式

不適用

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

  1. 最上方財政部關務署的圖示可以大一點並且置中 (設計問題)
    2018-04-09_000609

  1. 首頁
    首頁這邊沒有理由把各地的關與其他相關部門連結分成兩個選單,或是應該加上解釋的文字不然民眾會很困惑的 (介面設計問題)
    2018-04-09_000946

  1. 首頁
    上端每旬匯率處、最下方相關連結畫質都好差 :stuck_out_tongue: (設計問題)

2018-04-09_001407


  1. 把分類選單放在網頁上端並展開,會使得民眾在看網站時需一直往下滑,無法一點開網頁就看到自己需要的東西,有點麻煩 (介面設計問題)

  1. 首頁>認識關務署>組織職掌
    點按除了署長之外的其他職位,會跳到另個網頁,但包屑會顯示首頁>認識關務署>現行組織,不過"現行組織"這個子分類卻沒辦法在點按"認識關務署"的時候就看到不太方便。 (介面設計問題)

  1. 首頁>認識關務署>機關位置
    這個網站標題應該要是機關位置,但是網頁標籤頁卻會顯示位置及交通(其他網頁沒有這個問題) (介面設計問題)

  1. 左上的漢堡,在網頁往下滑時會一直顯示在左上,有時會擋住網頁文字內容 (介面設計問題)

2018-04-10_172610


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

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


  1. 某些資料點進去會直接跳出相關檔案的框框、有一些卻會跳到下個頁面,如果統一會比較好。 (介面設計問題)
    2018-04-10_183244

  1. "便民服務"分類沒有出現在左側欄位中、在首頁也很不好找,但是裡面有很多內容,藏的超深ㄉ。(我是首頁>互動專區>QR code服務>今日海關期刊 才找到的) (介面設計問題)

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

  1. 首頁
    下方IE10的訊息,本來的設計是跑馬燈,但是跑馬燈只放了一條(還是106年的),也不會跑、無法看完全部訊息,設置的位子也很怪。
    2018-04-09_001543

  1. 公告訊息的新聞稿與業務公告,建議可以標明一下多近的會放在"最新",多舊的會被放在"歷史"
    2018-04-10_144425

  1. Q&A分開在很多不同的分類之下,不是太好找,如果可以統一放一處會比較方便

問題:

可能原因:

字太多

建議修改:

主題請刪減字數

補充

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

問題:

可能原因:

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

建議修改:

請不要用表格排版

補充

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

問題:

可能原因:

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


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

問題:

可能原因:

設計問題,難得有寫RWD的Table排版!

建議修改:

補充

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