User Experience

A collection of 37 posts

AI

A comprehensive guide on how to craft good AI design

With the release of Apple iOS 15 and the upcoming Google Pixel 6 device with Google’s Tensor chip, we will soon see a tight competition between two giants in the field of artificial intelligence. Artificial intelligence is the next big thing because > The more an interface leverages human conversation,

UX

Using Red and Green in UI Design

Color has a significant impact on our perceptions and emotions. Used correctly, color can evoke a specific reaction in your users. For this article, I want to focus on two particular colors - red and gree. There's a reason why I want to do it: > Both red and green are

UX

When Friction In Design Is Good For UX

Friction raises negative thoughts in most designer’s minds. When you ask designers about friction, most of them will tell you that friction damages a UX because it slows down interactions, reduces conversions, and impedes progress. Today frictionless design is the new business goal. Designers seem to be obsessed with

UX

10 Simple Tips to Improve User Testing

Testing is a fundamental part of the UX designer’s job and a core part of the overall UX design process. It’s a great way to eliminate problems or user difficulties that were unforeseen in the design phase. 1. Test As Early As You Can The earlier you test,

UX

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’

UX

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

UX

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

UX

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

UX

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,

UX

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

UX

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’

UX

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

UX

The Details That Matter

Your product’s success is based on a combination of factors, but the overall user experience tops them all. When it comes down to designing a new app or a site, sticking to best practices is a solid way to go, but during the creation of the big picture, it’

UX

Prevailing Trends in Flat Design

The flat design revolution has been gaining momentum with surprising speed over the last few years. But the flat design style won’t stay stagnant. Flat design is evolving. > The current step of flat design evolution is all about drawing focus Let’s pinpoint the characteristics of this evolution. Effective

UX

Best Practices for Imagery

As the saying goes, a picture is worth a thousand words. It takes users just a few seconds to evaluate a new site or app, good designer knows that and try to convey complex stories and ideas visually. This makes images a critical component for connecting with users and converting

UI

Tooltips in UI Design

Tooltips help users understand unknown or unfamiliar objects that aren’t described directly in the user interface. They are a powerful way to simplify a UI — provide information users need when they need it, with minimal effort on their part, and help app developers use screen space more effectively (reduce

UX

Effective Writing For Your UI: Things to Avoid

Clear, accurate, and concise text makes interfaces more usable and builds trust. Below is a list of 16 things you should avoid in your writing: 1. Jargon Words and Specific Terms Unknown terms or phrases will increase cognitive load for the user. Do your best to avoid ‘geek speak’. A

UX

Pull to Refresh UI Pattern

The pull-to-refresh (or swipe-to-refresh) pattern lets a user pull down on a list of data using touch in order to retrieve more data. The “Pull-to-refresh” gesture was first introduced by Loren Brichter in the Tweetie app and in no time it became so popular that countless apps adopted this gesture.

UX

How to Use Animation to Improve UX

Motion tells stories. Not long and complicated stories, but simple stories, like “hey, you need to look at this now” or “hurrah, your operation has just competed successfully.” However, the goal of animations isn’t entertaining the user, but rather they are helping the user understand what’s going on

UX

Graphical User Interface as a Reflection of the Real World: Shadows and Elevation

UI design is moving towards removing any unnecessary elements to focus much more on functionality. But while functional aspect of a design is key to product success, visual details are equally important — particularly how they can improve those functional elements. In this article I’ll show you how visual elements,

UI

Checkbox and Toggle in Forms

When creating forms, interaction designers are often faced with having to select an UI element that dictates the interaction of option selection. Of course, we all have rules of thumb that we follow. Nonetheless there are some considerations to keep in mind when you choose the element you would like

UI

Infinite Scrolling Best Practices

Infinite scrolling, sometimes called endless scrolling, is a technique that allowing users to scroll through a massive chunk of content with no finishing-line in sight. This technique simply keeps refreshing a page when you scroll down it. Infinite scrollingThe technique allow user to scroll the list of items *without any

UI

Mobile UX Design: User Errors

‘Errors’ happens. They happen in our apps and they happen in our life. Sometimes they happen because we made mistakes. Sometimes because a system failed. Whatever the cause, these errors — and how they are handled — can have a huge impact on the way user experiences your app. Often overlooked, a

User Experience

Mobile UX Design: The Right Ways to Ask Users for Permissions

Did you know that the average app loses 80% [http://andrewchen.co/new-data-shows-why-losing-80-of-your-mobile-users-is-normal-and-that-the-best-apps-do-much-better/] of its daily active users within the first 3 days post-install? Most people download an app, open it once, and delete it. This happens because users try out a lot of apps but decide which ones they

UX

UX in Email Design

You spend months creating an awesome product with an amazing UX. You’ve put a lot of effort into creating something really cool. And there comes a time when you need to present the product to the audience. But have you thought about the emails you’re going to send,