A sidebar navigation with a few items is simple to design. All you have to do is display them in a list with relevant icons. But what do you do when you have multiple large-scale item groups to display? The typical approach uses disclosure arrows to collapse each item group with an accordion functionality. However, […] The post How to Handle Large-Scale Item Groups in a Sidebar first appeared on UX Movement ..read more

Designers must stop using multi-level sidebar navigation. Grouping many items and subitems together in a small space creates visual clutter. As a result, users have trouble finding items when they navigate. For example, a sidebar with a navigation hierarchy with three levels will display many text labels. Users navigating between levels can easily misinterpret which […] The post A Better Approach to Multi-Level Sidebar Navigation first appeared on UX Movement ..read more

There’s a reason most websites use a top navigation bar. On a website, content is king, so you need as much width space as possible to display everything. But for web applications, navigation is king. Users aren’t trying to explore content but rather complete tasks efficiently. If your app doesn’t have optimal navigation, users won’t […] The post The Best Location for Navigation Items on Web Apps first appeared on UX Movement ..read more

Website search bars have a serious problem. Research has found that 69% of users go right to the search bar when visiting an online store. However, 80% will abandon the site when the search experience fails to meet their expectations. Their biggest frustration is receiving irrelevant search results. Why do users often end up with […] The post How to Design a Smart Search Bar Experience first appeared on UX Movement ..read more

There are long forms, and then there are massive forms. A form with over a hundred fields is a different beast because you can’t divide them into pages and call it a day. Additional UX techniques are necessary to make the form faster and easier to complete. For instance, this loan application form contains 104 […] The post How to Simplify a Massive Form With Over 100 Fields first appeared on UX Movement ..read more

80% of users have abandoned an online form after beginning to fill it out (source). Chances are you’re losing more users on your form than you know. The only way to turn this around is to build a form that delivers a smooth and easy user experience. That’s where Zuko Form Builder can help. Data-Driven […] The post Zuko Form Builder: Build Forms with High Conversion Rates first appeared on UX Movement ..read more

Many websites attract users to their home page but lose them on the form. Low conversation rates occur when there are too many fields to fill out. Users don’t want to spend that much time and effort without getting an equal exchange in value. Most companies need to get the necessary information from users, so […] The post How to Make Users Fill Out the Longest 13 Field Form first appeared on UX Movement ..read more

Imagine having a book that helps you design an excellent UX for form input and selection. This book would comprehensively list all the dos and don’ts you should follow for every form component. You’ll never have trouble solving a design problem on your forms again. That’s what this book, “Dos and Don’ts for Form Input […] The post Dos and Don’ts for Form Input and Selection first appeared on UX Movement ..read more

How well do you display data to your users? If all you do is present it in a “Field: Value” format, you’re not providing a pleasurable viewing experience. Instead, you’re creating extra visual work that can cause them to misread information. To illustrate, the example below displays data in a “Field: Value” format. Not only […] The post A Better Way to Display Data Than “Field: Value” first appeared on UX Movement ..read more

Does your website or app have any toggle components? If it does, it’s essential to understand how to use them correctly so you don’t confuse users when they configure settings. A common mistake is to mix binary logic with toggle segments. In other words, designers will include “On/Off” options in the component. Not only that, […] The post How to Simplify the Most Confusing Toggle Segments first appeared on UX Movement ..read more