Filters are powerful user interface patterns, streamlining user journeys and driving engagement by increasing efficiency and content discovery. We explore UI filter design, providing insights and best practices to help you design user-friendly patterns, including examples from leading tech companies and how they simplify the user experience through filters. Key takeaways: Design intuitive filters and
(…)UXPin Blog — Design Studio
-
-
What is Data Driven Design and How to Use it?
Data driven design is a method of making design decisions based on data collected by designers. It has a great potential of perfecting design in a way of fulfilling user needs and keeping them happy. Let’s learn all about it. Discover how UXPin can enhance your data driven design process with the world’s most advanced
(…) -
Website Structure 101 with Examples
According to a study on health sites, 94% of first impressions are design-related. If you don’t have a defined website structure, you may lose users to the websites with well-thought-out UI. The look and feel of a website significantly impact a user’s perception of credibility and trustworthiness. A website structure helps users to navigate sites
(…) -
A Hands-On Guide to Mobile-First Responsive Design
Learn mobile-first design with this lesson created by a web designer with 20+ years experience. See the process complete with instructions and examples.
-
Best Design Conferences in 2024
One of the best things about being a part of the design community is that most designers love to exchange ideas, spread knowledge, and share their experiences regardless of their seniority level. You can be a starting designer or an established thought leader, and it’s almost a given that you find a design conference that
(…) -
Web Design Process – A Step-by-Step Guide from Planning to Post-Launch
A well-structured web design process is essential for creating user-friendly, engaging websites that effectively communicate your brand’s message. Whether you’re a designer, developer, or business owner, understanding the website development process can save time, reduce costs, and ensure a seamless collaboration between teams. To streamline this process, UXPin offers a powerful solution: UXPin Merge. With
(…) -
HTML vs CSS – Web Development Foundations in 2024
HTML and CSS are the core technologies behind every website, each serving a unique purpose. HTML, or Hypertext Markup Language, provides the structure and content, laying out the framework for a webpage. CSS, or Cascading Style Sheets, is responsible for styling and layout, bringing your HTML to life with colors, fonts, and layouts. Understanding the
(…) -
How to Design a Product Page – A Quick Tutorial
Designing an effective product page is essential for any eCommerce site or online store. It’s where customers make their purchasing decisions, so every element needs to be thoughtfully crafted to ensure a seamless user experience. A well-designed product page can significantly impact conversion rates, helping turn casual browsers into loyal buyers. In this quick tutorial,
(…) -
What are Design Specifications?
In the world of digital product design, a seamless design handoff is crucial for ensuring that the vision crafted by designers is accurately brought to life by developers. Yet, this phase can often be fraught with miscommunication, inconsistencies, and inefficiencies. UXPin provides a unique platform that integrates design and development like no other. Whether you’re
(…) -
React vs Web Components – Which Is Best for Your Project?
As web development increasingly moves toward component-based architecture, two powerful technologies often dominate the conversation: React and Web Components. But when it comes to deciding between React vs Web Components, how do you know which is the best fit for your project? React is widely used for building dynamic, interactive user interfaces, thanks to its
(…) -
Design System Naming Conventions – How to Set Them
Design system naming conventions are the standardized rules and guidelines used to name elements within a design system. This includes naming design tokens, components, patterns, styles, and any other elements that are part of the design system. A well-defined naming convention is crucial for maintaining clarity, consistency, and ease of use across both design and
(…) -
Design System Tips from Developer’s Point of View
Today we’re sharing a guest post by Nick Moore that originated from collaboration with StackBlitz. Build code-backed prototypes and open them in StackBlitz in one click. Request access to UXPin Merge. If you know how to ride a bike now and wait five years to ride one again, you’ll likely do just fine once you
(…) -
Responsive Design for UXPin Merge – What is Frames?
Try out Frames that allow you to preview and test how your prototype works on different devices and screen sizes – without any extra design work!
-
7 Pillars of Web Design – A Beginner’s Guide
So you wanna be a Web Designer huh? I mean why not? After all, everything is on the web … As of writing this article 100 Million+ companies have an online presence through their websites. But AI is here! Does that mean Web Design is dead? Not at all! AI is changing the game, yes.
-
Does the Hamburger Menu Make Mincemeat of UX Design?
The hamburger menu looks as tasty as it sounds. It’s a design-cum-navigation element, now on almost all apps, that comprises three horizontal lines. It looks like a hamburger. Picture something like this: Bun, patty, bun. If you squint, it kind of looks like the Spotify logo: The UX designer’s hamburger menu saves time and space
(…)
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