background preloader

Web Form Design Patterns: Sign-Up Forms - Smashing UX Design

Web Form Design Patterns: Sign-Up Forms - Smashing UX Design
Advertisement If you want to maximize the revenue of your service you need to maximize completion rates of your web forms. Unless you have some revolutionary ideas to impress your visitors at first glance, it is not enough to simply enable users to sign up on your site. To make it possible for the service to reach a maximal exposure we, designers, need to provide users with a good user experience. However, designing effective web forms isn’t easy. But how exactly can we figure out these decisions? Below we present findings of our survey of current web form design patterns — the results of an analysis of 100 popular web-sites where web-forms (should) matter. Update: the second part of the survey results is now also published: Web Form Design Patterns: Sign-Up Forms Part 21. Sign-Up Form Design Survey We have selected 100 large sites where web-forms (should) matter2. We have focused on sign-up forms as we wanted to consider further crucial forms (e.g. checkout forms) separately. 1. 1.1. 2.

Why Your Form Buttons Should Never Say Submit by anthony on 01/05/11 at 10:27 pm When you see a Submit button on a form, what comes to your mind? One could easily reason that clicking the button submits the user’s information into the system for processing. A Submit button describes what the system does well, but it doesn’t describe what the user does at all. When users fill out a form, they are engaging in a task. A form button that says Submit gives users the impression that the form isn’t focused on a specific task. Your form button should describe exactly what the user is doing in their task. Although Submit buttons aren’t as prevalent as they once were, they still exist on forms today.

91 Trendy Contact And Web Forms For Creative Inspiration This article showcases modern and interesting contact/web form solutions found around the Internet. I also collected interesting ways how people decide to call their contact forms – get in touch, contact info, say hello, talk to me, say hey, connect, say “hi”, mail us and of course – contact us. My own personal opinion is, you should use Contact or Contact Us in your navigation, but supplement it with creative relate photos and styled text. Article is separated in 4 sections: Modern And Trendy Contact Form Solutions ( 40 Examples)Grungy, Vintage, Hand-Drawn Style Contact Form Solutions ( 16 Examples)Clean And Minimalistic Contact Form Solutions (18 Examples)Extremely Original and Creative Contact Form Solutions (15 Examples) I hope you’ll enjoy this article and get necessary inspiration and understanding how contact sections and forms can be created in appealing, clean and creative way. Modern And Trendy Contact Form Solutions ( 40 Examples) 1.Contact DigitalBase 2.Contact TVI Design 5. 9.

A Gmail Lab That Makes Life Easier: Canned Responses I’m always on the lookout for tools and strategies to deal more efficiently with the overwhelming number of emails I get each day. Here’s something that’s helped out lately: Gmail’s Canned Responses. Canned Responses lets you create a template for an email response that you write often, then import that response into your email with one click. So, for example, I often get emails from Brazen Life fans (a blog I manage and edit) asking how they can contribute guest posts. With Canned Responses, I save myself from having to write that email over and over. How’s that for saving precious minutes? Here’s what Canned Responses looks like in my email: I’ve also created a Canned Response for passing on press releases and another that says I’m traveling and will respond when I can (for my Nicaragua trip next month — I’ll send that note selectively rather than using an autoresponder). So how do you add Canned Responses to your email arsenal? Would love to hear your ideas in the comments!

InDesign CS5 & CS5.5 * Export content for EPUB (CS5) Export text You can save all or part of an InDesign story in file formats that you can open later in other applications. Each story in a document exports to a separate document. InDesign can export text in several file formats, which are listed in the Export dialog box. You can save sections of commonly used text and page layout items as snippets. Using the Type tool , click in the story you want to export.Choose File > Export.Specify a name and location for the exported story, and select a text file format under Save as Type (Windows) or Format (Mac OS). Exporting content for the web To repurpose InDesign content for the web, you have several options: Dreamweaver (XHTML) Export a selection or the entire document to a basic, unformatted HTML document. Copy and paste Copy text or images from the InDesign document and paste it into your HTML editor. Adobe PDF Export a document to Adobe PDF and post the PDF on the web. Flash (SWF) Flash (FLA) Digital Editions (EPUB) What gets exported General options

10 Different Creative Commons Projects That You Should Definitely Pay Attention To What we would do without open access on the web? Probably dole out a substantial portion of our incomes on consuming and sharing content. Thankfully, the spirit of sharing has been kept alive (and encouraged) by Creative Commons among other things. Creative Commons broken down to its basic core are a set of flexible copyright laws that allows creators and authors maintain ownership of their works while giving everyone else a chance to enjoy and share it. Creative Commons has succeeded in championing the cause of open content. Let’s take a look at five Creative Commons projects that could give you great content to look over and share for the price of a credit byline. Flickr – The Commons Flickr is one of the most well-known faces and probably the largest sources when it comes to Creative Commons licenses. The large content of Creative Commons content has evolved into a separate portal of its own – The Commons. Looking for another cool photo site with CC content? Xkcd Boing Boing YouTube

Convert PDF to Word Free Online 2-Step Verification Protects You From Hackers Did you know that Google offers 2-step login verification for Gmail accounts? The feature has been around a while, and now Google has written a reminder for all users who need an extra layer of security for their Gmail account and other services connected to it. In addition to logging into Gmail with your email and password, with 2-step verification you'll have to go through the added trouble of entering a code Google will send to your phone. This will "approve" the computer you're currently logging in from for 30 days, so you don't have to do this every time you log in. If you have a smartphone, you can also generate the code on your phone using the Google Authenticator app. Yes, entering an additional code is somewhat of a nuisance, but it would also greatly complicate matters for anyone who has gotten a hold of your password. To enable 2-step verification for Gmail, go here.

Why Your Links Should Never Say "Click Here" Improve your startup’s surveys and get even better data Startups frequently use surveys as a cheap and easy way to get feedback from users. But the resulting data will only be as good as the survey itself. I often see products with surveys that have easy-to-fix mistakes like misleading questions, improper sampling, and skewed rating scales. That’s a shame — these teams could be collecting better data and making better decisions if they just paid a bit more attention to survey design. There are plenty of places to learn about survey design. But if you’re at a startup, you probably don’t have time to wade through a bunch of academic articles. When to use a survey Before designing your survey, think about the questions you want answered, and decide if surveys are the right tool for the job. Surveys are great when you want to… Track changes over time — See what changes before and after a feature launch.Quantify issues seen in user studies — We know [x] is a problem for some users, but how many? But surveys are not very good at… Survey basics

Related: