background preloader

Idées / Conseils

Facebook Twitter

40 Eye-Catching Registration Pages. It’s incredible the amount of sites that have acquired a bad taste for web form design.

40 Eye-Catching Registration Pages

A good registration form is assertive, and collected, however a great registration page is clean and offers a creative edge that forces you to take a second glance at the design. Some of the pages listed below were chosen for their attention demanding illustrations, while others because of their cleanliness and ease of usability. When a visitor registers on your site, it’s because they have been convinced of how beneficial it will be to register. With this being said, if your registration area provides a dull design, then you’re more likely to turn away the attention of your visitor. 30 Examples of Sign-Up Web Forms for Design Inspiration. The design and usability of sign-up forms for web apps and websites is crucial because it can have a huge effect on conversion rates.

30 Examples of Sign-Up Web Forms for Design Inspiration

In this web design showcase, you’ll be seeing some excellent sign-up web forms from various websites. Perhaps you can find some inspiring elements that you can apply in your next web form design project. Carbonmade TestFlight Nike+ Dashboard CulinaryCulture Basecamp Virb Ballpark Gowalla Gauges Creditable Brightkite Grooveshark Tumblr Build It With Me Vimeo Verify dailymile IntuitionHQ Twitter Zootool Wishlistr Wufoo Discountbox Mint. 20 Great Sign Up Form Examples to Learn From. Sign up forms come in many different shapes and sizes.

20 Great Sign Up Form Examples to Learn From

Some are a single field, others are a multi-step process that stretch over several screens. Today we’ll take a look at 20 attractive and functional forms to see if we can find any useful ideas that you can apply the next time you’re building a sign up form. 300 Pixels Several of the examples we’re going to look at today come from beta sign up forms like this one. Typically these pages just provide a teaser graphic and little to no information about what the site will actually be.

I really like the 3D button graphic and how it animates when you click on it. Another cool thing about this page is that it makes great use of image sprites. TestFlight The smooth and simple style on this one is just beautiful. This is actually an important usability aspect. Creditable I love the way this one sort of just floats in the ocean.

CertTime Modal windows are always cool. The IdeaLists Pulley. Login / Registration Form: Ideas and Beautiful Examples. All throughout the modern web, we are seeing a growing amount of places for user input.

Login / Registration Form: Ideas and Beautiful Examples

These include shopping carts, interactive web games, and most certainly website registration forms. It seems that not only should designers be focusing on page design, but form aesthetics are also equally vital role. Consider how many forms you may have filled out over the course of your Internet history. There are countless examples of these from forums, message boards, blogs, and so many more. In this article we’ll be taking a look at some great tricks to designing your in-page forms.

It is wise to consider some of the items here from an objective perspective. Consider Multiple Inputs To start things off consider a small contact form from Foundation Six Web Design. Each of the input fields offer room for you to type personal contact info – name, e-mail, etc. Tips for Mobile Design by @lukew (avec images, tweets) · bombayhustle. Andrew Beckwith » Design Freebie:Flat UI Elements PSD. I’ve recently seen amazing design that follows the current trend for ‘flat design’.

Andrew Beckwith » Design Freebie:Flat UI Elements PSD

I’ve also produced an article showing some of my recent favourites – you can check it out here. Here’s a PSD fo you to maybe use in your own project. Most of the elements are editable vector masks so you can scale them up or down to your heart’s content. I ask nothing in return but it would be awesome if you’d be kind enough to share this article via your preferred social network. Please be awesome and share this… 10 Sites de qualité pour trouver l'inspiration graphique. Innovative Techniques To Simplify Sign-Ups and Log-Ins - Smashing Magazine. Advertisement There are many ways to design sign-up and log-in forms.

Innovative Techniques To Simplify Sign-Ups and Log-Ins - Smashing Magazine

Most designers are familiar with the conventional ways. But understanding and applying a few innovative techniques could make your forms simpler and more efficient to fill out. In this article, we’d like to present a couple of new ideas that might be useful for your next designs. Please notice that before using these techniques, you should make sure that they make sense in the context in which you are going to use them. Simplifying Sign-Ups The purpose of every sign-up form is for users to complete it successfully and send it in. Ask for a User Name After The User Has Signed Up Sign-up forms typically ask users to create a name that is unique to the website. Require Users to Type Their Password Only Once Many sign-up forms ask users to type their password in two different fields.

In reality, though, this allows for greater error, because it forces users to type more. jQuery Plug-In for Masking Passwords1 Conclusion. Showcase of Buttons in Web Design. Button design is usually a subtle element to a web design, but it can have a significant impact on the overall look and usability of the site.

Showcase of Buttons in Web Design

In this post we’ll showcase a variety of types and styles of buttons. Hopefully this showcase can provide you with some inspiration and ideas for your own work. Looking for hosting? WPEngine offers secure managed WordPress hosting. You’ll get expert WordPress support, automatic backups, and caching for fast page loads. 20 listes pour Webdesigners.