Aditya Kothadiya's Blog

Entrepreneurship, programming, design, productivity, books, philosophy and more.

Archive for the ‘UI’ tag

Movable and Actionable Signup Flow

View Comments

I really liked how Rypple.com has implemented movable and actionable signup flow. For most of the web-services, we see these links to make our signup action as an easy process – “Learn More”, “Signup for Free”, or “Take a Tour”. Now a days these links are shown in big boxes or buttons to make them more visible and prominent, such that you can see them very clearly and take the signup action quickly.

But most of the times, these links appear at the top section of the screen when you land up on that page. Generally to learn more about that web-service, you tend to scroll down to see what features they provide, what their existing customers said, etc. When we scroll down, the links to take signup action are lost from our visibility. And the purpose of making them more visible is no longer applicable unless you remember those big buttons and decide to scroll up again to signup.

I liked how Rypple has fixed that problem. They made those signup buttons movable. If you scroll down, those buttons also scroll down. If you scroll up again, they will also scroll up again. Basically they will just stay with you all the time as shown below -

When you land up on front page -

Signup buttons after landing on front page

When you scroll down -

Signup buttons after scrolled down

It’s a very clever way to make sure those actionable buttons are never lost from your visibility. You see that button all the time so chances might be higher that you’ll not forget to signup. Also, if you’ve scrolled down, Rypple has made your job even easier by removing the need of scrolling up again to just signup. I’m sure they must be seeing some increase in number of signups using this clever signup flow.

Suggest if you have seen such clever signup flows.

Written by Aditya

September 23rd, 2009 at 7:07 pm

Posted in Design

Tagged with , , ,