Forms are at the center of every meaningful interaction, so they’re worth getting a firm handle on. That’s why we published Form Design Patterns, a new printed book about accessible and well-designed web forms. With the new Form Design Patterns book, you will go through common real-world problems step by step, and learn how to design simple, robust, lightweight, responsive, accessible, progressively enhanced, interoperable and intuitive forms that let users get stuff done no matter what. And by the end of the book you’ll have a close-to exhaustive list of components delivered as a design system that you can use immediately in your own projects. Jump to table of contents or get the book right away.
Read more…
We’re happy to announce Adam Silver’s new book Form Design Patterns. In this excerpt from the book, Adam takes a look at the foundational qualities of a well-designed form and how to think about them.
Read more…
Good functional animation makes a landing page not just more appealing, but also more usable. When done correctly, animation can turn a landing page from a sequence of sections into a carefully choreographed, memorable experience. Today, Nick Babich brings you Slides, a framework that will help you use animation to communicate clearly. In this article, Nick will provide the best examples of animation created using the Slides framework.
Read more…
Privacy is a fundamental human right that has become one of the most illusive and least understood topics of the Internet. However, the time is coming for change, and it’s up to us whether that’s going to happen willfully or through regulation. In this article, Joe Toscano will explain exactly why making these changes is so critical to the success of your business and how you can make the changes that need to be made in a way that also positively impacts your bottom line.
Read more…
Whatever website you want to create, whether it be a landing page, an online store or a personal blog, your goal is to make the content and design work together harmoniously and play off each other. With Tilda, it’s become much easier to achieve that harmonious balance. In this article, Nick Babich will show you how Tilda differs from other website builders and how it helps you focus on what you know and love, without having to think about technical stuff — because you often don’t have time to learn technical things.
Read more…
The mobile web is a booming place right now, which means web designers are spending lots of time trying to figure out how to win over this particular class of users. One way not to do that? Dark patterns. While your company may get some superficial and short-term gains in the process, nothing good will come from it in the long-run.
Read more…
Collaborating on office documents is a solved problem. Collaborating on code is still a pretty difficult thing to do. That’s because sharing just code isn’t enough. In order to really collaborate, a developer needs to be able to share their whole environment. VS Live Share is a new service that lets you do exactly that, and you might be surprised at just how much sharing you can actually do.
Read more…
Automated accessibility testing is a process where you use a series of scripts to test for the presence, or lack of certain conditions in code. These conditions are dictated by the Web Content Accessibility Guidelines (WCAG), a standard by the W3C that outlines how to make digital experiences accessible. Automated accessibility tests are a great resource to have, but they can’t automatically make your site accessible. Use them as one step of a larger testing process. Today, Eric Bailey will take a deep look into accessibility testing.
Read more…
In order for a product to succeed, designers should know their competition and collect as much data as possible. This data helps to create a solid product that users will actually want to use, rather than a product we want or imagine. Competitive analysis is one of the ways to get this data and to create a user-friendly product. No prior knowledge of the topic is needed because in this article, Mayur Kshirsagar will be explaining what the term means and how to perform a competitive analysis as you go.
Read more…
Users can be hesitant to fill out forms. That is why it is our goal as designers to make the process of filling out a form as easy as possible. The primary goal with every form is completion. Two factors have a major impact on completion rate: Perception of complexity and Interaction cost. In this article, Nick shares some techniques that can help you design effective forms. He will help you cover many aspects related to structure, input fields, labels, action buttons and validation.
Read more…
