Should you use a vertical or horizontal card for your content? Many designers struggle to answer this question because they don’t understand the differences between the two card types beyond layout and orientation. Eye Fixations and Saccades The right card choice depends on several factors. If you’re using large images to communicate information, a horizontal […] The post Vertical vs. Horizontal Cards: Which Are Better? first appeared on UX Movement ..read more

Buying gifts for your friends and family is a stressful task. There’s always a fear of getting them something they don’t like or want. On top of that, there’s the risk of buying things in the wrong size. What if there was a feature that could remove all these stresses when you’re shopping for gifts? […] The post The Design Process for Creating a New Ecommerce Feature first appeared on UX Movement ..read more

There’s a structure and order to creating UI components. You must break the component down into anatomical parts to understand this structure. When you design alerts, it’s essential to follow the proper anatomy to ensure they’ll look and function how users expect. Modal Alert A modal alert is not the same as a modal window […] The post The Proper UI Anatomy for Alert Components first appeared on UX Movement ..read more

What’s the right alert message to use for your app? It’s crucial to pick the right, or you’ll hurt the user experience. There are three types of alert messages you can choose. Banner Alert Modal Alert Toast Alert Personal preference should never decide which one you choose. What determines which alert type is the most […] The post The 3 Types of Alerts and How to Use Them Correctly first appeared on UX Movement ..read more

What’s the right alert message to use for your app? It’s crucial to pick the right, or you’ll hurt the user experience. There are three types of alert messages you can choose. Banner Alert Modal Alert Toast Alert Personal preference should never decide which one you choose. What determines which alert type is the most […] The post The 3 Types of Alerts and How to Use Them Correctly first appeared on UX Movement ..read more

Interfaces and users communicate with each other through input and output. Input is where the user enters information into the system through a form or clicks a button. Output is where the system displays alert messages and notifications in response to the user’s actions. Communicating with the user is not as simple as displaying information […] The post The 4 Tones of Alert Messages and Notifications first appeared on UX Movement ..read more

Getting high user engagement on messaging forms is quite the challenge. Sometimes users aren’t sure how to respond to a message. Thinking about what to say requires a high cognitive load that can cause mental strain. In one case, a classified ads app that allows users to sell their used items is having trouble getting […] The post Lower Cognitive Load on Forms with Input Chips first appeared on UX Movement ..read more

Seeing errors upon submitting a form discourages users from continuing their tasks. You should always limit the possibility of errors if you can. One way to do this is to disable the submit button until the user fills out every data field. This way, the user won’t trigger errors by accident. Instead, the only errors […] The post Payment Flow UX: Submitting and Processing Orders first appeared on UX Movement ..read more

Entering credit card information is a task that can afford no error. Users are more careful and sensitive with their input. However, a poorly designed credit card form is error prone and will cause frustration no matter what. The following best practices will guarantee your form meets user needs. Credit Card Cues Users need to […] The post Payment Flow UX: Entering Credit Card Information first appeared on UX Movement ..read more

Making online payments is a sensitive task for most users. It involves them handing over their money, so any friction along the flow can cause them to abandon the checkout. When designing an online payment flow, you must make the user experience seamless to reduce as much friction as possible. The first step in the […] The post Payment Flow UX: Selecting a Payment Method first appeared on UX Movement ..read more