Quantcast
Channel: UI Design — SitePoint
Browsing all 15 articles
Browse latest View live

Image may be NSFW.
Clik here to view.

A Guide to Positive Reinforcement in UX Design

We love to point out others’ mistakes. However, what about providing positive feedback when a user completes a critical action? Often, applications lack positive feedback mechanisms that contribute to...

View Article


8 Cross-Browser Testing Tools You Need in 2022

First off, what is cross-browser testing? Cross-browser testing is the formality of testing web applications and websites in all of the common web browsers that users use today — this ensures that we...

View Article

How to Improve User Experience with Accurate User Feedback

For every action on the Web, there should be a reaction. Feedback might tell a user if the action was successful or not, but ideally it will tell them more, such as what to do next or why an action is...

View Article

Image may be NSFW.
Clik here to view.

An Introduction to Wireframing with Figma

In this article, we'll explore what wireframing is, and why it's worth doing it with Figma — the most-used UI design tool on the market today. We'll take a deep dive into Figma, and learn how to design...

View Article

How to Create a Color Palette for Your Design System

A color palette is one of the most important aspects of a design system. Designers can use them to create a visual hierarchy, define emotions, and create a unified look and feel. This article will...

View Article


Web Typography: Establishing a Strong Typographic System

Setting up the typography for any new project is always a complex task. There are literally hundreds of tweakable variables, and it’s very easy to spend endless hours adjusting sizing, line heights,...

View Article

UI Design Inspiration: Do You Think About Your Textures?

It’s a little over ten years since ‘flat design’ became the default and dominant design style – and with good reason. After all the glossy surfaces and shadows of ‘web 2.0’, we all needed design...

View Article

Getting Started with Lottie.js

About 10 years ago web animation was in big trouble. Adobe Flash was dying but there was still no obvious replacement. We needed a fast, easy-to-author, web-friendly format capable of staging...

View Article


5 Web Design Trends to Watch in 2023

A new year is typically a time for new ideas, approaches, or ways to make life a little better or more enjoyable. For web designers and users, improved ways to design websites is always high on the...

View Article


Image may be NSFW.
Clik here to view.

Creating a Custom Button Icon in Figma

Iconography is a lost art. Illustration is super time-consuming, and there’s an abundance of resources out there already. So it’s not always worth reinventing the wheel. But we may need a specific art...

View Article

Quick Tip: Removing the Background from an Image in Figma

A few years ago, it was still normal to use Photoshop for certain tasks, such as removing the background from an image, but that’s not really the case any more. We can do a lot more with UI design...

View Article

Image may be NSFW.
Clik here to view.

Quick Tip: Pull Data from an API into a Figma Layer

Pulling data from an API into a Figma Layer is one of the coolest, most useful things we can do using Figma. If we were working on a mockup for Airbnb, for example, and we wanted to insert apartment...

View Article

Aligning Teams for Effective User Onboarding Success

In this article, we'll look at the optimal conditions for onboarding that ensure a new product will have the best start in life and that it will truly serve end users as intended. The Challenge of...

View Article


Image may be NSFW.
Clik here to view.

7 Free AI Logo Generators to Get Started

In today's fast-paced business world, creating a unique brand identity is essential. One of the crucial elements of your brand is your logo, which often serves as the first impression for potential...

View Article

Image may be NSFW.
Clik here to view.

Psychology and UX: Decoding the Science Behind User Clicks

In this article, we'll explore the intricate relationship between psychology and user experience (UX) design, including the profound impact of psychological principles on shaping user behavior. From...

View Article

Browsing all 15 articles
Browse latest View live