首頁

2012年11月25日星期日

[UI/UX] 設計良好的巴士總站指示圖

偶然看到一個設計得不錯的巴士總站指示圖, 遂拍照為記.

葵芳鐵路站巴士總站指示圖

分析指示圖的設計好在哪裡前, 先了解一下指示圖的使用情境:

  1. 乘客已知道自己要乘搭的巴士路線, 想知道該路線的車站位置. 
  2. 乘客只知道自己要去的目的地, 想知道要乘搭哪條路線的巴士和車站位置.


而這個由車站平面圖和巴士路線列表構成的指示圖正好照顧到兩者的需要.

  • 上面的平面圖標示各巴士路線的車站位置和觀看者現在的位置. 情境1的乘客從平面圖就能找出要去哪裡上車. 
  • 下面的列表以目的地為索引, 並以地區分類, 列出前往各目的地的巴士路線. 除了目的地, 還列出路線的沿途要點. 情境2的乘客從列表就能找出自己該搭哪條路線, 然後從平面圖知道要去哪裡上車. 
  • 車站位置順序加上編號和顏色, 方便使用者更易平面圖找到列表列出的車站位置. 
  • 平面圖的方向跟使用者的面向一致, 圖的上方對應觀看者的前方, 這樣就不會搞錯方向. 
  • 平面圖隱藏了現實環境的傾鈄佈局, 簡化為四正、方型、較易理解的佈局. 

(舊作轉存)

沒有留言:

發佈留言