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
-
-
Form Input Design Best Practices
Form inputs allow users to engage with digital products, brands, and other users. Choosing the appropriate input field and structure is crucial for designing a good form UX so users can complete tasks efficiently. This article looks at individual input elements, the problems they solve, and how UX teams use them. We also provide tips
(…) -
What are Interactive Components? Bring your Prototypes to Life in UXPin
Interactions are vital for prototyping because they provide usability participants and stakeholders with a realistic user experience. The problem many designers have is building interactive components is time-consuming, and the results are underwhelming in most design tools. Discover component-driven prototyping with UXPin Merge and how you can use interactive components to create fully functional prototypes
(…) -
Using a Single Source of Truth with UXPin Merge – dotSource’s Case Study
We partnered with UXPin users dotSource to demonstrate how an agency working on multiple products, each with its own design system, leverages Merge technology to create a single source of truth between design and development. Create a single source of truth for your product’s design system with UXPin Merge. Visit our Merge page for more
(…) -
How to Turn Your Design System into an npm Package?
Merge’s npm integration gives design teams more control to import fully functional component libraries from the npm registry. The benefit of designing prototypes with a component library is designers get full functionality and fidelity without writing a single line of code! If you’re unsure what any of this “npm stuff” means, don’t worry, this article
(…) -
Dashboards vs. Data Reports – Which is Better For Your User?
Many designers ask when trying to come up with the best way of presenting data: Are we designing a dashboard or report user interface? As with everything in product development and UX design, it depends on the user’s needs! Understanding the difference between dashboards vs reports is crucial for presenting the right data visualization to
(…) -
How to Use UXPin Merge Patterns? A Quick Tutorial
A product and its design system are ever-evolving projects. As the product scales, designers must create new UI patterns and components to meet business goals and user needs while solving usability challenges. UXPin’s Patterns allow design teams to combine existing Merge components with standard UI elements to create new UI patterns and save them to
(…) -
How to Import Ant Design to UXPin? An npm Integration Guide
Component-driven prototyping significantly improves user testing while providing stakeholders with realistic product design expectations. UXPin’s npm integration enables design teams to use open-source component libraries to design fully functioning, high-fidelity prototypes. Get on board the code-based design revolution with UXPin’s Merge technology and npm Integration. Discover more about component-driven prototyping that maximizes the use of
(…) -
What is Component-Driven Prototyping?
Component-driven prototyping is the next iteration of user experience design. Designers no longer design from scratch, and engineers write less code. The result? Better cross-functional collaboration, faster time-to-market, superior consistency, fewer errors, better testing, meaningful stakeholder feedback, and smoother design handoffs. Sound too good to be true? All of these benefits are possible and more
(…) -
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
(…) -
How to Prototype a Dashboard?
We often associate dashboard design with enterprise products. But dashboards are everywhere, including social media applications, games, and even our mobile devices. These dashboards show users critical information in a succinct visualization that’s easy to digest. Let’s explore dashboard UI design and prototyping plus some best practices to ensure you create amazing dashboard user experiences
(…)
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