営業時間表示用のテキスト配置

Question

営業時間の入力 について素晴らしい質問がありますが、具体的に営業時間の表示について質問したいと思います。

営業時間の表示に使用する最も読みやすいテキスト配置は何ですか？受け入れられている方法の1つは、開始日と終了時間の両方が（個別に）左揃えされている、左揃えの日であるようです。したがって、基本的にはすべてが独自の列に配置されたままになります。これは私がウェブで見つけた例です：

私がこの質問について考え始めたとき、私は日を右揃えにするとうまくいくと思いました。この方法には、日と時間の間のコロンという1つの整列ポイントしかありません。

しかし、それは時間を表示するための通常のことではないようです。

Answer 1

あなたの一番上の例はwayより読みやすいです。それは清潔で、間隔があり、あなたの目は自然に日と時を流れています。

配置とフォーマットがどのように見えるかは、いくつかの異なる方法です。

サイドノート：

ConsolasまたはCourierのように等幅フォントまたは固定幅フォントを使用して、すべてがうまく並ぶようにしてください

Answer 2

左揃えのテキストは、中央揃えまたは右揃えのテキストよりも読みやすくなります。これは、テキストを中央揃えまたは右揃えすると、各行の開始位置が変わるためです。これにより、ユーザーは各行が続きを読み始める場所を見つけるために努力する必要があります。まっすぐ左のエッジがないと、ユーザーが各行を完了するときに目を動かすことができる一貫した場所はありません。

ただし、テキストを左揃えにすると、直線の左端が表示されます。ユーザーは、毎回目を左端に移動するだけで、各行を読み取ることができます。これにより、段落やテキストの行がより速く、より読みやすくなります。これは、ユーザーの目が毎回行の開始位置を見つけるのに苦労する必要がないためです。