An iterative approach to building systems for design.
THE LADDER OF SYSTEM THINKINGThe Ladder of System ThinkingAn iterative approach to building systems for designAndrew Spencer | Frontend Designer#SparkboxUnConf
View Slide
THE LADDER OF SYSTEM THINKINGProblemDreamSolutionProblemDefinitionResearch DesignDesign Process
THE LADDER OF SYSTEM THINKINGProblemDreamRealitySolutionProblemDefinitionResearch DesignDesign Process
THE LADDER OF SYSTEM THINKINGSystems help with…CommunicationConsistent UIThoughtful UXAvoiding band-aid solutionsProductivity through process
THE LADDER OF SYSTEM THINKINGhttps://www.livabl.com/2014/12/architecture-fails.html
THE LADDER OF SYSTEM THINKINGhttps://www.architecturendesign.net/poor-design-decisions-fails/
THE LADDER OF SYSTEM THINKINGSo you need a better system…
THE LADDER OF SYSTEM THINKINGBuild a design systemThe endSo you need a better system…
THE LADDER OF SYSTEM THINKINGHow do we buildeffective systems?
THE LADDER OF SYSTEM THINKINGChaosComponentsPattern LibraryDesign System
THE LADDER OF SYSTEM THINKINGChaosActionRapid explorationDesign “in your head”OutcomeMessyfilesNot sustainable or scalableBest for one designer, ideation
THE LADDER OF SYSTEM THINKINGComponentsActionFind solutions from ideationStart with styles and build upDocumentation!OutcomeFaster to make editsMore consistencyNatural transition to codeBest for two or more designers
THE LADDER OF SYSTEM THINKINGDesign LibraryActionCollect common componentsMove outside a singlefileShare componentsOutcomeTeams are on the same page andcan share resourcesReduce decisions across the teamBest for two or more projects
THE LADDER OF SYSTEM THINKINGDesign SystemActionCombine design, code, anddocumentationEstablish a dedicated team to buildand maintainOutcomeDesign and built components liveside by side with documentationShared understanding betweendesign and engineeringBest for large, cross-functional teams
THE LADDER OF SYSTEM THINKINGTakeaways
THE LADDER OF SYSTEM THINKINGChaosComponentsPattern LibraryDesign SystemConsistency
THE LADDER OF SYSTEM THINKINGChaosComponentsPattern LibraryDesign SystemEfficiency
THE LADDER OF SYSTEM THINKINGChaosComponentsPattern LibraryDesign SystemEffort
THE LADDER OF SYSTEM THINKINGChaosComponentsPattern LibraryDesign SystemTeam size
THE LADDER OF SYSTEM THINKINGChaosComponentsPattern LibraryDesign SystemValue
THE LADDER OF SYSTEM THINKING
THE LADDER OF SYSTEM THINKINGThe ladder ofsystem thinkingChaos, Components, Pattern Library, Design System
THE LADDER OF SYSTEM THINKINGNext stepsEvaluate where you are on the ladderImprove what you have or…Weigh the advantages of the next rung against theeffort it takes to get there
THE LADDER OF SYSTEM THINKINGThanks!@iam_aspencer