Forms. [ Transcript Available ] Touchscreen devices are commonplace. It’s now expected that your mobile experience work as well as, if not better than, your desktop experience. With faster connection speeds, cameras, GPS, gyroscopes, and accelerometers, we can deliver information to users in new ways. But we can also receive information from them as well.
Forms. Many sites are designed to convert visitors into users by getting them to create an account. The sign-up form is the last hurdle a soon-to-be user needs to jump over, and it’s crucial that you make that hurdle as low and non-threatening as possible. In this post I will provide design suggestions for solid sign-up forms for web services and applications.
Forms. Error messages seem like an unimportant and incredibly boring part of crafting a user experience. But the tonality of error messages can swing the experience around from an almost certain abandonment to a conversion. Some years ago, while checking in at the airport in Stockholm on my way to the U. S.
Forms. Despite being nearly ubiquitous online, username and password login screens are wrought with usability and security issues. Here's a small sample of how bad things are. The average person has between 7 and 25 accounts that they log into every day. (source)People report authenticating about 15 times in a typical work day on average.
Featured
E-commerce. There’s a usability issue so common that I’ve lost count of the number of times I’ve seen customers stumble on it. At first glance it might not be an obvious usability issue, but years of user testing and user research later it proves to be a problem for a large proportion of users across a broad spectrum of profiles.
Forms. By now, most designers should know that top aligned labels allow users to fill out forms faster than left aligned labels. This makes sense when you read and understand why and the research that verifies this fact. If that reason alone isn’t enough to convince you to use top aligned labels, here are a couple more reasons why they work best for most users. Better Field Zooming for Mobile Users Think about mobile users who fill out forms.
Forms. The country selector. It’s there when you create an account for a new Web service, check out of an e-commerce store or sign up for a conference. The normal design? A drop-down list with all of the available countries.
Forms. Contrary to what you may read, peppering your form with nice buttons, color and typography and plenty of jQuery plugins will not make it usable. Indeed, in doing so, you would be addressing (in an unstructured way) only one third of what constitutes form usability.
Featured
Forms. There are many things you can do to improve the design of Web forms. But what can you do to really boost conversion? Here’s a few case studies that illustrate how the removal, clarity, and even indication of requirements can have a real impact on form conversion.
Forms. The free crib sheet is available as a . PDF . graffle or . PSD Forms, forms, forms, often overlooked when it comes to design.
Forms. By Mike Hughes Published: September 19, 2011 “When I find myself designing an application that is complex, either in terms of its length or its logical dependencies, my natural instinct is to take a wizard approach. But … breaking up a task into smaller steps does not always provide a better user experience. ” Many applications must gather information from users. At their simplest, such transactions employ dialog boxes or brief forms.
Forms. Filling out forms are painful when they’re time-consuming. A form that’s efficient to fill out can save users time. But it can also save companies a lot of money. A few seconds saved on a form can end up saving companies millions of dollars a year in reduced labor costs.
Forms. What happens when a website puts their login fields in the upper corner of the home page? Users can easily mistake the login fields for a site search box and get confused. The upper area of the home page is not a good spot for login fields because it’s where users often go to do site searches. Search boxes in the upper corner is a consistent user interface pattern found across web browsers, websites and applications.
Forms. By Greg Nudelman Published: August 23, 2011 “Though date filters are among the hardest and most time-consuming controls for people to manipulate, many user interfaces stubbornly fail to retain the information they have so painstakingly provided or safeguard them from inadvertently making errors.
Forms. Typing is easy for most users when they do it on a computer. But when they do it on a mobile device, it’s harder for them because they can’t see all the keys on a keyboard at once. Most mobile operating systems have designed separate keyboards optimized for specific form field inputs to make users’ lives easier.
Forms. For many of us, logging into websites is a part of our daily routine. In fact, we probably do it so often that we’ve stopped having to think about how it’s done… that is, until something goes wrong: we forget our password, our user name, the email address we signed up with, how we signed up, or even if we ever signed up at all. These experiences are not just frustrating for us, but are bad for businesses as well.
Cases. I read a lot of design articles about best practices for improving the flow of sign-up forms. Most of these articles offer great advice, such as minimizing the number of steps, asking for as little information up front as possible, and providing clear feedback on the status of the user’s data. If you’re creating a sign-up form, you could do worse than to follow all of these guidelines.
Forms. Nothing turns users off more than a long and complicated form. There are many ways designers can simplify their forms to make them faster and easier to fill out. Using top aligned labels on your form fields is one way. Replacing your text field CAPTCHA with a lighter one is another.
Forms. Caroline Jarrett I met Caroline Jarrett in 2010 in Lisbon Portugal, where we were both speaking at a conference. Caroline is a usability consultant in the UK, and she specializes in designing forms. She has a great book, Forms That Work. In this podcast Caroline and I have a fun conversation about designing usable forms.
Forms. Many user interfaces have more than one button. But not all the buttons are of equal importance. Some are primary to the user’s task and some are secondary. To make this distinction clear, you have to use visual weight.
Forms. Many websites offer a search function that enable users who know what they’re looking for to find content without having to browse. This saves users time and effort. However, what doesn’t save users time and effort is a search function that looks complicated to use. Websites that use the Go button for search create an ugly and noisy mess that does users more harm than good.
Forms. [Note: This article was also published on SmashingMagazine: Innovative Techniques To Simplify Sign-Ups and Log-Ins] There are many ways to design sign up and login forms. 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.
Books. The book "Forms that Work - Designing Web Forms for Usability" by Caroline Jarrett and Gerry Gaffney is a must read for all usability experts dealing with business applications and online forms. I would also recommend it for developers interested in these topics.
Forms. 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.
Forms. Too often the first step in using a Web application is filling in a Sign Up form. In my Sign Up Forms Must Die! presentation at the Warm Gun Design Conference in San Francisco, I outlined three alternatives that can get people started in more engaging ways. Check the Sign Up Forms Must Die! presentation page to download slides and watch video from my talk. Tags: forms, user experience, interaction design, social software.
Forms. One of my core design principles is that, when a designer tackles a new problem, they start by trying the simplest thing that could possibly work. Once you get that into users’ hands, you’ll discover whether the simple thing works. You might have gotten lucky, and can move on — or else you’ll learn what users really want (as opposed to what you thought they wanted) and your next iteration will be much better.
Forms. This week A List Apart published a new article with the results of recent testing I worked on with Etre looking at the performance of dynamic inline "accordion" forms. Here's what we learned. Testing Accordion FormsAccordion forms use dynamic interactions on a single web page to hide and reveal sections of related questions as people go through the process of completing a form.
Defensive Design. Anyone designing a form will eventually come across the problem of: 1) when to validate the form data which the user has entered, and 2) how to provide the user feedback on fields that don’t meet the validation criteria. Many approaches have been tried for the second problem, but I think the first problem—when to validate the data and provide feedback—could use more consideration.
Forms. We all know how important form validation is. Users must provide required information, users must provide information in specific format, user must.
Featured
Forms. Twitter recently redesigned their sign-up process to boost new user engagement. Though the new sign-up process added one more screen, conversions went up 29%. How? Gradual engagement. Gradual engagement is the process of moving a user through an application or service – actually engaging with it, and seeing it's benefits.