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.”

— MASTER DISTILLER

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

THE ART.”

— MASTER DISTILLER

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

STEP 2GATHER REQUIREMENTS

PROFILE

STEP 2GATHER REQUIREMENTS

JOBS

STEP 2GATHER REQUIREMENTS

ADMIN

STEP 2GATHER REQUIREMENTS

SCHEDULE

STEP 2GATHER REQUIREMENTS

FEATURES

STEP 2GATHER REQUIREMENTS

SEARCH

STEP 2GATHER REQUIREMENTS

ACTIVITY FEED

STEP 2GATHER REQUIREMENTS

SCHEDULE

STEP 2GATHER REQUIREMENTS

USER PROFILE

STEP 2GATHER REQUIREMENTS

ON HOLD

GATHER REQUIREMENTSSTEP 2

STEP 2

METRICS

GATHER REQUIREMENTS

JOBS COMPLETED

STEP 2GATHER REQUIREMENTS

SALES PIPELINE

GATHER REQUIREMENTSSTEP 2

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