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.

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.

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.

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.

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.