Designing a responsive form, 20 inspirational solutions

Go to Source

thumbnailWith so many new mobile phones, tablets and other devices coming out every day, designers have to be prepared to make common functions easy to do on these devices. The usual approach to this is responsive design. However, what some of us are still trying to figure out is how to use responsive design for things other than viewing.

Forms are one of the most common elements on the Web, without them the conversation is only going one way. Forms are used for purchasing, contact, and so much more. It’s vital that the forms you produce are equally functional across the full range of devices, from smart phones to desktops. Mastering the art of making these types of functionalities small yet user friendly can be a task.

Today, we’ve found a few responsive web sites that do a great job in keeping their forms both intact and useful not just on desktop, but on mobile too.

Theme Foundry

Designing a responsive form, 20 inspirational solutions

 

Emporium Pies 

Designing a responsive form, 20 inspirational solutions

 

Samuel Mealing

Designing a responsive form, 20 inspirational solutions

 

Awesome NYC

Designing a responsive form, 20 inspirational solutions

 

Ola Kvernberg

Designing a responsive form, 20 inspirational solutions

 

Symbolset

Designing a responsive form, 20 inspirational solutions

 

Built Things

Designing a responsive form, 20 inspirational solutions

 

World Meeting Time

Designing a responsive form, 20 inspirational solutions

 

Oscar

Designing a responsive form, 20 inspirational solutions

 

Moving Things

Designing a responsive form, 20 inspirational solutions

 

Nest

Designing a responsive form, 20 inspirational solutions

 

Yellow Marshmellow

Designing a responsive form, 20 inspirational solutions

 

Kin

Designing a responsive form, 20 inspirational solutions

 

Retr.io

Designing a responsive form, 20 inspirational solutions

 

Svkariburnu

Designing a responsive form, 20 inspirational solutions

 

Kingshill Cars

Designing a responsive form, 20 inspirational solutions

 

Stuff & Nonsense

Designing a responsive form, 20 inspirational solutions

 

Humaan

Designing a responsive form, 20 inspirational solutions

 

Ony 

Designing a responsive form, 20 inspirational solutions

 

Cafe Evoke 

Designing a responsive form, 20 inspirational solutions

 

How do you prefer to design responsive forms? Are there any other elements harder to make responsive? Let us know your thoughts in the comments.

Create Picture-Perfect Portraits With Beautune – only $14!
Designing a responsive form, 20 inspirational solutions

Source