UI UX

By Hoan Do | User Experience Makes Good Things

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 …

Graphics

Free O'Reilly Ebooks

e-Books

Design words with data

How data informs our writing at Dropbox<p>Writing is a form of art. Words can make us laugh, move us to tears, or inspire us to do great things.<p>But I’d …

Writing

How to Annotate and Document UX Deliverables

You just won a big new piece of work. The schedule is tight and so is the budget. Luckily, the project proposal defined the deliverables and …

Design

How Stories Solved Instagram's Biggest Threat: Self-Conscious Users

Likes make users self-conscious in a way that has distorted Instagram's mission. Here, an exclusive look at how Stories was designed to fix that.<p>Robby Stein remembers when Kevin Systrom was just another startup guy, who’d created a photo sharing app called Instagram. They knew each other working at …

15 Must-See Expert Speeches for UI/UX Designers

The year is counting its last days. As we could see in the article devoted to design trends in 2016, it’s been a bright, dynamic and diverse year for …

My lightbulb moment with modular design

Reducing our design handoff from 30 mockups to just one<p>I’ve recently begun working on a design revamp of Yammer’s Android app, beginning with …

Design

Facebook Design - Facebook photos come full circle.... | Facebook

To see more from <b>Facebook Design</b> on Facebook, log in or create an account.<p>Sign UpLog In<p>To see more from <b>Facebook Design</b> on Facebook, log in or create …

The Current State of Adaptive Design

I dream of the day where I design an interface using systematic logic and never again have to push individual objects around different sized …

Design

Designing Imaginative Style Guides

(Living) style guides and (atomic) patterns libraries are “all the rage,” as my dear old Nana would’ve said. If articles and conference talks are to …

Digital Design

How to describe typefaces

<i>This is an excerpt from Designing with type, a 9-part InVision e-course by Luke Jones.</i><p>Selecting an appropriate font for a project lies in the ability …

Typography

What I Learned Recreating One Chart Using 24 Tools - Features

Roundup Python R data Lyra Processing Tableau so many charts D3 charts What I Learned Recreating One Chart Using 24 Tools<p>Finding the best tool means …

Information Architecture

Our Product Design Process

<i>We the Experience Design Department at</i> <i>Perform Group</i> <i>have documented our ideal product design process. This is the process we use to launch and</i> …

Prototyping

Build it with the user in mind: How To Design User Flow

A major factor affecting your conversions is user flow. It’s the path a user follows through your website interface to complete a task (make a …

Marketing

Progress Bars vs. Spinners: When to Use Which

by anthony on 11/15/16 at 8:13 pm<p>How would you feel if you asked someone at the store where an item was and they just stood there? You would probably …

Design

What Everyone Should Know About The Process of Designing Apps

<i>by</i> <i>Michael Flarup</i><p>I realised something the other day: I’ve been designing apps for nine years now! So much has changed since the early days and, it …

The State of UX in 2017

The uxdesign.cc team has seen a lot this year: 48 issues published, 576 links curated, and sent to 98,381 designers around the world every week. When …

Wireflows: A UX Deliverable for Workflows and Apps

Introduction<p>In the UX field, wireframes are a common deliverable to show page-level layout ideas, whereas flowcharts are useful for documenting …

Documenting Design Discovery

How six assertions inform briefs, strategies, and other deliverables<p>In doing design discovery, you and your team produce a <b>shared pool of knowledge</b> to …

Design

When Change Is Constant: A Spiral UX Design Model

By Hang GuoPublished: April 6, 2015“It is widely accepted that creative design is not a matter of first fixing the problem and then searching for a …

World Wide Web

How Pornhub's designers keep you coming…back

This is the point where you can stop pretending you’ve never heard of Pornhub. It’s the Facebook of the adult world, ubiquitous and all-conquering. Its brands deliver epic Web traffic, claiming 60 million unique users <i>a day</i>.<p><i>Note: From here on, all links in this post should be considered NSFW.</i><p>But …

Design

A Usability Test on the Starbucks iOS App

<b>Usability Testing</b><p>Using my personas, I went out to find 6 Starbucks drinkers to run through a usability test on the Starbucks app.<p>Each user was given …

Starbucks

Usability Testing Accordion-Style Checkouts: 2 UX Pitfalls that 75% of Sites Neglect

When benchmarking checkout flows for the first time back in 2012, we found that 14% of the top 100 US e-commerce sites used an accordion-style …

Design

Inside a Design Critique with Facebook

At Facebook, our mission to make the world more open and connected means being open ourselves, sharing not only the work we do but also how we do it. …

Simplifying Facebook Search

Facebook Search was originally designed to let people easily navigate to profiles, businesses, groups, and events. Over the past few years it has …

A critical analysis of the iOS 10 lockscreen experience

The iOS 10 lockscreen has little round-cornered cells which represent your most recent un-attended notifications on the lockscreen.<p>Swipe right on a …

Apple News

How To Align Text In Buttons And Other UI Elements

<i>by</i> <i>Max Snitser</i><i><br>first appeared on</i> <i>my personal blog</i><p>I’ve struggled for some time about the right way of aligning text in buttons and not only this. So I …

Making Your Icons User-Friendly: A Guide to Usability in UI Design

Any icon in your interface should serve a purpose, whether you’re designing a website or an app. Sure, icons are there to save space on the screen. …

Design