実績:JR 西日本列車走行位置

ウェブだからこそ生まれる価値がある

駅に行かなくてもリアルタイムの運行情報がわかるので、列車に遅れがあった場合でも移動手段の変更など、次の行動をいち早く判断できるようになります。「現在の運行状況を知りたい」というユーザーのニーズに対して、最短（1タップ）で目的の情報を提供できることがポイントです。

鉄道運行情報を提供する類似または競合のサービスとして、他社の鉄道事業者公式アプリや経路探索アプリ、運行情報を統合した地図アプリなどがある中、「アプリ」ではなくあえて「ウェブサイト」として提供することで、アプリ以上に多くのデバイスをサポートできる点、また、対象路線の拡大や機能拡充の際、ユーザーがアップデートをしなくても最新のシステムを利用できる点は、利便性が高い特長だと考えています。

“安心 × 信頼 × ユニバーサル” がコンセプト

老若男女の誰もが気持ちよく利用できる「わかりやすさ」と「使いやすさ」の実現に注力しました。

たとえば、路線名や駅名を記す書体には JR 駅構内のサインとの一貫性を保ちながら、スクリーン上でも読みやすい「UD 新ゴ」を採用。
モリサワの TypeSquare を導入し、幅広い環境で意図した通りの文字組みを実現しています。

路線選択画面では、路線図から自分が見たい駅を直接選べたり、列車の位置を知るための在線画面では、列車の行き先がひと目で分かるように列車アイコンを路線カラーで着色したり、画面をスクロールしている間だけ行き先方面を表示したりと、ユーザーの理解と行動を助ける工夫を施しています。

さらに、淡々と情報を伝えるのではなく、愛着が湧き長く利用されるシステムに育ってほしいと思い、色とりどりの列車がトコトコ走っているかのような「親しみを覚える」表現を目指しました。

デザイナーの声

情報を徹底的に整理することで、ユーザー第一の設計に

ユーザーの理解を助ける情報設計には、役割とプライオリティの設定が重要です。

案内に必要な情報をすべて洗い出し、列車アイコンや駅名のような「ざっと見る情報」と、遅れ時分や運行案内のような「じっと見る情報」の２つに分類。それぞれの情報に相応しいスタイルを指定することで、見通しがつきやすく、自分にとって必要かどうか即座に判断できる設計としています。

また、ユーザーが目的とする情報を迷わず得られるように、ルック＆フィールの一貫性を保ち、ボタンなどは押しやすい面積にし周囲の余白を広めに取る、リンクを想起させるライトブルーで塗る、あるいは、テキストリンクであれば「＞」アイコンと併記するなど、ユーザーの誤操作と誤認識を極力減らす画面設計にしています。

フェンリルについて

プロダクト

実績

サービス

採用

お問い合わせ

JR 西日本列車走行位置

関連実績

JR 西日本 列車走行位置

関連実績

JR 西日本列車走行位置