UI Design — SitePoint
Featured
Advertise with usRecent
An Introduction to Wireframing with Figma
Design & UX
By Daniel Schwarz,
Wireframes are important for ensuring good UX. Learn how to use Figma to figure out the best UX design workflow for your layout.
How to Improve User Experience with Accurate User Feedback
Design & UX
By Michiel Mulders,
You submit a form—but get no feedback. Wha? Did it submit? Learn how to make sure your UI elements provide feedback to users—so that you don't lose them!
7 Cross-Browser Testing Tools You Need in 2019
Design & UX
By Daniel Schwarz,
Though browsers are arguably more reliable than they've ever been, we still can't forget about cross-browser testing tools. Here are 7 top options for you.
A Guide to Positive Reinforcement in UX Design
Design & UX
By Michiel Mulders,
Michiel Mulders explains the meaning of positive reinforcement in terms of UX, and offers practical tips for improving the experience of website visitors.
5 Tips for Writing Better Microcopy
Design & UX
By Michiel Mulders,
Michiel Mulders discusses the importance of microcopy for enhancing UX, and offers five tips for helping users better understand your site.
5 Ways to Improve User Experience with Machine Learning
Design & UX
By Michiel Mulders,
Improve your user experience with machine learning. Learn five strategies where machine learning solutions can realistically solve design problems today.
Learnability in Web Design: 5 Best Practices
Design & UX
By Michiel Mulders,
Michiel introduces five best practices you can use to provide a more learnable interface to your users, from consistency to familiarity and storification.
What Is SVG? Your Guide to SVG Files
Design & UX
By Ivaylo Gerchev, Maria Antonietta Perna,
Learn why SVG is superior to pixel graphics in terms of scalability, responsiveness, interactivity, programmability, performance, and accessibility.
How to Design for Screen Readers with Adobe XD CC
Design & UX
By Daniel Schwarz,
Daniel Schwarz offers tips on designing for screen readers, and walks through how Adobe XD CC’s design handoff and voice prototyping features help with this.
9 Key Ways to Turbocharge Your Design Career
Blogs
By Gal Shachar,
Gal Shachar digs into all the things you can do to advance your design career, from marketing yourself, building a brand, experimenting, and launching a side business, to putting your name and work out there for people to find.
How to Use Bannersnack to Generate Amazing Banners in Seconds
Design & UX
By Gal Shachar,
Gal Shachar introduces Bannersnack, an online, drag-and-drop interface that lets you design banner ads quickly and efficiently, saving time and money.
15 Top Prototyping Tools Go Head-to-Head
Design & UX
By Dave Kearney, Daniel Schwarz,
Dave Kearney compares the top 15 prototyping tools disrupting the design tool market today, with video overviews of each one.
Working with Design Thinking, Lean and Agile
Design & UX
By Amanda Stockwell,
Amanda Stockwell explains Design Thinking, Lean UX, and Agile, and how to implement elements of each for your team. Each approach is meant to solve a particular problem, and elements of each may be useful, so you’ll have to find what works for your team.
Customer Journey Maps: A Day in the Life of a Customer
Design & UX
By Mads Soegaard,
Mads Soegaard introduces customer journey maps, explaining how to measure customer engagement, how much customers feel they’re in a relationship with your product, business or brand, and the best tools for getting the job done.
7 Awesome Wireframing Tools You Should Be Using
Design & UX
By Daniel Schwarz,
Daniel Schwarz introduces wireframing — a design exercise that can radically improve user experience — and looks at the best wireframing tools.
How to Speed Up Your UX with Skeleton Screens
Design & UX
By Chris Lienert,
Delivering a speedy UX isn't all about code and servers – it's about how things feel. Chris shows you how to use 'skeleton screens' to speed up your UX.
What’s Really Behind Most UX Issues
Design & UX
By Joe Natoli,
Joe Natoli looks behind the scenes to discover the real cause behind most UX issues, finding that it's not lack of staff, awareness or expertise, but something a whole lot deeper: misalignment of individual intent — personal, organizational and political. Here's what you can do about it.
Creating UIs with Angular Material Design Components
JavaScript
By Ahmed Bouchefra,
Ahmed explores Material Design in Angular, looking at how to create a simple Angular application with a UI built from various Angular Material components.
Designing Form Layout: Color
Design & UX
By Jessica Enders,
Human beings are sensitive to color. We process it without us even realizing, and we can’t help noticing differences. This is useful in form design.
Designing Form Layout: Spacing
Design & UX
By Jessica Enders,
Human beings see things that are close to each other as being related. Conversely, things that are not related usually have some space between them.
Designing Form Layout: Alignment
Design & UX
By Jessica Enders,
Create a straight, unobstructed, vertical path to completion. Now it's faster for your form to be filled out, and it looks neater and simpler too.
How to Make Paper Prototypes
Design & UX
By Ben Coleman,
There are no rules for making paper prototypes––that is what's great about it. You just need materials that are commonly found in any home or office.
How to Prototype Interactions with Adobe XD
Design & UX
By Daniel Schwarz,
The following is a short extract from our book, Jump Start Adobe XD, written by Daniel Schwarz, a highly practical tutorial.
UX: What Can We Prototype? What Can’t We Prototype?
Design & UX
By Dan Goodwin,
In this article, we'll look at some of the uses for prototypes -- and also some of the things that you shouldn't use prototypes for.
How to Use Adobe XD’s Smart Guides
Design & UX
By Daniel Schwarz,
Smart guides illustrate how objects align to one another — they can display the distance between layers, or whether a layer has snapped to another.
How to Publish Responsive Websites with Sketch and Launchpad
Design & UX
By Daniel Schwarz,
Daniel Schwarz shows us how to design and publish static HTML/CSS websites using Sketch and two Sketch Plugins (Auto Layout and Launchpad).
3 Overlooked Tweaks to Optimize Website Usability
Design & UX
By Pius Boachie,
Boachie Pius talks about analysis paralysis and three of the most overlooked website usability optimizations, and shows us how to fix them.
Introducing Microsoft’s Fluent Design System
Design & UX
By Giannis Konstantinidis,
Giannis introduces us to Microsoft's new design language — Fluent Design System — and explains how to implement its design concepts into Windows UWP apps.
Putting the “App” in Progressive Web Apps
Design & UX
By Nicole Saidy,
Nicole Saidy offers an overview of Progressive Web Apps (PWAs), what they are, which problems they solve, and what makes them apps or app-like.
10 Unexpected Sources of Design Inspiration
Design & UX
By Aja Frost,
Aja Frost lists the bold and beautiful sources of design inspiration that you probably don't know about. You'll definitely want to bookmark these secrets!