グローバルナビを不要にした、使える機能へすぐ行ける導線設計の小田急電鉄のWEBサイト

小田急線を日常的に利用するユーザーが求める用途・目的に応えて、
最小クリック数で迷わずにたどり着ける情報デザインのWEBサイト
運行情報や各駅の時刻表や構内案内図から最寄りの施設やスポットまで、小田急沿線に住まうあらゆるユーザーの利便性をかなえる情報構造は、初心者やサイト利用に不慣れな方々でも、迷わず瞬時に利用できるとても気配りが行き届いたサイトとして高く評価できる。

グローバルナビを不要にする、ファーストビューに集められた高い用途の機能

全体に文字サイズが小さく窮屈なデザインながらも、ファーストビューに小田急線利用者が必要とするほぼすべての機能やリンクボタンが集まっていることで、グローバルナビがそもそも不要になるインターフェースは、歴代の小田急電鉄ウェブサイトの中でも最高の高機能で利便性に長けたトップページと言える。 中でも、「遅延証明書」と並ぶ『マイステーション』は、ふだんの乗降駅をはじめお気に入りの駅をクリップしておけるので、いつでも知りたい時に駅を呼び出せ、最後に選択された駅が必ず「各駅のご案内」や「乗り換え・運賃検索」の選択肢としてデフォルトで表示されている。

各駅の案内ページでは、知りたいことのほぼすべてが1クリックで表示される最高の情報量

平日・休日の上り下りの時刻表はもちろん、駅構内の案内図や停車する電車種別の停車駅案内をはじめ、乗り入れているバス会社のサイトへのリンクや駅周辺マップに最寄りのスーパーやストア案内にスポット情報まで網羅する。 さらに、隣への駅へのリンクや特急ロマンスカーなどの切符購入のためのリンクも常設されるなど、利便性については申し分ない。欲を言えば、忘れ物や車いす利用などで必要な駅への連絡方法が、ダイレクトで記載されていてほしい。
このWebサイトが優れている点をできるだけ客観的に抽出できるように、統一した指標に基づいて判断することにより、各カテゴリーを以下のような詳細項目において20点・10点・5点・0点で点数化しました。
わかりやすいナビゲーション性能|合計90点
詳細な評価項目配点内容
トップページナビゲーションに戦略がある20駅利用者の利便性を最小限の労力で最大限に活かす工夫がある
ナビゲーション名が覚えやすく使いやすい20利用行動を主体にしたラベリングがわかりやすい
有効に利用されるナビゲーション構造になっている20グローバルナビを不要にする用途ベースのサイト構造
リテラシーが低い人にも使える配慮がある10注意書きや気になることが冒頭に書かれている
ボタンがわかりやすく設計されている20標準的な色によるテキストリンク
視認性の高いデザイン性能|合計60点
詳細な評価項目配点内容
余白を活かしたデザインがされている10サイト全体が文字も小さく窮屈な作りで、ページにより見づらい
過度な色彩表現をせずユーザーの負担にならない10企業カラーやロマンスカーの色をうまく利用している
時代に合ったデザイン性と表現方法になっている10パソコン画面は3コラム表示のオーソドックスなレイアウト
ターゲットが明確で不必要な情報にジャマされない20ユーザーが知りたいことを集約して情報にムダが無い
視覚・聴覚などを補助する機能がある10拡大機能は付いているが全体的に文字が小さめ
最適な情報レイアウト|合計65点
詳細な評価項目配点内容
デザインに流動性があってデバイスを選ばない10パソコン版で利用できるマイステーションなど便利機能がスマホ版には無い
無理の無いレスポンシブ設計になっている10スマートフォンでの見やすさに配慮があるが、情報構造がPC版よりも古い
視線移動を考慮したデザインになっている20該当する要素や興味を持ちやすい要素へのリンクが一覧表示されている
目的に合った情報の優先度が整理されている20リアルタイムに利用する機能が目につく場所に配置されている
不必要にバナーなどリンクが詰め込まれていない5営業用関連サイトバナーが目立つ
わかりやすいコンテンツ編集|合計100点
詳細な評価項目配点内容
図表が効果的に利用されている20鉄道路線図など見慣れた図から最寄り駅選択ができる
本文を全文読まなくても内容が理解できる20テキスト情報が少なく図表や案内図が主体
情報の鮮度や期限が明確に示されている20最新の運行情報や、過去の遅延証明証など容易に日別・時間帯別での選択が可能
検索操作に配慮がされている20ほとんどの情報がクリック操作で検索できる
問い合わせ・ヘルプ機能がユーザー視点20基本的にレアケースで起きるトラブルや疑問をFAQとしてまとめている
関連情報への導線|合計100点
詳細な評価項目配点内容
トップページから行きたい情報へ行ける20多くのユーザーが頻繁に利用するであろう機能がトップページにから用意されている
関連リンクから行きたい情報へ行ける20各駅情報など、関連情報が集約されていて、知りたい情報へ辿り着きやすい
重要な情報などへの導線や視認性が高い20ほぼページ内で解決するが、関連リンクで関係性のある情報に行ける
ボタンの名称や補足説明に配慮がある20明快でわかりやすいく、ほとんどのタイトルに補足説明がついている
現在位置がだれにでもわかる20全体に階層が浅く、1〜2クリックで目的情報に辿り着くため迷いにくい

小田急電鉄

8.3

わかりやすいナビゲーション性能

9.0/10

視認性の高いデザイン性能

6.0/10

最適な情報レイアウト

6.5/10

わかりやすいコンテンツ編集

10.0/10

関連情報への導線

10.0/10

このサイトの素晴らしい点

  • 多くのユーザーが頻繁に利用するであろう機能がトップページにから用意されている
  • 鉄道路線図など見慣れた図から最寄り駅選択ができる
  • グローバルナビを不要にする用途ベースのサイト構造
  • 各駅情報など、関連情報が集約されていて、知りたい情報へ辿り着きやすい
  • テキスト情報が少なく図表や案内図が主体

このサイトの残念な点

  • 拡大機能は付いているが全体的に文字が小さめ
  • パソコン版で利用できるマイステーションなど便利機能がスマホ版には無い
  • 営業用関連サイトバナーが目立つ

関連記事



ページ上部へ戻る