Product Design Weekly

PDW

Archive Subscribe
Issue #125 — 17 May '17

Microsoft’s new Fluent Design System

This week was Microsoft’s turn to release a design system, which borrows from some of the latest trends in digital product design. So far it looks promising, showing off a redesigned desktop and email app and even threatening to make Windows look good!
GET AN OVERVIEW

A Mindful Design Process

Headspace product designer François Chartrand shares some very practical tips for approaching design in a more mindful way.

EVOLVE YOUR PROCESS

We also enjoyed...

Marketing Design — How we improved our conversion rate at Highrise

Highrise’s CEO explains how they used insights from Jobs-to-be-Done interviews to tweak their homepage copy and achieve a 35% bump in conversion rates.

UP YOUR CONVERSIONS

Bulletproof User Onboarding

Onboarding teardown master Samuel Hulick shares three key questions you should ask of your onboarding to evaluate how robust it is.

LEARN WHAT TO ASK

Design Better Data Tables

If you’re creating a product of even moderate complexity there’s a good chance it’ll involve the display of tabular data. This article acts as a visual guide to the wide variety of interaction patterns you can use to improve the UX of that data.

BROWSE THE PATTERNS

RESOURCES

Style Guide Guide

Kick-start the creation of your own web-based style guide with this boilerplate from the creator of modular design advocate Brad Frost. He also helps maintain a repository of online style guides and pattern libraries from around the world at StyleGuides.io.

GET THE BOILERPLATE

SHOWCASE

Nick Jones portfolio

With over five thousand likes and two thousand retweets, this freelance designer’s site based on the golden ratio is getting a lot of love on Twitter. A designer at the top of his game or a return to the bad old days of Flash? You decide.

DIVE IN

FROM ATOMIC

Use variables dynamically in your prototypes

Variables in Atomic let you store a value, like a user’s name, and display it dynamically throughout your prototype. Learn how to use variables in this new tutorial video from the Atomic team.

WATCH

Share this issue
Browse the archive →
Issue #124