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…
This is the second part in a series on enhancing mobile forms for users. In the first part, we saw some general guidelines on how to improve form readability for mobile users, label placement and size, interaction cost and dealing with errors. HTML5 has brought us a lot of really cool features to help users fill in mobile forms and format their data, so today, Stéphanie Walter will show you in detail how HTML5 attributes can help you with that.
Read more…
Looking to establish a robust design process for a distributed team? It’s not as difficult as you may think. If you’re a team manager who is looking to establish a robust design process for a distributed team, then this article for you. Here Nick Babich brings you seven of the most common challenges distributed product teams should overcome and how a team-management tool called “monday” can help.
Read more…
As designers, we have a real opportunity to provide valuable meaning to these assistants but we’re still trying to work out where the technology can add real benefits to the user. There are folks all over the globe who are unable to easily complete everyday tasks for themselves. Luckily, developers and designers can help by experimenting with voice technology that empowers them to complete tasks that others may take for granted.
Read more…
Onboarding is a real challenge as it can be complex, involving the user entering personal information. In this three-part series, Joe Leech outlines the three phases of the product lifecycle, the future for UX, and the skills and approach you’ll need to design modern digital products. Let’s take a closer look at how we can help users to sign up, onboard, and pay for your product.
Read more…
Do you test your forms on real users and real devices? If not, you should. Let’s take a look at some of the techniques that can help you take your forms to the next level and help users fill them in. In this first part of a series of two articles, Stéphanie Walter will sum up some essential best practices to improve your mobile forms, including scannability and readability. She will guide you through label and input placement, size and optimization.
Read more…
In Google’s never-ending journey to make the web a mobile-friendly place, we now have even greater insights into the four key reasons why consumers reach for their mobile devices. These are known as micro-moments, and this post aims to teach you how to design for micro-moments to increase website conversion rates.
Read more…
What happened in the web industry in the past four weeks? To keep you up-to-date, Anselm summarizes the latest techniques, browser updates, and hot topics in one handy reading list.
Read more…
In this article, William Lim describes the effect of scroll bouncing and how it works on different web browsers. It contains reviews of several different solutions that are suggested on the web that can be used to prevent scroll bouncing. The CSS property, overscroll-behavior, which was implemented in Chrome on December 2017 and in Firefox on March 2018, is also described here. A good understanding of this effect is very helpful for building or designing any website that has fixed elements.
Read more…
Gutenberg was introduced to the world by Matt Mullenweg at WordCamp Europe in 2017. In essence, Gutenberg is a new WordPress editor, with dozens of cutting-edge features. It simplifies website creation and editing for the average non-technical user. Today, Manish Dudharejia brings you an in-depth analysis of the new Gutenberg Editor and its impact on the WordPress web development. You’ll learn a few hands-on tricks that will prove useful especially if you are using Gutenberg for the first time.
Read more…