UI UX

By Hoan Do | User Experience Makes Good Things

Game design vs UX design

Short form:<b> UX design is about removing problems from the user. Game design is about giving problems to the user.</b>In both cases you look at users’ …

Game Design

Don’t Make a Journey Map: 9 archetypes of good / bad, and how to decide what to use

This is a rough transcript of my Big Design conference talk <i>Don’t Make a Journey Map: when good tools go bad</i>.<p>Expectation setting<p>This is not going to …

Maps

Mobile User Behavior in India

Do mobile-device users behave differently, depending on whether they have a history of using desktop computers before they got a smartphone? We can’t …

Mobile

Proving that lists can trump cards 🃏

When card UI design doesn’t work<p>With the popular rise of Material Design, ‘cards’ have become a common part of modern web design. Especially when it …

Software Engineering

I set out to create pixel perfect icons. Here’s what I discovered along the way.

Some designers don’t take it seriously enough, others think it falls magically from the sky, and only a few take the challenge and really create it. …

Design

Redesigning SGS’ Seven-Level Navigation System: A Case Study

SGS (formerly <i>Société Générale de Surveillance</i>) is a global service organization and provider of inspection, verification, testing and certification …

Web Design

Why we kick off any new project with a Design Sprint

“FAIL fast” is probably the most abused claim in startups: learning from mistakes and iterate would increase the chance of a business to succeed. But …

Design

Sunrise is dead, and so is the dream of an excellent calendar app

Today the sun finally sets on Sunrise, the calendar app that Microsoft acquired last year. Microsoft announced its plan to merge Sunrise into Outlook, its mobile email client, last October. And now Sunrise, which began life as a more socially adept calendar, will now be a feature inside an email …

App Store

5 Timeless Design Lessons From The Bauhaus

The Bauhaus is nearly a century old, but it still has a lot to teach today's designers.<p>Of all the influences from the past 100 years, the Bauhaus—the venerable art and design school founded in 1919—has had the most enduring impact on the world, from the modern products and furniture we buy, to the …

Design

Conversational Interfaces Are Here.

Machine learning techniques have progressed to the point where a new user interface is on the cusp of mass-market adoption: computer systems that …

Google Now

An Introduction to Remote Usability Testing

What is “Remote Usability Testing”? When would you use it, and what are the potential pitfalls? In this article we’ll cover all these questions and …

Usability

Why design principles shape stronger products – uxdesign.cc – User Experience Design

Our design team didn’t have any design principles and it was difficult to determine design success.<p>My job is to design and improve/redesign a legacy …

Design

Signaling a Process Change with a Discovery Phase

It’s easy to find people frustrated with their current product design and delivery process. They’ll list any number of maladies, from missing their …

The rise and rise of the brutalist design trend

Brutalism in web design is raw, rough, unpolished and everything that today’s standard of the aesthetically beautiful website isn’t. It goes way …

Typography is impossible

The practical guide to why laying out type never quite does what you want<p>You’re a front-end engineer, building boxes and putting text inside them. A …

Designing for Television, Part 1

An introduction to the basic ingredients of a TV UI<p>Welcome to the new Golden Age of television. Not only is there more great television being …

Five Rules Of App Localization In China: Money, Dating And App Store

I recently sat down with Rock Zhang, a Chinese mobile entrepreneur. Rock is my classmate from business school, and we have both worked in the mobile …

China

The 8 Steps To Creating A Great Storyboard

Google Ventures’ Jake Knapp takes us through the lightning-fast process he employs to get a team’s ideas down on paper.<p>[<i>Editor’s note: This is the fourth in a series of seven posts on running your own Google Ventures design sprint. Read the first part here, the second here, and the third …

Design

The Plodding 3-Year Process To Redesign The FDA’s Nutrition Label

Politics design the world.<p>At first glance, the new FDA Nutrition Facts label, introduced by Michelle Obama in May, doesn’t look terribly different from what we’ve had since 1994. The calories are bigger and bolder. The serving sizes are a bit clearer. And for the first time, food manufacturers are …

Nutrition

Designing Data with Sketch - Ivo Mynttinen / User Interface Designer

As a designer of numerous web and mobile applications that require different types of data to be summarized and presented in the clearest possible …

The Contextual Bubble

An experimental UX for AI assistants<p>At Snips, we have spent the past year building technologies for assistants, from analyzing your location patterns …

Revisiting VSCO

Revisiting VSCO<p>Let's talk about VSCO and their recent overhaul app update that generated a lot of feedback from the community especially designers. …

Software Engineering

Whose line is it anyways? — Prototyping: From UX to Front End

Some of these are cookie cutter and don’t need much exposition but I will call out some major players and what’s going on there. So pull up a chair, …

UX Design

User Experience Design

A Psychological Approach to Designing Interfaces<p>Do you ever get that feeling when you’re in a supermarket, looking at a sea of different types of …

Psychology

Stop the overuse of overflow menus — Free Code Camp

A designer knows he has achieved perfection not when there is nothing left to add, but when there is nothing left to take away. — <i>Antoine de</i> …

Obfuscation

Designing an in-app Survey

How to capture user’s emotion (concept study)<p><i>first appeared on my</i> <i>newsletter</i><i>.</i><p>The problem: mobile surveys are simply painful.<p>Last week, one of my …

Human Interface Guidelines for Slack

Table of content<p>The importance and benefits of Human Interface Guidelines<p>Designing for conversational UIs<p>UI and UX for Slack<p>Creativity from …

UX Design

Complexion Reduction: A New Trend In Mobile Design

<b>We have been living in a world of ‘clean and minimal’ for quite some time, so what’s next?</b><p>Over the last several months, some of the leaders of …

Software Engineering

Home Screen

We had to iterate at least a dozen time to set the visual language, user flow right. And this is the final look and feel we finalized. We iterated …