UX DISTILLING

UX DISTILLING

TURNING DATA INTO DESIGN IN 5 SIMPLE STEPS

CREATED BY DANIEL O’SULLIVAN

@designOSullivan

DANIEL O’SULLIVANUX DESIGNER

6 STEPS TO DESIGNING BETTER DASHBOARDS

HOW DO WE OVERCOME THIS?

UX DISTILLING

“ALL DISTILLING STARTS WITH HYGIENE AND

QUALITY.”

— MASTER DISTILLER

“HOW YOU PREPARE THE GRAINS AND YEAST, THAT’S THE

SCIENCE.”


“AFTER THAT, HOW YOU BOTTLE IT, MATURE IT, FILTER IT, THAT’S

THE ART.”


IDENTIFY COMPONENTSSTEP 1

NAVIGATIONS

STEP 1IDENTIFY COMPONENTS

STEP 1

FEATURES

IDENTIFY COMPONENTS

METRICS

STEP 1IDENTIFY COMPONENTS

GATHER REQUIREMENTSSTEP 2

STEP 2

NAVIGATIONS

GATHER REQUIREMENTS

CONTRACTORS

STEP 2GATHER REQUIREMENTS

PERMITS


PROFILE


JOBS


ADMIN


SCHEDULE


FEATURES


SEARCH


ACTIVITY FEED


SCHEDULE


USER PROFILE


ON HOLD


STEP 2

METRICS

GATHER REQUIREMENTS

JOBS COMPLETED


SALES PIPELINE


OUTLINE DESIGNSTEP 3

TOP NAVIGATION

OUTLINE DESIGNSTEP 3

PROFILESCHEDULEPROJECTS REPORTS

STEP 3

SIDE NAVIGATION

PROFILE

SCHEDULE

PROJECTS

REPORTS

OUTLINE DESIGN

MOCKUPSTEP 4

TOOLSKNOW THE

COLOR THEORYUSE PROPER

BADTHE

GOODTHE

ICONOGRAPHYUSE PROPER

MOCKUPSTEP 4

STEP 4MOCKUP

STEP 4MOCKUP

STEP 4MOCKUP

REFINESTEP 5

PROTOTYPING BUILDINGUX TESTING

REFINESTEP 5

STEP 5REFINE

“EVERYONE HAS A PLAN UNTIL THEY GET PUNCHED IN THE

MOUTH.”

— MIKE TYSON

STEP 5REFINE

STEP 5REFINE

STEP 5REFINE

STEP 5REFINE

STEP 5REFINE

STEP 5REFINE

1. COMPONENTS 2. REQUIREMENTS3. OUTLINE4. MOCKUP5. REFINE

UX DISTILLINGIDENTIFY WHICH INGREDIENTS ARE NEEDED

CAREFULLY CHOOSE THE FINEST INGREDIENTS

COMBINE THE INGREDIENTS AND DISTILL

BEAUTIFULLY BOTTLE THE BOURBON

SERVE & ENJOY, AND SERVE & ENJOY…

UX DISTILLING

TURNING DATA INTO DESIGN IN 5 SIMPLE STEPS

CREATED BY DANIEL O’SULLIVAN

@designOSullivan

Design

UX DISTILLING