{"id":4171,"date":"2022-03-17T23:32:07","date_gmt":"2022-03-18T06:32:07","guid":{"rendered":"http:\/\/www.interactiondesignhistory.com\/2022\/?p=4171"},"modified":"2022-03-17T23:33:35","modified_gmt":"2022-03-18T06:33:35","slug":"design-patters-in-digital-spaces","status":"publish","type":"post","link":"https:\/\/www.interactiondesignhistory.com\/2022\/design-patters-in-digital-spaces","title":{"rendered":"Design Patters in Digital Spaces"},"content":{"rendered":"\n<p>Nowadays, smart spaces represent a powerful tool that helps people connect, whether for professional purposes or non-professional purposes. In&nbsp;<em>A Pattern Language<\/em>, Christopher Alexander discussed the design patterns of spaces. Although this book seems to focus on describing a practical and functional architectural system, the concepts that Alexander has described in this book could be applied to design in general. According to him, this book was created to serve as a tool to &#8220;&#8230; allow anyone, and any group of people, to create beautiful, functional, meaningful places.&#8221; It is beneficial for us as experience designers to know the elements that are proven to aid in creating a &#8220;living&#8221; space that allows and serves the people who interact with it, what is required of a particular space in order to make its users feel comfortable and fulfill their needs in such a space.&nbsp;<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>&#8220;No social group \u2013 whether a family, a work group, or a school group \u2013 can survive without constant informal contact among its members.&#8221;<\/p><cite>Christopher Alexander, 1977<\/cite><\/blockquote>\n\n\n\n<p>According to Alexander, any space designed to have social interactions should have an accessible common area. Ideally, it should be located at the center of gravity of the space, where people don&#8217;t need to make deliberate efforts to get there. For example, on every floor in our dorm, there is a common area that is located right in front of the elevator, surrounded by individual rooms, and people are constantly passing the space. In a digital setting, such common space would take the form of a &#8220;feed&#8221; or &#8220;stream&#8221;. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/cdn.vox-cdn.com\/thumbor\/vPwf_IT-1YLYwgHmOVDnLaUZRts=\/0x0:2048x1410\/1200x800\/filters:focal(861x542:1187x868)\/cdn.vox-cdn.com\/uploads\/chorus_image\/image\/67272132\/facebook_website_redesign_1.0.jpg\" alt=\"Facebook's old web design will disappear in September - The Verge\" \/><figcaption>Example of a Facebook Homepage<\/figcaption><\/figure>\n\n\n\n<p>Taking Facebook for example, the &#8220;common area&#8221; would be the homepage where you can see the activities of your friends and families. The things they post or repost will show up here. People interact with one another by commenting, liking, or reposting, and no one has to make any special, extra effort to get there.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>&#8220;When more than half a dozen people work in the same place, it is essential that they not be forced to work in one huge undifferentiated space, but that instead, they can divide their workspace up, and so form smaller groups.&#8221;<\/p><cite>Christopher Alexander, 1977<\/cite><\/blockquote>\n\n\n\n<p>In&nbsp;<em>A Pattern Language<\/em>, Alexander also discussed how people would feel oppressed when forced to work in isolation or in a large undifferentiated group. According to Alexander, people would function the best when divided into smaller sub-groups with some form of clear separation, and arrange the smaller sub-groups into one group of people who may share common amenities. I can see this being applied in a school setting where we are divided into smaller sub-groups as individual classes, and the classes would come together to make up the entire major. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"http:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/03\/image-1024x768.png\" alt=\"\" class=\"wp-image-4174\" srcset=\"https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/03\/image-1024x768.png 1024w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/03\/image-300x225.png 300w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/03\/image-768x576.png 768w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/03\/image-720x540.png 720w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/03\/image-580x435.png 580w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/03\/image-320x240.png 320w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/03\/image.png 1300w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Example of a Slack workspace<\/figcaption><\/figure>\n\n\n\n<p>Such separation and grouping carries on into a digital setting, in the form of workspaces and channels on Slack. We have a workspace where people of the same major would reside, and individual channels for people taking the same class to come together and discuss.&nbsp;<\/p>\n\n\n\n<p>References:<\/p>\n\n\n\n<p>Alexander, Christopher, et al. <em>A Pattern Language: Towns, Buildings, Construction<\/em>. Oxford Univ. Pr., 1977.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Nowadays, smart spaces represent a powerful tool that helps people connect, whether for professional purposes or non-professional purposes. In&nbsp;A Pattern Language, Christopher Alexander discussed the design patterns of spaces. Although this book seems to focus on describing a practical and functional architectural system, the concepts that Alexander has described in this book could be applied [&hellip;]<\/p>\n","protected":false},"author":41,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-4171","post","type-post","status-publish","format-standard","hentry","category-design-patterns"],"_links":{"self":[{"href":"https:\/\/www.interactiondesignhistory.com\/2022\/wp-json\/wp\/v2\/posts\/4171","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\/41"}],"replies":[{"embeddable":true,"href":"https:\/\/www.interactiondesignhistory.com\/2022\/wp-json\/wp\/v2\/comments?post=4171"}],"version-history":[{"count":2,"href":"https:\/\/www.interactiondesignhistory.com\/2022\/wp-json\/wp\/v2\/posts\/4171\/revisions"}],"predecessor-version":[{"id":4176,"href":"https:\/\/www.interactiondesignhistory.com\/2022\/wp-json\/wp\/v2\/posts\/4171\/revisions\/4176"}],"wp:attachment":[{"href":"https:\/\/www.interactiondesignhistory.com\/2022\/wp-json\/wp\/v2\/media?parent=4171"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.interactiondesignhistory.com\/2022\/wp-json\/wp\/v2\/categories?post=4171"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.interactiondesignhistory.com\/2022\/wp-json\/wp\/v2\/tags?post=4171"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}