{"id":4153,"date":"2022-03-15T16:07:23","date_gmt":"2022-03-15T23:07:23","guid":{"rendered":"http:\/\/www.interactiondesignhistory.com\/2022\/?p=4153"},"modified":"2022-03-15T16:07:25","modified_gmt":"2022-03-15T23:07:25","slug":"design-patterns-in-the-work-community","status":"publish","type":"post","link":"https:\/\/www.interactiondesignhistory.com\/2022\/design-patterns-in-the-work-community","title":{"rendered":"Design Patterns in the Work Community"},"content":{"rendered":"\n<p>Christopher Alexander writes about design patterns in living spaces in his book <em>A Pattern Language<\/em>, I&#8217;m going to talk about how some of these patterns are implemented into the Work Community online.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">activity pockets<\/h2>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>&#8220;The life of a public square forms naturally around its edge. If the edge fails, then the space never becomes lively.&#8221;<\/p><cite>A Pattern Language, 1977, Christopher Alexander<\/cite><\/blockquote>\n\n\n\n<figure class=\"wp-block-gallery aligncenter has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" data-id=\"4154\" src=\"http:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/03\/Screenshot-32.png\" alt=\"\" class=\"wp-image-4154\" width=\"363\" height=\"205\" srcset=\"https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/03\/Screenshot-32.png 363w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/03\/Screenshot-32-300x169.png 300w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/03\/Screenshot-32-320x181.png 320w\" sizes=\"auto, (max-width: 363px) 100vw, 363px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"571\" data-id=\"4155\" src=\"http:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/03\/Screenshot-34_LI-1024x571.jpg\" alt=\"\" class=\"wp-image-4155\" srcset=\"https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/03\/Screenshot-34_LI-1024x571.jpg 1024w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/03\/Screenshot-34_LI-300x167.jpg 300w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/03\/Screenshot-34_LI-768x428.jpg 768w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/03\/Screenshot-34_LI-1536x856.jpg 1536w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/03\/Screenshot-34_LI-720x401.jpg 720w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/03\/Screenshot-34_LI-580x323.jpg 580w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/03\/Screenshot-34_LI-320x178.jpg 320w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/03\/Screenshot-34_LI.jpg 1748w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>facebook.com<\/figcaption><\/figure>\n<figcaption class=\"blocks-gallery-caption\"><br>It would be impossible to post anything on Facebook without buttons allowing you to do so. These buttons are located at the edges of any website, or &#8220;pockets of activity&#8221; as Alexader calls them in construction terms. Without these pockets, it just becomes a blank space for people to navigate by, without stopping to interact. I think it would be confusing to have these buttons located in the center, as one would have to make the extra effort to look for these.<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Common areas at the heart<\/h2>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>&#8220;No social group &#8211; whether a family, a work group, or a school group &#8211; can survive without constant informal contact among its members.&#8221;<\/p><cite>A Pattern Language, 1977, Christopher Alexander<\/cite><\/blockquote>\n\n\n\n<figure class=\"wp-block-gallery aligncenter has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"328\" height=\"210\" data-id=\"4156\" src=\"http:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/03\/Screenshot-36.png\" alt=\"\" class=\"wp-image-4156\" srcset=\"https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/03\/Screenshot-36.png 328w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/03\/Screenshot-36-300x192.png 300w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/03\/Screenshot-36-320x205.png 320w\" sizes=\"auto, (max-width: 328px) 100vw, 328px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" data-id=\"4157\" src=\"http:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/03\/Screenshot-37_LI-1024x585.jpg\" alt=\"\" class=\"wp-image-4157\" srcset=\"https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/03\/Screenshot-37_LI-1024x585.jpg 1024w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/03\/Screenshot-37_LI-300x171.jpg 300w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/03\/Screenshot-37_LI-768x439.jpg 768w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/03\/Screenshot-37_LI-1536x877.jpg 1536w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/03\/Screenshot-37_LI-1920x1096.jpg 1920w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/03\/Screenshot-37_LI-720x411.jpg 720w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/03\/Screenshot-37_LI-580x331.jpg 580w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/03\/Screenshot-37_LI-320x183.jpg 320w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/03\/Screenshot-37_LI.jpg 1993w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>facebook.com<\/figcaption><\/figure>\n<figcaption class=\"blocks-gallery-caption\">A common space for social interaction is located in the center, &#8220;at the heart&#8221;. The edges of any area are what make up the center. On Facebook, for example, one can comment, like, or share a post. I notice this when I go to concerts, the stage is located on one edge, the booths are located at the sides, and the people are located in the center. This is also important when navigating the web, as I just explained.<\/figcaption><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Sources:<\/p>\n\n\n\n<p>facebook.com<\/p>\n\n\n\n<p>Alexander, Christopher. <em>A Pattern Language<\/em>, 1977, https:\/\/arl.human.cornell.edu\/linked%20docs\/Alexander_A_Pattern_Language.pdf.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Christopher Alexander writes about design patterns in living spaces in his book A Pattern Language, I&#8217;m going to talk about how some of these patterns are implemented into the Work Community online. activity pockets &#8220;The life of a public square forms naturally around its edge. If the edge fails, then the space never becomes lively.&#8221; [&hellip;]<\/p>\n","protected":false},"author":40,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-4153","post","type-post","status-publish","format-standard","hentry","category-design-patterns"],"_links":{"self":[{"href":"https:\/\/www.interactiondesignhistory.com\/2022\/wp-json\/wp\/v2\/posts\/4153","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.interactiondesignhistory.com\/2022\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.interactiondesignhistory.com\/2022\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.interactiondesignhistory.com\/2022\/wp-json\/wp\/v2\/users\/40"}],"replies":[{"embeddable":true,"href":"https:\/\/www.interactiondesignhistory.com\/2022\/wp-json\/wp\/v2\/comments?post=4153"}],"version-history":[{"count":1,"href":"https:\/\/www.interactiondesignhistory.com\/2022\/wp-json\/wp\/v2\/posts\/4153\/revisions"}],"predecessor-version":[{"id":4158,"href":"https:\/\/www.interactiondesignhistory.com\/2022\/wp-json\/wp\/v2\/posts\/4153\/revisions\/4158"}],"wp:attachment":[{"href":"https:\/\/www.interactiondesignhistory.com\/2022\/wp-json\/wp\/v2\/media?parent=4153"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.interactiondesignhistory.com\/2022\/wp-json\/wp\/v2\/categories?post=4153"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.interactiondesignhistory.com\/2022\/wp-json\/wp\/v2\/tags?post=4153"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}