A blog layout refers to the structure and organization of content on a blog — a webpage that features various types of content, from paragraphs of text to high-quality images or eye catching graphics. Blog content can be about company updates, how-to manuals, personal stories, and more. From a design perspective, a blog is often
(…)UXPin Blog — Design Studio
-
-
DesignOps – How to Improve Your Design Workflow and Operations
With the fierce competition on the market, hiring top design talent is no easy feat. However, bringing a group of experienced, skilled people into one place is only part of success. Among others, to build a thriving product design team you must also invest in design operations (also known as DesignOps). We’ve written a whole
(…) -
What is React and why use it for your app?
Designing an app is complicated at the best of times, so anything that will make it simpler is always welcome. That’s where React comes in. What is React? It is a library of JavaScript code and components designed to make the creation of user interfaces easier. As an open-source framework, it has been used to
(…) -
Four persona examples for UX/UI design
As UX/UI designers, we have to keep in mind that we’re creating a product for real people. A user persona is a perfect tool to humanize our research data. We’ll look at some UX persona examples later. When we say the target user is women 35-60 years of age, our brains read it as numbers
(…) -
Unity in Design – Basic Design Concepts Revisted
Unity in UI design is the cohesive arrangement of different elements within a user interface to create a visually harmonious and coherent experience for the end user. It involves organizing interface components such as buttons, icons, text, images, and other graphical elements in a way that they appear to belong together and form a unified
(…) -
15 Timeless Prototyping Articles for UX Practitioners
Prototyping is one of the most useful UX practices available. Rather than showing your static design, prototypes are the living design. Luckily, there’s no shortage of advice online, so if you’re looking for some quick reads on prototyping, check out our favorites below. Still reading articles without practicing prototyping? Start creating with one of the best
(…) -
10 UX UI Design Trends that Dominate 2024
AI in design, animated icons, cross platform UX are some of the most exciting 2024 UX and UI design trends. Our research has also noticed an interesting UX UI trend toward larger screens, with Instagram improving its desktop experience to accommodate the growing demand. Create high-quality, fully functioning prototypes to test your UI design ideas
(…) -
Angular vs React vs Vue – Which Framework You Should Use
As a developer, you definitely heard about Angular, React, and Vue and the constant discussions and comparisons around which one is better. Of course, all three of them are used for building web, mobile apps, and fast development of UI through the use of components. However, that doesn’t mean they are the same as Angular
(…) -
8 Best Design System Examples in 2024
Design system is a set of components, rules, style guides, and documentation used to build a coherent and on-brand interface of a product. Most brands create their own design system and we prepared a list of eight most popular design systems that you can learn a lot from. Those and other design systems can be
(…) -
What is a Front-End Engineer?
Front-end engineers play a crucial role in shaping the visual and interactive aspects of software applications, contributing to the overall success of the product. They are the ones who develop the user interface and user experience of websites and web applications, ensuring they are visually appealing, interactive, and optimized for performance across various devices and
(…) -
Engineering KPIs — Key Performance Indicators for Your Engineering Team
Key Performance Indicators, or KPIs, in engineering are essential metrics used to evaluate the performance and effectiveness of development processes, projects, and teams. By paying close attention to those indicators, engineering teams can assess their performance, identify areas for improvement, and deliver robust, scalable, and secure products that meet user needs and business objectives. Meet
(…) -
NextJS vs React — Which One is Better for Web Development?
Next.js and React are related but serve different purposes and have distinct features. React in the context of Next.js is the foundational library used to build the user interface components, while Next.js provides a framework with added features and conventions for building React-based web applications. Design interactive interfaces without pushing pixels. Bring your coded components
(…) -
Responsive Design vs. Adaptive Design: What’s the Best Choice for Designers?
Google has always recommended responsive web design (RWD), especially after rolling out a big update on 4/21/15 which ranked mobile-friendly sites higher. It doesn’t specify in the update that you must use responsive design though, just that a site be accessible on mobile, with good UX and performance. With that in mind, let’s examine the
(…) -
Figma to React — Best Plugins and Alternatives
The transition from design to code is a challenge for many product teams. Figma is the cornerstone of many design processes, but translating its visual elements into interactive React components is a complex and often tense task for designers and developers. Let’s explore the Figma-to-React conversion process, evaluate top plugins, and unveil an alternative to
(…) -
What Are Design Tokens?
The design system revolution of the last decade has brought with it all sorts of tools and strategies to enhance product development workflows. Design tokens are one of those tools many design systems, including Google’s Material Design 3 and MUI, have adopted to make UI elements easier to implement, manage, and update. Import your design
(…)
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