Sign Up Design Essentials

Signing up is like a commitment to a product. When users are not feeling it there yet, they don’t want to commit their mailbox to it, because they know it will come back and haunt them right after they sign up. I’ve even heard of one user asking “Don’t really want to sign up for notifications how can I purchase it with no catches” about our FREE video services.

Some products immediately ask you to give all your personal information right after you launch it. Does this sound like a first date is asking your about your bank account? How could users commit to a product without knowing what benefits they could get from it?

Wonder how much users are hating sign ups? Well you can check out the top product’s introduction on Product Hunt this month.

Screen Shot 2018-03-01 at 10.57.50 PM.jpg


However, not every boss is ok with your “No signups required” approach, I would assume. Today I want to talk about how to convert visitors to users, how to make people commit to your product at the first place.

  • Make the value of your product stand out

First but not least, you need to build a product of value. Google didn’t set out to build a business model. They set out to do a better search. At the end of the day, a product is used by users instead of investors.

You need to convey the value of your product to users. What pain points are you solving? What services are you offering? Are they free or what their pricing is?

You can simply use a sentence, bullet points, a gif, or a short video to introduce yourself to users.

Group 11.png

It would also be very helpful to let users try your features out first then they can decide if they want to sign up.

  • Make Sign Up Form the star of the page

As I mentioned above, your value should be crystal clear on Sign Up page. But keep this in mind, the ultimate goal of this page is still signing up. While there are a lot of techniques we can use on Sign Up Page, make sure the Sign Up Form is the star on the whole page.

It doesn’t have to say literally “Sign Up”. As we are seeing on a lot of websites, to make the CTA as clear as all the benefit you can get from the website, the CTA are sometimes actual actions.


Besides these, there are also some small techniques which you can use:

(1) Mention free

Humans love free services. “Free forever”, “Unlimited free”, “Absolutely free” can always bring a smile. Even if your services have a price, it’s better not to ask users for credit card to sign up during the free trial period, which would make users feel they don’t need to be obligated to your product. I always prefer design going along with user’s mindflow, not eagerly trying to tie them to the product.


(2) Build trust

People trust other people’s recommendation. Real words from other users are more powerful than copywriter’s professionally “eye catching” sentences.

Group 15.png

Another way to build trust is to show users who you’ve been working with. If big brands trust you, there is no reason a small startup or a single person wouldn’t trust you.

(3) Guarantee safety

Data privacy is always a big topic in this digital era. A lot of websites are now using one click sign up, which is signing up through other platform. Letting users know what you will do with their account and what you will not do will make them feel safe about giving their personal data on other platform to you.

UI Practices

I started my UI challenge at the end of this August. You can take a look at them!

Read More