Meridian

アプリと駅で、同じ数字を読む

Overview

交通案内アプリと212駅のサインをまとめて設計するプロジェクト。路線名、色、到着分数の書体を揃え、手元の画面と駅の表示を照合しやすくしました。

アプリ、電光掲示板、時刻表で路線の呼び方が異なっていました。次の便を探すたびに情報を読み替える必要があり、まず表示項目と名称の整理から始めています。

01 / 04

到着分数に使う専用の数字書体です。6の開口部を広げ、8の上下の空間を分けました。数字の幅を揃え、表示が更新されても桁の位置が動かないようにしています。

02 / 04

最初の画面には最寄り駅の次の3便を表示。検索、運行情報、定期券へは2タップ以内で進める構成とし、読み上げの順序も画面ごとに指定しました。

03 / 04

アプリと駅の案内に同じ路線番号、色、数字を使用。色だけに頼らず、番号と名称でも路線を確認できます。

04 / 04

運用担当者向けに、FigmaのライブラリとWeb・iOS・Androidのコンポーネントを用意。文字量が増えた場合や運休時の表示もまとめています。

掲載した仕様・数量は、この架空のプロジェクトの設定です。実案件の成果を示すものではありません。