UX Movement (@uxmovement) 's Twitter Profile
UX Movement

@uxmovement

Become a master at user experience design
Substack Newsletter: uxmovement.substack.com

ID: 199168582

linkhttps://uxmovement.substack.com calendar_today06-10-2010 05:31:10

779 Tweet

21,21K Followers

0 Following

UX Movement (@uxmovement) 's Twitter Profile Photo

Your table filters have terrible UX if they are dropdown menus. Instead, the filters should be inline with the headers to reduce clutter and cognitive load. Read full article to learn more: uxmovement.substack.com/p/how-to-desig…

Your table filters have terrible UX if they are dropdown menus. 

Instead, the filters should be inline with the headers to reduce clutter and cognitive load.

Read full article to learn more: uxmovement.substack.com/p/how-to-desig…
UX Movement (@uxmovement) 's Twitter Profile Photo

Too many optional fields increase the cognitive load of your form. Instead, use toggle switches to reduce the cognitive load for faster form completion. Learn more in the article: uxmovement.substack.com/p/how-to-simpl…

Too many optional fields increase the cognitive load of your form.

Instead, use toggle switches to reduce the cognitive load for faster form completion.

Learn more in the article: uxmovement.substack.com/p/how-to-simpl…
UX Movement (@uxmovement) 's Twitter Profile Photo

Text-heavy tables take users more time and effort to scan. Highly visual tables offer a faster and more pleasant user experience. Learn how to turn your text-heavy table into a visual one by reading this article: uxmovement.substack.com/p/how-to-make-…

Text-heavy tables take users more time and effort to scan. Highly visual tables offer a faster and more pleasant user experience.

Learn how to turn your text-heavy table into a visual one by reading this article: uxmovement.substack.com/p/how-to-make-…
UX Movement (@uxmovement) 's Twitter Profile Photo

Most data table paginations are too complex to handle. Nobody likes clicking the "Next" button over and over, or scrolling through a "Rows per page" menu. Learn a more intuitive way to display a pagination of 100 data rows by reading this article: uxmovement.substack.com/p/how-to-displ…

Most data table paginations are too complex to handle. Nobody likes clicking the "Next" button over and over, or scrolling through a "Rows per page" menu.

Learn a more intuitive way to display a pagination of 100 data rows by reading this article: uxmovement.substack.com/p/how-to-displ…
UX Movement (@uxmovement) 's Twitter Profile Photo

How do you make sure users fill out your long page form? If it looks like a long page form, they won't. Instead, your form should engage and reassure users with a multi-step conversation. Learn how in this article: uxmovement.substack.com/p/why-multi-st…

How do you make sure users fill out your long page form? If it looks like a long page form, they won't.

Instead, your form should engage and reassure users with a multi-step conversation.

Learn how in this article: uxmovement.substack.com/p/why-multi-st…
UX Movement (@uxmovement) 's Twitter Profile Photo

Users don't always remember which option they used to sign-in. To help remind them, you can add a "Last sign-in" badge on the button so they don't sign in with the wrong option. Read full article: uxmovement.substack.com/p/7-innovative…

Users don't always remember which option they used to sign-in. To help remind them, you can add a "Last sign-in" badge on the button so they don't sign in with the wrong option.

Read full article: uxmovement.substack.com/p/7-innovative…
UX Movement (@uxmovement) 's Twitter Profile Photo

Most sign-up forms validate password requirements after submission. These errors require much time and effort to correct. Instead, validate the password field on focus so users can correct errors faster. Full article: uxmovement.substack.com/p/10-ux-practi…

Most sign-up forms validate password requirements  after submission. These errors require much time and effort to correct.

Instead, validate the password field on focus so users can correct errors faster.

Full article: uxmovement.substack.com/p/10-ux-practi…
UX Movement (@uxmovement) 's Twitter Profile Photo

Borders are great for distinguishing elements from one another, but using too many of them can make your UI look busy, cluttered, and harsh on the eyes. Instead, try using natural shading to distinguish elements and levels of depth.

Borders are great for distinguishing elements from one another, but using too many of them can make your UI look busy, cluttered, and harsh on the eyes. Instead, try using natural shading to distinguish elements and levels of depth.
UX Movement (@uxmovement) 's Twitter Profile Photo

Menus don't always have to be a traditional list. You can create a small hierarchy by horizontally aligning the top 3 items at the top. This allows users to find and perform common actions faster. Full Article: uxmovement.substack.com/p/how-to-simpl…

Menus don't always have to be a traditional list. You can create a small hierarchy by horizontally aligning the top 3 items at the top. This allows users to find and perform common actions faster.

Full Article: uxmovement.substack.com/p/how-to-simpl…
UX Movement (@uxmovement) 's Twitter Profile Photo

Pricing Table UX Failing to design your pricing table with optimal UX leads to a loss of sales. This is what a profitable pricing table looks like. Full Article: uxmovement.substack.com/p/how-to-simpl…

Pricing Table UX

Failing to design your pricing table with optimal UX leads to a loss of sales. This is what a profitable pricing table looks like.

Full Article: uxmovement.substack.com/p/how-to-simpl…
UX Movement (@uxmovement) 's Twitter Profile Photo

Mega menus require a high cognitive load to navigate. A new and better approach is to use bento box menus. They're more space efficient and help guide visual scanning. Learn why bento box menus have better UX: uxmovement.substack.com/p/bento-box-me…

Mega menus require a high cognitive load to navigate. A new and better approach is to use bento box menus. They're more space efficient and help guide visual scanning.

Learn why bento box menus have better UX: uxmovement.substack.com/p/bento-box-me…
UX Movement (@uxmovement) 's Twitter Profile Photo

Oracle's menu is large, complex, and hard to navigate. Designers need to stop using traditional menus, and start designing Bento Box menus. They are more intuitive, space-efficient, and easier to scan. Read the full article for more details: uxmovement.substack.com/p/how-to-simpl…

Oracle's menu is large, complex, and hard to navigate. Designers need to stop using traditional menus, and start designing Bento Box menus. They are more intuitive, space-efficient, and easier to scan.

Read the full article for more details: uxmovement.substack.com/p/how-to-simpl…
UX Movement (@uxmovement) 's Twitter Profile Photo

Floating form labels (infield top-aligned) cuts visual fixations in half compared to top-aligned form labels. As a result, users can scan and complete forms faster with a lower cognitive load.

Floating form labels (infield top-aligned) cuts visual fixations in half compared to top-aligned form labels.

As a result, users can scan and complete forms faster with a lower cognitive load.
UX Movement (@uxmovement) 's Twitter Profile Photo

There's a right and wrong way to design a file uploader. Learn how to do it the right way with a drag-and-drop zone: uxmovement.substack.com/p/why-your-fil…

There's a right and wrong way to design a file uploader. Learn how to do it the right way with a drag-and-drop zone: uxmovement.substack.com/p/why-your-fil…
UX Movement (@uxmovement) 's Twitter Profile Photo

Most forms use OnBlur to validate form fields. But this causes very slow and awkward input corrections. A far better validation is Debounce—users can correct errors as soon as they finish typing before leaving the field. Read the article: uxmovement.substack.com/p/debounce-a-f…

Most forms use OnBlur to validate form fields. But this causes very slow and awkward input corrections.

A far better validation is Debounce—users can correct errors as soon as they finish typing before leaving the field.

Read the article: uxmovement.substack.com/p/debounce-a-f…