search :

archive :



« Flickr APIを使ってフォトギャラリーを作るチュートリアル | トップ | TwitterとWordPressを連携するツール7 »

サインアップフォーム ログインフォーム 一体化

_Web Service | November 15, 2009, 16:07
はてなブックマーク

ログインフォームとサインアップフォームを一体化するテクニック

Leah Culver's Blogで、ログインフォームとサインアップフォームを一体化するテクニックが紹介されています。

↑の画像を見てもらうとわかるんですが、

  • メールアドレス(ユーザー名)とパスワードは共通
  • 「I have an account」にチェックを入れると「Log in」ボタンに切り替わり、パスワード忘れのリンクを表示
  • 「I'm new!」にチェックを入れると「Sign up!」ボタンに切り替わり、利用規約へのリンクを表示

といった仕組みになっています。

ログインフォームとサインアップフォームを分けなくていいので、シンプルで使いやすそうですね。

参考に、HurlAmazonの例が載っています。見てみると、確かにAmazonもこういうインターフェースになっていることに気づきますね。

フォーム作成の参考にしてみてはいかがでしょうか?

Log in or sign up?

Editor's Note

昨日はまたブログ書けなかった。。一旦落ち着いたから書きまくろう、、かな。渋谷でまったりしております。

Trackback URL :

プロフィール

プロフィール

WEB制作・ブランディングを主軸とした、株式会社クリーム代表取締役。

案件につきましては、「お問い合わせページ」からお気軽にご相談ください。

Recommend

  • Josef Muller-Brockmann: Pioneer of Swiss Graphic Design
  • Who Owns The Water?
  • Helvetica: Homage to a Typeface
  • Corporate Diversity: Swiss Graphic Design and Advertising by Geigy, 1940-1970
  • Typography (Graphic Design in Context)
  • +81 voyage or Tokyo Graphic passport World Tour---At Center Pompidou in Paris and 3331 Tokyo
  • WONDERWALL ARCHIVES 01

archive :