Sign in Subscribe

Topic

UX

A collection of 140 issues

The Power Of Whitespace

Whitespace (or “negative space”) is an empty space between and around elements of a page. Although many may consider it a waste of valuable screen estate, whitespace is an essential element in design: > “Whitespace is to be regarded as an active element, not a passive background” — Jan Tschichold Today, I’

10 Tips On Typography in Web Design

Communication plays a vital role in design —it’s essential to establish a clear connection between the website and user and to help your users accomplish their goals. When we talk about communication in web design context, we usually mean text. Typography plays a vital role in this process: > More

Essential Color Tools for UX Designers

Color is one of the most powerful tools in the designer’s toolkit. At the same time, color is a tricky concept to master — with an infinite number of possible color combinations out there, it can be hard to decide what colors to use on your site or app. To

Z-Shaped Pattern For Reading Web Content

It is easy to imagine every user excitedly reading every letter you write. Get over it, because users don’t do that. They scan. > Users don’t read web pages, they scan. Scanning means they only stop to read when something catches their eye. As a designer, you have a

Floating Action Button in UX Design

Floating Action Button (FAB) is a very commonly used control in Android apps. Shaped like a circled icon floating above the UI, it’s a tool for designers to call out the key parts of the app’s product story. FAB is quite simple and easy to implement UI element,

Storyboarding in UX Design

In user experience design we’re familiar with user research techniques like workshops and interviews. We synthesise our research into user stories and process flows. We communicate our thinking and solutions to our teams with artefacts like personas and wireframes. But somewhere in all of this lies the real people

The Difference Between Customization and Personalization

Customization and personalization have long remained two of the most popular buzzwords in the modern development world. People often use the these words interchangeably. But there is a difference between the two. While both personalization and customization achieve the same goal — an experience tailored to a user’s interests — the

The Power of Defaults

Defaults are the values or settings that come out of the box. They might not seem like much, but defaults (and their designers) hold immense power — they make decisions for users. In this article, we’ll discuss how to use pre-populated input fields and default settings in apps for better

Wizard Design Pattern

Today I’d like to talk about the topic of wizards, and I don’t mean those guys with the hats and all the magical spells. I mean the step-by-step process that we use in apps or websites to guide someone through a process. Should you use a wizard? Isn’

F-Shaped Pattern for Reading Content

This article will walk you through the principles of the F-Layout, why it works, and how you can create your own. What is the F-Pattern and how it works? The F-Pattern describes the most common user eye-scanning patterns when it comes to blocks of content. F for fast. That’s