プロ野球・クリンチナンバー計算ページ、2015シーズン版。

昨年あたりから、スマートフォンを中心としたモバイル端末からのアクセスが全体の半数を超え始めたので、クリンチナンバー計算ページをモバイルフレンドリーなデザインに変更してみました。

最新の順位表とクリンチナンバー

スマホからアクセスすると、以下のような感じ。

smp_initial.png

画面タップで様々な情報を表示できます。

taparea.png
  • (1)ヘッダをタップするとメニューを表示します。menu_opened.png 球団名をタップすると球団別情報を見ることができます。

  • (2)リーグ名をタップするともう一方のリーグ名が表示され、それをタップするとリーグの切り替えができます。changeLeague.png
  • (3)日付部分をタップすると『日付で検索』が開きます。search_by_day.png
  • (4)"!" をタップすると、最新のトピックが表示されます。topicView.png

それから、順位表などの表を、文字サイズを保ったままスマホ画面に入れ込む…というのが至難の業だったので、横幅に入りきらない部分は横スクロールで見ていただくことにしようかな、と。

tableScroll.png

横スクロールすることで、これまでと同じ情報量をご覧になれます。

PCや、ある程度の画面解像度があるタブレット端末からのアクセスの場合は、以下のような感じ。

new_pc_view.png

スマホの初期画面では隠されていた幾つかの要素が、最初から表示されます。

「今までのページデザインが良い」というときは、こちらでどうぞ。これまでどおり、データは日々更新されます。

最新の順位表とクリンチナンバー:クラシック版

そのた、細かい変更点はこちらの記事で。

カテゴリ: