Stream

Max Kiesler's entrance page and activity stream from all my blogs

Blog Archives

All of the posts from Max's main blog

DesignDemo

Demos of web interface and interaction design

Vizlist

View all of our media

mHub

Ajax, rails and other coding examples & how-to's

Labs

My personal work, or work in progress

About

Learn more about Max

News

Stay up to date with Max

Latest DesignDemos

Wayfaring’s Login System

Sunday, February 19, 2006


Visit the Wayfaring website

Taking the time to go to another page to login to a website has always annoyed me. Inline login boxes are fine, however they do take up real-estate. One of the most exciting new features I've seen in AJAX are new login conventions. Wayfaring uses a login system that may have been inspired by Jalenack's original periodic table of the elements, which was first shown at the initial AJAX summit held in San Francisco California. This technique has been used many times since however, I think this is a particularly effective application of the AJAX popover. Their front page design is a little bloggeresque but I like the login box. It is a very nice variation on this type of theme. Finally, I must say, the green is stunning.


Blog: DesignDemo - (4) Comments
Tags: ajax login systems

Erik F. Kastner  on  02/21  at  08:35 AM

I think the Popover is overused on most sites (esp. with the new library), but this is a great use of it. I am concerned that these will be the new popups for ads.


max  on  02/21  at  08:50 PM

Hi Erik,
Thanks for the comment. I couldn’t agree more.


Rock  on  04/25  at  06:53 AM

Hi… very nice… im a web programmer and i’d like to see the implementation.. could u plz tell me where i can get this…

Rock
Inspired by AJAX


Bernhard Kappe  on  06/19  at  10:17 AM

The Wayfaring login gets it half right:  The login form does not require you to go to another page, but when you click the login button on the form, the form disappears, but the home page reloads.  With Ajax, you shouldn’t have to do this.  Take a look at http://blogs.pathf.com/agileajax/2006/06/example_gwt_app.html for a GWT example of how to do this.


Post a comment

Name:

Email:

Location:

URL:

Remember my personal information

Notify me of follow-up comments?

Submit the word you see below:


Stuff

Subscribe

  in a reader
  by email

    

About

Max Kiesler is an award-winning strategic designer and co-founder
and principal of Ideacodes.com, a web consultancy in San Francisco focused on next generation websites. About Max...

My Latest Twitter

07-04 2:13
Looking at flights for our next trip to Oahu. Maybe September 20th to the 30th on the north shore. Our favorite place in the world. :)