There are so many Storybook tutorials that it’s difficult to know which is best for your needs. We’ve summarized the five best Storybook tutorials to help get you started with this component-driven development technology. Take UI components directly from Storybook, Git or through npm and drag n’ drop the coded components to create your layout
(…)UXPin Blog — Design Studio
-
-
Game UX — Blending Game Design and User Experience
The video game industry is a fun and exciting place for UX designers passionate about art, creativity, design innovation, and, of course, gaming. Game UX designers work on diverse projects, creating UIs and interactions to enhance the gaming experience. This article is for UX designers looking for an introduction to game UX and the various
(…) -
Bring Fluent Design System for React into UXPin with Storybook
Open-source design systems offer an opportunity to develop high-quality products at a rapid pace. By solving foundational usability and accessibility challenges, organizations can focus on product development and solving problems. Fluent UI is an open-source design system favored by companies developing enterprise products. The comprehensive component library allows organizations to build apps for the Microsoft
(…) -
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
(…) -
User Analysis – Best Methods to Get Quality Insights
A user analysis provides the foundational research for a project. Design teams use this research to guide design decisions, identify opportunities, get stakeholder buy-in, practice empathy, and prioritize the project roadmap. Understanding the components of user analysis and how to combine the results to create actionable insights is crucial for designing a successful product that
(…) -
Landing Page UI – How to Ensure User Friendly Design
Whether you design an ecommerce store or a simple website, landing pages are essential part of web design. They are often the first point of interaction between a potential customer and a brand. And you know what they say about first impressions – you can only make them once! Therefore, in terms of landing page
(…) -
UX Design Principles That Will Have Your Users Smiling
There are many important UX design principles organizations must consider when building products. These UX principles complement the design thinking process, placing the user at the center of all decision-making. This article looks at 16 UX design principles organizations can use to build better products. UXPin’s advanced prototyping and testing features allow design teams to
(…) -
What Are Storybook Args and How They Improve Your Storybook
In recent times, there has been an increased focus on having a pixel-perfect UI that is not only visually stunning but also fulfills the requirements of the user effectively. This renewed focus on UI has resulted in a massive growth in tools, frameworks, and environments that aid this movement. Storybook is one such tool that
(…) -
Storybook Best Practices That Will Improve Your Product Development Process
Storybook integration with UXPin makes it easier than ever for you and your team members to build digital products from a UI library of approved, interactive components. Better workflow and more effective product development? Here it comes. Request access to UXPin Merge and instead of drawing UI components to create a layout, import the ones
(…) -
Storybook Frameworks You Can Use to Build Component Libraries
Building component libraries can make UI development efficient and failure-proof. Some of the advantages of making a component library include: UXPin offers Storybook integration. Try it now to build interactive layouts of your app. Storybook for React React is a JavaScript library with plenty of benefits. We’ve posted about our appreciation for React features like:
(…) -
Storybook Design System: It’s Time to Reap Its Many Benefits
Since you’re here, there’s a good chance that you have used our design-with-code Merge technology to build fully functional prototypes. (If you haven’t taken that step yet, try for free our Storybook integration.) Recently, we took a giant leap forward by releasing an integration with Storybook. We don’t want to assume that you know a
(…) -
How to Design an Unforgettable Splash Screen that Delights Your Users
“You never get a second chance to make a first impression” that’s how the saying goes. This applies to interacting with new people and when users experience your application for the first time. Research shows that it takes 50 milliseconds for users to decide whether they are going to stay on your app or leave.
-
How to Import Your Components into Storybook and Use Them in UXPin
We’ve recently released our Merge-powered integration with Storybook that allows you to bring Storybook components to UXPin editor and design with them, keeping all the interactions available in Storybook. It helps break down the design and development silos and finally, let product teams use the single source of truth. It’s the second integration (we also
(…) -
Try Storybook Integration: Say Goodbye to Design-Dev Inconsistencies
Just a few weeks ago, we wrote about our game-changing Storybook integration, which helps designers and developers break the silos and improve the UI consistency by using code components when building prototypes. Based on our Merge technology, the integration lets you harvest the power of code, use it to build advanced prototypes faster and massively
(…) -
UXPin and Storybook Integration is Here!
There are many ways for product teams to achieve greater efficiency and consistency in the design handoff. At UXPin, we believe that smooth communication between designers and developers is one of the most important factors in setting up an efficient and scalable DesignOps process for your business. In the ideal world, both designers and devs
(…)
Search Results for: user story
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