マネックスグループ株式会社

手始めに第４回アックゼロヨンで入賞されたWebサイトからベンチマークしてみようと思います。図々しくも評価軸まで真似しちゃってます。拙い文章、分析でお恥ずかしいですが、見逃してやってください。ご指導ご鞭撻よろしくお願いします。

デザイン

白を基調とし、ブランドカラーを上手く引き立て、インタラクション効果を高めている。例えば、メインナビゲーションを始め、リンク関連は全て同色のアイコン、ボタン、背景色、フォント色で統一されている。金融関係のWebサイトは、堅実さや信頼性を表現する為、堅い印象になりがちだが、マネックスでは角丸や、イメージを利用することで「らしさ」を上手く訴求出来ていると思う。

情報構造

想定ユーザーの中で、最もプライオリティが高い(と思われる)「株主・投資家」に対して、適切なアーキテクチャが提供されている。例えば、株価情報などリアルタイムな情報に関しては、常にローカルエリアに表示させている。IRライブラリなど、定期的に知りたい情報に関しては、トップページから最短の遷移で済むように設計されている。ブラウジングした限りでは、3回のクリックで全ての情報を閲覧することができ、それ以上の詳細な情報に関してはJavascriptのギミックや、アンカーリンクなどで上手く回避している。

ユーザビリティ

大見出し、外部リンク、PDFなどにアイコンを使用し、学習しやすさを向上させている。その他には、ほぼ全てのページに印刷用ページがある、FAQでは回答の一覧表示の切り替えが可能であったりと抜け目がない。アクセス情報では、通常のマップに加えてGoogleマップへの外部リンクを用意している。iPhoneなどのデバイスで閲覧した際に有効なのでは、と個人的には思う。

アクセシビリティ

最近のWebサイトでは定石となっている文字サイズ変更ボタンが採用されている。テキストサイズを変更しても、テキストとページが適切に表示され、柔軟性のあるレイアウト設計が成されいる。また、ニュースリリースのカテゴリを示すアイコンは、色情報のみでなくテキスト情報も内包しており、色障がいを持つユーザーへのアクセシブルな配慮が成されている。