簡易台灣交通時刻表查詢

簡易台灣交通時刻表查詢

《失敗から学ぶユーザインタフェース》這本書裡列舉了許多日常生活中違反直覺的介面設計,但個人覺得繁體中文版翻譯的更為傳神:不是你太笨,是爛UI的錯!

住在台灣也許不需要每天搭火車,一天的班次不多、路線也不複雜,但儘管如此也不能成為服務難用的藉口,臺鐵官網近年來也不斷更新,撇清好不好看的審美觀,那個時刻查詢頁面(兼訂票頁面)介面絕對是穩定的越改越好 😮 官方以外也有手機 App 可以下載,但這個 UI 真的不是我想吐槽~

鐵路交通時刻UI

幾年前曾經覺得還不錯的轉乘神器又停止了服務,也許台灣人就真的沒在搭火車(?)、捷運也沒複雜到需要乗換案内、高鐵也才一條線⋯⋯但就這幾條線也只是想簡單的查詢下時刻表,那就只好自己來搞一個了!

成品

介面弄的很簡單,個人做興趣的就沒有太要求,支援以下基本功能:

  • 支援近25日以內(含當天)時刻表查詢
    其實應該可以查詢到60日內的時刻表 XD
  • 列車車次、車程、到站時間、停靠站總覽
  • 可愛列車圖示及相應配色
  • 中/英/日文版本
    順便練習下多語言版本的用法
  • 票價資訊、延遲資訊(2022/05/09更)

不支援以下功能:

  • 訂票、搶票(個人經營伺服器負載堪憂)
  • 車種過濾,反正也沒幾種車 XD
Go to page

 

開發環境

  • 網站資訊:
    • 後端:NGINX + PHP(搭配CodeIgniter 的 Framework)
    • 前端:Vue.js
  • 介接API:MOTC Transport API V2

順便吐槽一下當初以為這個API的資料欄位都不寫清楚到底欄位數字意義是啥鬼,結果在我寫這篇文章的時候才發現 NameType > {...} 這類字串是可以點開的害我在那邊瞎猜,真不曉得這些東西的介面都是誰設計的⋯⋯

 

Related Links