バスUIのコールドテスト — 運行管理・配車乗務員・接近案内・高速予約・経路検索・乗車券
バス運行管理、配車と乗務員、消費者向け接近案内、高速バス座席予約、経路検索、ダイヤ編成、営収ダッシュボード、安全管理、モバイル乗車券、運行情報、IC残高──toB5+toC6 で対称完走した11枚。Stringline・Gantt-intraday・SegmentedControl・LineChip・Leaderboard が一気に build した業界です。
運輸:バス の cold test、11 画面のまとめ。
なぜバスUIは難しいのか
バスは鉄道と多くを共有しながらも、固有の作法を持ちます。運行図表(Stringline)の本場、改善基準告示に基づく拘束時間、IC残高 hero、消費者向け接近案内(まもなく到着/あと○分/○つ前)、高速バス座席表(3列独立/4列)、混雑表示の色非依存。toB の運行図表とダイヤ編成は、鉄道で2回手組みしたあとバスで3回目を踏んで Stringline として build。toC の乗車券は、航空・鉄道で育てた床が消費者側に綺麗に並びました。
ここで結晶化した部品
バス11枚で 3-confirm を満たして build に到達した部品です。toB / toC 双方が同時に床を固めた回がいくつもあります。
- Stringline#136
時間×距離の運行図表(斜めの運行線)。30回以上手組みされ続け、鉄道2回+バスで 3-confirm 達成 build。
- Gantt (intraday)#153
resolution="hour" の intraday Gantt。バス・タクシー・航空・鉄道の車両運用 / 機材繰り全部の床。
- SegmentedControl#156
大人/小児・現金/IC/QR のような2-3等幅の選択切替。w-full justify-stretch [&>*]:flex-1 の強制配置で build。
- LineChip#157
路線色+自動コントラストの系統番号 chip。バス接近案内・経路検索・運行情報で 3-confirm 達成 build。
- Leaderboard#155
ベスト/ワースト・順位表。タクシー営収 / バス系統別収支 / バス安全指標で 3-confirm 達成 build。
SegmentedControl は #156 モバイル乗車券で「2-3等幅の強制配置」として build。#157 運行情報・#158 IC でその場で自力発見され、複利の最短距離を改めて証明しました。
運輸:バス の全ラウンド
運輸:バス カテゴリの 11 画面を、ラウンド順に並べています。各カードから cold AI が組んだソース、解説記事、デスクトップ/モバイルのプレビューに飛べます。

/bus-operations`tsc` 緑・デスクトップ密度。cold AI(群青を一度も触っていない設定):

/bus-dispatch`tsc` 緑・デスクトップ密度。cold AI(群青を一度も触っていない設定):

/bus-approach`tsc` 緑・375px mobile-first。cold AI(群青を一度も触っていない設定):

/highway-bus`tsc` 緑・375px mobile-first・5ステップ予約フロー。cold AI(群青を一度も触っていない設定):

/bus-route-search`tsc` 緑・375px mobile-first。cold AI(群青を一度も触っていない設定):

/bus-planning`tsc` 緑・デスクトップ情報密度。cold AI(群青を一度も触っていない設定):

/bus-revenue`tsc` 緑・デスクトップ情報密度・可変データ駆動のチャート。cold AI(群青を一度も触っていない設定):

/bus-safety`tsc` 緑・デスクトップ情報密度。cold AI(群青を一度も触っていない設定):

/bus-ticket`tsc` 緑・375px mobile-first。cold AI(群青を一度も触っていない設定):

/bus-service-status`tsc` 緑・375px mobile-first。cold AI(群青を一度も触っていない設定):

/bus-icバス toB(運行#136/配車#137/計画#153/営収#154/安全#155)+ toC(接近#138/高速予約#139/経路#140/乗車券#156/運行情報#157/IC#158)が **toB5+toC6 で対称**に。航空(toB5+toC6)・鉄道(toB5+toC6)・タクシー(toB6+toC6)に並ぶ**4モード完成**。残るは🚚トラックのみ。
この業界が gunjo に残したもの
バスは、運輸の床を一気に厚くした業界として群青に残りました。Stringline(運行図表 SVG ゼロ)・Gantt intraday(resolution="hour" で dayWidth ハック根治)・SegmentedControl・LineChip・Leaderboard──5部品が同じ arc で build。これらは鉄道・航空・タクシー・トラックの他モードでもそのまま自宅扱いの部品になっています。toB5+toC6 の対称完走が、運輸モード間の「ロールモデル」になっている業界です。