Content - UX Movement https://uxmovement.com Fri, 16 Jun 2023 19:19:16 +0000 en-US hourly 1 https://wordpress.org/?v=4.9.23 https://uxmovement.com/wp-content/uploads/2019/02/cropped-uxmovement-site-icon-32x32.png Content - UX Movement https://uxmovement.com 32 32 The Formula for Perfect Corners on Cards https://uxmovement.com/content/the-formula-for-perfect-corners-on-cards/ https://uxmovement.com/content/the-formula-for-perfect-corners-on-cards/#respond Fri, 09 Jun 2023 22:22:11 +0000 https://uxmovement.com/?p=33020 What makes cards aesthetically pleasing are the corners. When the corner radius of the inner element is concentric to the corner radius of the outer element, the nested elements have a harmonious relationship. However, when the corner radiuses aren’t concentric, the cards can look and feel grotesque. This effect occurs when users view the cards […]

The post The Formula for Perfect Corners on Cards first appeared on UX Movement.]]>
https://uxmovement.com/content/the-formula-for-perfect-corners-on-cards/feed/ 0
Card Slicing: A Simple Method for Designing Better Grid Layouts https://uxmovement.com/content/card-slicing-a-simple-method-for-designing-better-grid-layouts/ https://uxmovement.com/content/card-slicing-a-simple-method-for-designing-better-grid-layouts/#comments Thu, 04 May 2023 15:46:18 +0000 https://uxmovement.com/?p=32996 Most designers use a basic grid for their page layout. The grid displays content in boxes that are all uniform in size, shape, and style. However, this doesn’t always give the best user experience. To create a more appealing and engaging layout, you should use the card slicing method. A drawback of basic grids is […]

The post Card Slicing: A Simple Method for Designing Better Grid Layouts first appeared on UX Movement.]]>
https://uxmovement.com/content/card-slicing-a-simple-method-for-designing-better-grid-layouts/feed/ 1
Why Your Cards Should Have Multiple Variants https://uxmovement.com/content/why-your-cards-should-have-multiple-variants/ https://uxmovement.com/content/why-your-cards-should-have-multiple-variants/#comments Tue, 18 Apr 2023 21:13:07 +0000 https://uxmovement.com/?p=32990 Your product catalog page is frustrating users, and you don’t even know it. Chances are you’re using cards to display your products, but the cards all look the same. Having only one card type isn’t good because it creates a limited, one-dimensional browsing experience. A one-dimensional catalog page causes users to sift through each card […]

The post Why Your Cards Should Have Multiple Variants first appeared on UX Movement.]]>
https://uxmovement.com/content/why-your-cards-should-have-multiple-variants/feed/ 2
Why Your Cards Need a Footer for Metadata https://uxmovement.com/content/why-your-cards-need-a-footer-for-metadata/ https://uxmovement.com/content/why-your-cards-need-a-footer-for-metadata/#comments Tue, 11 Apr 2023 21:20:05 +0000 https://uxmovement.com/?p=32987 List format is a popular way to display data, but it’s not ideal for cards. Users need to scan cards to find what they’re looking for fast. If all they see is a list of data, it’ll be hard for them to recognize what makes each card different. Every card has a hierarchy of data. […]

The post Why Your Cards Need a Footer for Metadata first appeared on UX Movement.]]>
https://uxmovement.com/content/why-your-cards-need-a-footer-for-metadata/feed/ 1
How to Design a Responsive Layout for Your Cards https://uxmovement.com/content/how-to-design-a-responsive-layout-for-your-cards/ https://uxmovement.com/content/how-to-design-a-responsive-layout-for-your-cards/#respond Mon, 03 Apr 2023 20:25:43 +0000 https://uxmovement.com/?p=32983 A designer’s work doesn’t stop when they finish designing a UI card. They still have to make the cards responsive on every device. If they aren’t responsive, users won’t get a consistent content experience which can decrease their engagement. Making your cards look beautiful across all platforms requires working with developers in a few areas. […]

The post How to Design a Responsive Layout for Your Cards first appeared on UX Movement.]]>
https://uxmovement.com/content/how-to-design-a-responsive-layout-for-your-cards/feed/ 0