Card UIs appear in many digital products, websites, and enterprise applications. Understanding card layout, visual hierarchy, and basic best practices are crucial for designing great card user interfaces. This article explores card user interface design, the anatomy of cards, common use cases, and design inspiration for your next project. Design, prototype, and test card UIs
(…)UXPin Blog — Design Studio
-
-
Footer Design – Best Practices Together with 6 Examples
Website footers are essential UI patterns. They guide visitors to important content while providing an excellent opportunity to add business value and connect with new customers. This article explores website footer design, do’s and dont’s, expert examples, and best practices to inspire your next web project. Prototype UI designs at higher fidelity and advanced functionality
(…) -
Web Accessibility Checklist – 28 Points You Must Comply With
There are loads of web accessibility guidelines designers and engineers must follow when designing a website or application. It can be overwhelming to digest them all or know when to use the different levels. This article simplifies the official web content accessibility guidelines with a web accessibility checklist for designers. We also explain the difference
(…) -
Accessibility UX Best Practices – 8 Tactics for Web Design
Designing for accessibility is a crucial part of modern web and app design. Designers must combine UX and accessibility best practices to build inclusive user experiences. This article explores web accessibility, why it’s important, and eight essential best practices designers can apply to their workflows. Built-in accessibility means designers don’t need additional tools to test
(…) -
Single-Page vs. Multi-Page Web Design – Pros & Cons
Single-page vs. multi-page website design is one of the first decisions designers weigh for a new website project. Sometimes the answer is obvious–like if the project needs a blog or an eCommerce store with more than one product. But with many projects, the answer isn’t that simple. Designers must evaluate business goals, and user needs
(…) -
Material Design Icons – Building Blocks of Web and App Design
Material Design is one of the most popular design systems. If you own an Android device, you use Material Design daily. Many companies use the Material Design System as a foundation for building mobile and web applications. The system’s comprehensive component library and resources, including Material Icons (now Material Symbols), give organizations and startups the
(…) -
9 Experts Share Examples of Great App Design
When you look at the apps that have hit thousands, if not millions of downloads (and boast thousands of happy reviews!), you might wonder: is there an ‘it’ factor they all share? Among others, whether an app has a high download and retention rate comes down to great app design. Namely, there are certain UI/UX
(…) -
16 Timeless Web Navigation UI Patterns
Navigation UI design plays a significant role in a website’s aesthetics, functionality, and user experience. Designers must design a navigation UI experience that benefits business and user needs. This article explores 16 web navigation patterns, with tips on applying these and when to use them. We also provide examples so you can model the success
(…) -
Brand Consistency – Check How You Can Boost it with Design
UX design has a significant impact on brand consistency. A product’s visual aesthetic and usability are often the first thing people notice and, therefore, must relate to the brand and create a strong first impression. Brand consistency in UX design goes beyond using a brand logo, correct colors, and fonts. Designers must create an experience
(…) -
Website Design for Higher Conversions – A Quick How-To Guide
It takes 50 milliseconds for visitors to form an opinion about your business from your website’s design. A poor user experience creates a negative sentiment resulting in high bounce rates and conversion loss. Understanding UX design’s impact on a website’s conversion rate is key to removing potential roadblocks, creating business value, and delivering a higher
(…) -
List Design 101 – A Short Guide for Beginners
We see lists in just about every application we use daily. The contacts in your phone, CRMs, email inbox, tasks apps, and social media apps all contain lists. List design is a crucial part of mobile app and web design projects, where designers must research and test the best ways to display content to users.
(…) -
Web Design Tools for Fast and Efficient Design
Building a website is more accessible than ever. There are tons of web design tools catering to everyone, from newbies to professional designers and developers. We’ve put together a list of the best website design tools and we organized it into three categories (feel free to jump to the section that best describes your web
(…) -
What is npm?
Many programming languages use packages to build and scale websites, software, and other digital products. These packages allow engineers to extend a project’s functionality without writing and maintaining additional code. This article will explain these terms from a designer’s perspective, so you get a basic understanding of how packages work and why engineers use them.
-
Web Design Inspiration – A Curated List of 6 Sites
If you’re looking for web design inspiration for your next project, then look no further. We’ve scoured the internet to find the most inspirational web design trends in 2022. Whether you’re building your site on Webflow or using a WordPress theme, this article features several inspirational web design ideas for your new website. 6 Website
(…) -
The Ultimate Guide to An Effective UI Design
Did you know that as many as 88% of users will not come back to an app or site after just one bad experience? This only goes to show the importance of UI design, which goes way beyond aesthetics and has a crucial impact on user experience. In the following guide, we’ll cover everything you
(…)
UXPin is a product design platform used by the best designers on the planet. Let your team easily design, collaborate, and present from low-fidelity wireframes to fully-interactive prototypes.
Start your free trial