ナビゲーションをスキップする

コンテンツナビ
  • H2O Space. Co.,Ltd.
  • aquanotes Shop.
  • ちゃんとWeb
  • H2O Space. BLOG
  • aquanotesβ place
  • Recently Ajax

Home > 「04.注目サイト」内の記事一覧

「04.注目サイト」内の記事一覧

[テクニック] とにかく大きくて目立つボタン - goo

図:gooのスタートボタン

ポータルサイト「goo」といえば、「教えてgoo!」や「gooブログ」など、使いやすいツールなどが盛りだくさんのポータルサイト。

そんなgooのコンテンツを見ると、とにかく大きくて目立つボタンが表示されます。これは、gooをブラウザのスタートページに設定するためのボタン。ボタンもWebのボタンではなく、現実のボタンを模しているため、ついうっかり押したくなります。

便利なインターネット生活へのスタートボタン。ちょっとぽちっとしたくなりますね。

[テクニック] ログインIDを忘れた人に、目につきやすく目立ちすぎない吹き出し - マネックス証券株式会社

図:マネックス証券のログイン画面

ログインを必要とするWebサイトの場合、どうしてもパスワードなどを忘れがちで、ついログインするのが面倒になったり「リマインダ」を探すのに戸惑ったりします。

そこで、マネックス証券株式会社ではトップページに、かなり目立つデザインで「ログインIDを忘れた方へ」というコーナーが設けてあります。しかし、画面の外に吹き出しのように表示されているため、非常に目につきやすいのに目立ちすぎない絶妙な演出になっています。

ログインボタンを押して、いざ入力画面が出てから、パスワードが分からないことに気がついた・・ では、ストレスがたまってしまいますが、初めから「お久しぶりのお客様へ」と迎えてくれると、ついクリックしてログインしてみたい気になりますね。
お客様視点のサイト制作の、すばらしい例です。

[テクニック] クリックでその場で問い合わせのできるインタフェース - ソシオメディア株式会社様

東京都新宿区のデザインコンサルティング会社「ソシオメディア株式会社」のWebサイト。

全体的に Ajaxをふんだんに利用して、美しい演出とデザインを施しています。
なかでも注目するのは、画面右上の

「問い合わせ」ボタン。通常、このようなボタンはクリックすると問い合わせ画面に移動します。

画面:ボタン押下前

しかし、このサイトではそのまま画面上部に問い合わせフォームが登場して、すぐに問い合わせ内容を記入することができます。

画面:ボタン押下後

お問い合わせをしたい時というのは、どこかのページを見て製品が気になったとか、ある言葉が分からないとか、「そのページ」であることが重要なことがあります。そんな時、画面が移動してしまうと顧客は内容を覚えておかなければならなかったり、改めて戻ってみたりしなければなりません。

しかし、このインタフェースなら、直感的に問い合わせをすることができて非常に便利。問い合わせ率の向上にも繋がっているのではないでしょうか。
Ajaxをうまく活用した良い例ですね。

» ソシオメディア

Home > 「04.注目サイト」内の記事一覧

page top