UI UX

By Hoan Do | User Experience Makes Good Things

How this one Facebook experiment could foreshadow plans for Messenger

Facebook has been in an R&D phase for the last couple of years pursuing two well documented experiments for Messenger. The first experiment began …

“Blockframing” and 31 Free Sketch-Ready Layouts Using Auto Layout by Anima App

Sketch Tutorials<p>“Blockframing” and 31 Free Sketch-Ready Layouts Using Auto Layout by Anima App<p>Yeah, you can download them. Yes, for free.<p><b>Note from</b> …

UI Design

How to Create Amazing UX with Anticipatory Design

UX Design

Case Study: Health Care App. UI for Doctors.

One of the life aspects whose importance is never faded or lost in any country is the issue of healthcare. This is the factor having, perhaps, the …

Health Care

Zara: A Usability Case Study

Zara is one of my favorite clothing brands, but I run into problems every time I use the app. Although I am not affiliated with Zara, I wanted to …

UX Design

Stop texting right now and learn from the Chinese: there’s a better way to message

Voice messaging—or sending short audio clips instead of text messages—has taken China by storm. Step on a Beijing subway and you’ll see people barking into their phones intermittently, as if they’re using walkie-talkies. On WeChat, the popular Chinese messaging app with over 500 million monthly …

China

Setup a design system

<b>Build a system that provides a unified set of UX, design rules and patterns.</b><p>For the last years I have continued to build and design applications web …

Digital Design

No Such Thing as Offline

Digital natives are redesigning the way we build tech one tap at a time.<p>Whether you find it menacing or miraculous, there's no denying that the …

I Subscribed To Push Notifications From 12 News Outlets For 3 Months — Here’s What I Learned

Intro<p>If you’ve been wondering what it’s like to consume news round-the-clock during this <i>interesting</i> time in American history, well, I am here to tell …

Journalism

How to construct a design system

Designing a style palette<p>Before we can start designing shiny components, we need to lay the foundations for those components. We need to break the …

Digital Design

As a Designer I want better Release Notes

Simple visual design, applied to plain text release notes<p>Writing release notes is a contentious issue. There are some companies who simply don’t …

iOS

I wanted to see how far I could push myself creatively. So I redesigned Instagram.

<b>The challenge:</b> to take an application I love and use everyday, then see how far I could push myself creatively as a designer, by rebuilding it from …

UX Design

7 Navigational Implementations that Make Kohl's 'Best in Class'

After usability testing 19 leading e-commerce sites and subsequently benchmarking 50 major e-commerce sites (twice) on Homepage & Category UX …

Usability

Design a Perfect Search Box

Search box is a combination of input field and submit button. One may think that the search box doesn’t need a design; after all, it’s just two …

Typography Ruined The Oscars’ Biggest Moment. This Guy Fixed It

Do us a favor, and give designer Brandon Jameson a spare statuette.<p>By now, we’ve all seen the replays and read the analysis, breaking down how Warren Beatty could have gotten the wrong envelope for Best Picture. But something else could've prevented the biggest screw-up in Oscar history. If the …

Typography

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 …

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 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 …

Digital 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 …

Product Management

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 …

FinTech

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