[Web, UI] スルガ銀行のサイトがなかなか素敵だ

Posted on 2010年9月27日. Filed under: 未分類 | タグ: , , , |

調べ物中にたまたま見かけたスルガ銀行のウェブサイト、トップページを見てUI(ユーザーインタフェース)が熟慮されている匂いがしたのでいろいろチェックしてみた。で、やはり結構素敵だったのでメモをシェア。

スルガ銀行
http://www.surugabank.co.jp/surugabank/

  • トップページ、メイン領域の「トピックス」「口座開設」「店舗ATM」などのドリルダウン型のナビゲーション、スクロールもページ遷移もなしに来訪者の数多くの注文をこの領域で効率的に捌いてる。このナビゲーションの役割の厚さは、ページというよりアプリケーションなみだ(ただし文字はもう少し大きくてもいいのでは? と思う)。
  • ヘッダーにある「カラー変更」ボタン、これ自体は目新しくないけど、切り替え後がちゃんと美しいのはいいことだと思う。
  • 「個人のお客様」「法人のお客様」配下のページでは、グローバルナビゲーション下に「ログオン」というボタンが出る。これをクリックするとオンラインバンキングのためのメニューが展開する。
    【例】資金運用商品|スルガ銀行
    http://www.surugabank.co.jp/surugabank/houjin/service/unyou/
  • 下層ページでは、コンテンツの最下部と、サイドカラムのメニューの終端に「前ページに戻る」というボタンがある。前者の場合、コンテンツを読み終わったら前のページへ、後者の場合、迷ったらここ押して直前のページへ戻ってね、というサポートができるのだろう。これいいなぁ。
    【例】店舗統合・移転のご案内|スルガ銀行
    http://www.surugabank.co.jp/surugabank/kojin/tenpo/tougou_iten.html
  • 「IA(情報設計)をちゃんとやってるな」と思うサイトでは、大抵検索機能も練られているいるケースが多い。試しにサイト内検索機能を使ってみると、キーワード入力ではインクリメンタルな検索語候補の表示、そして検索結果では、ヒットしたページのサムネイル付き(PDFも!)だ。
    スルガ銀行株式会社 | Search Result
    http://search.surugabank.co.jp/bizasp/index.php?corpId=atc070042&sg=1&sgNum=20&q=%E9%8A%80%E8%A1%8C+pdf&p=1&t%5B%5D=1
  • 「IA(情報設計)ちゃんとやってるな」と思うサイトは、サイトマップも一工夫してあることが多い。で、見てみると単にページ一覧ではなく、グランドナビゲーションにほぼ呼応するかたちで「個人のお客様」「法人のお客様」などのモード切り替えができるようになっていた。
    サイトマップ|スルガ銀行
    http://www.surugabank.co.jp/surugabank/common/sitemap/

以上、ざっと20分ぐらい見てのまとめだけど、ここまでちゃんとやってるサイトっていいなぁ。
ちゃんと投資しているスルガ銀行さんと、制作した会社さんを尊敬します。

Liked it here?
Why not try sites on the blogroll...

%d人のブロガーが「いいね」をつけました。