@startuml skinparam backgroundColor transparent skinparam shadowing false skinparam DefaultFontName "Inter", "system-ui", sans-serif skinparam DefaultFontSize 12 skinparam Padding 8 skinparam RoundCorner 12 skinparam MaxMessageSize 150 skinparam wrapWidth 200 skinparam nodesep 50 skinparam ranksep 50 skinparam componentStyle rectangle package "The Design Problem" { component "Form (Solution)" as Form component "Context (Environment)" as Context } Form <-right-> Context : "Interaction" note top on link : Search for 'Fit' [Identify Misfit] -down-> Form : "Modification" Form -left-> [Test in Context] [Test in Context] -up-> [Identify Misfit] : "New Frictions" @enduml Submit amiga aws-orange black-knight bluegray blueprint cerulean-outline cerulean crt-amber crt-green cyborg-outline cyborg hacker lightgray mars materia-outline materia metal mimeograph minty plain reddress-darkblue reddress-darkgreen reddress-darkorange reddress-darkred reddress-lightblue reddress-lightgreen reddress-lightorange reddress-lightred sandstone silver sketchy-outline sketchy spacelab spacelab-white superhero-outline superhero toy united vibrant       🎉 Discover the future PlantUML Web Editor! 🚀  PNG  SVG  ASCII Art