UI UX

By Hoan Do | User Experience Makes Good Things

What is Atomic Design?

Using Chemistry + Design To Build Interfaces 🔬 🖌️ 🖥️<p><b>Atomic design is a holistic methodology to create interface design systems. The five</b> …

An Introduction to User Experience Design

The deceptively tricky challenge of designing for user behaviour<p>This is a resource guide to complement the ‘Intro to UX Design’ course run by IF …

UX Design

What UX Designers Can Learn from Psychology

Learning more about psychology can help designers learn about how people make decisions, form habits and understand content. Armed with that …

Design

Design for the feedback you want

A great design critique will leave you feeling motivated and focused. A less valuable one can leave you feeling frustrated and stuck. There could be …

UX Design

The Wireframe Perfectionist’s Guide

When I was a developer, I often had a hundred questions when building websites from wireframes that I had received. Some of those questions were, …

Web Design

The Underestimated Power Of Color In Mobile App Design

Color is arguably the second most important aspect of your app, after functionality. The human to computer interaction1 is heavily based on …

Web Design

The Role Of Empty States In User Onboarding

The first set of screens with which users interact, set the expectations of the app. To make sure your users don’t delete your app after the first …

Web Design

Simple products for (many) users

How to go from diverse user needs to flexible product experiences<p>How do you feel about collaborating? No, wait. How do you <i>really</i> feel about it?<p>Teams …

The Rules for Modern Navigation

Websites provide access to all sorts of information. Whether we want to to learn more about an organization, purchase an item, donate to a cause, or …

Usability

Design Principles Behind Great Products

Lately, I needed to come up with some top level principles for the product I’m currently working on. I seek for some simple yet powerful concepts …

Terrible UX Trends for 2017

Pay attention, these are going to take over the UX universe.<p>🔥 Hot New UX Techniques<p>Greyer Grays<p>Instagram blew away the design world by redoing their …

Vietnamese Mobile Wallet Momo Redesign

This is a redesign challenge for us. The outcome is the proposal for Momo to innovate their product. In this entry, we will talk about the design …

Mobile-First Is Just Not Good Enough: Meet Journey-Driven Design

In a recent sales meeting for a prospective healthcare client, our team at Mad*Pow found ourselves answering an all-too-familiar question. We had …

Design

Designing for Persuasion, Emotion and Trust

Optimal level of dissonance<p>We can use the <b>Intrinsic Motivation</b> technique — the optimal level of dissonance.<p>The <b>optimal level of dissonance</b> means that …

UX Design

Product Design - Replay UI/UX

Replay is a product design project created and shared by Gruev Vladimir. In a nutshell it's a concept project for a music app, as Gruev said, …

Product Design

Scott Hurff's Blog

Using science to make truly tappable user interfaces<p>You know that feeling even if you can’t name it — the mix of frustration and annoyance when …

Design

How to Combine Icons from Different Sets in Your UI

There is no problem in finding icons. Thousands of designers draw icons daily, and hundreds of websites offer them, often for free. The variety is …

Digital Design

We Categorized 327 User Onboarding Experiences Into 9 UI Patterns (Find Out Which You Should Use)

There are several common UI patterns for new user onboarding experiences. We've analyzed over 327 for you to find out what works for your product.

Design

What is UX Writing?

There’s a new job in town. Well, maybe not “new,” but certainly popping up with increasing frequency. Google’s looking. Amazon’s looking. Dropbox, …

UX Design

A story of a designer conquering mathematics.

I hated maths.<p>Mathematics was frustrating. When I was young it seemed to be pointless to spend too much time on solving mathematical problems whilst …

Mathematics

Replacing The User Story With The Job Story

I’ve written about the problem with user stories before. At the time, I found it better to just have the team talk over proposed changes to the …

How Designers Should Think About SVG

The stunning things you’ll create with SVG, how it differs from other graphics, and why exporting requires new considerations.<p>In preparation for my …

Color in UI Design: A (Practical) Framework

Being pretty self-taught as far as UI design goes, I’ve always wondered why so many articles and books talk about color theory and palettes. In my …

Designing Better App Icons

Creating that singular piece of graphic design that users will first interact with each time they encounter your product can be intimidating. A …

Design

Google is killing the classic Google+ on January 24

Google today announced that it will be getting rid of the “classic” user interface for its Google+ social network.<p>Google redesigned the service in 2015 with the launch of Communities and Collections, but since then there has always been a way to go back to the “classic” mode: a link in the bottom …

How to Design a Large Scale Responsive Site

Responsive design has evolved considerably since it was first defined by Ethan Marcotte in 2010. The discussion now isn’t whether you should develop …

Web Design

The Best Product Design Teams on Medium

Teams to follow, and the people who write their stories<p>I love poking around on Medium and finding other design teams that are collectively using the …

Etsy’s Evolving Icon System

How we systematized and customized our ever-present icons<p>When an interface is made entirely of text, the amount of time and effort it takes to read …

Free O'Reilly Ebooks