{"id":6771,"date":"2014-01-19T13:54:57","date_gmt":"2014-01-19T18:54:57","guid":{"rendered":"http:\/\/lemasney.com\/consulting\/?p=6771"},"modified":"2020-07-11T13:34:49","modified_gmt":"2020-07-11T17:34:49","slug":"18-365-common-fate-design-principle","status":"publish","type":"post","link":"https:\/\/lemasney.com\/consulting\/2014\/01\/19\/18-365-common-fate-design-principle\/","title":{"rendered":"18 of 365: Common fate #design principle"},"content":{"rendered":"<div id=\"attachment_6772\" style=\"width: 1010px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/01\/18-of-365-Common-fate-design-principle.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-6772\" data-attachment-id=\"6772\" data-permalink=\"https:\/\/lemasney.com\/consulting\/2014\/01\/19\/18-365-common-fate-design-principle\/18-of-365-common-fate-design-principle\/\" data-orig-file=\"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/01\/18-of-365-Common-fate-design-principle.png?fit=1000%2C667&amp;ssl=1\" data-orig-size=\"1000,667\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}\" data-image-title=\"18 of 365 &amp;#8211; Common fate design principle by John LeMasney via lemasney.com\" data-image-description=\"&lt;p&gt;18 of 365 &amp;#8211; Common fate design principle by John LeMasney via lemasney.com&lt;\/p&gt;\n\" data-image-caption=\"&lt;p&gt;18 of 365 &amp;#8211; Common fate design principle by John LeMasney via lemasney.com&lt;\/p&gt;\n\" data-large-file=\"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/01\/18-of-365-Common-fate-design-principle.png?fit=1000%2C667&amp;ssl=1\" class=\"size-full wp-image-6772\" alt=\"18 of 365 - Common fate design principle by John LeMasney via lemasney.com\" src=\"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/01\/18-of-365-Common-fate-design-principle.png?resize=1000%2C667&#038;ssl=1\" width=\"1000\" height=\"667\" srcset=\"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/01\/18-of-365-Common-fate-design-principle.png?w=1000&amp;ssl=1 1000w, https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/01\/18-of-365-Common-fate-design-principle.png?resize=500%2C333&amp;ssl=1 500w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a><p id=\"caption-attachment-6772\" class=\"wp-caption-text\">18 of 365 &#8211; Common fate design principle by John LeMasney via lemasney.com<\/p><\/div>\n<p>Common fate is another of the gestalt principles, and states that objects that are closer to each other or grouped in some way comparative to the overall set seem to be together, on a common path, or associated more closely than other design elements.<\/p>\n<p>In this illustration, I started with a line of identical circles, evenly spaced. As the story progresses, the line of circles breaks into two even lines, creating two distinct groups. In the third part of the story, some of the circles go off on their own, and some of the circle pairs start to travel together, but none are a part of the original lines anymore.<\/p>\n<h6 class=\"zemanta-related-title\" style=\"font-size: 1em;\">Related articles<\/h6>\n<ul class=\"zemanta-article-ul zemanta-article-ul-image\" style=\"margin: 0; padding: 0; overflow: hidden;\">\n<li class=\"zemanta-article-ul-li-image zemanta-article-ul-li\" style=\"padding: 0; background: none; list-style: none; display: block; float: left; vertical-align: top; text-align: left; width: 84px; font-size: 11px; margin: 2px 10px 10px 2px;\"><a style=\"box-shadow: 0px 0px 4px #999; padding: 2px; display: block; border-radius: 2px; text-decoration: none;\" href=\"https:\/\/lemasney.com\/consulting\/2014\/01\/15\/15-365-closure-design-principle\/\" target=\"_blank\" rel=\"noopener noreferrer\"><\/a><a style=\"display: block; overflow: hidden; text-decoration: none; line-height: 12pt; height: 80px; padding: 5px 2px 0 2px;\" href=\"https:\/\/lemasney.com\/consulting\/2014\/01\/15\/15-365-closure-design-principle\/\" target=\"_blank\" rel=\"noopener noreferrer\">15 of 365: Closure #design #principle<\/a><\/li>\n<li class=\"zemanta-article-ul-li-image zemanta-article-ul-li\" style=\"padding: 0; background: none; list-style: none; display: block; float: left; vertical-align: top; text-align: left; width: 84px; font-size: 11px; margin: 2px 10px 10px 2px;\"><a style=\"box-shadow: 0px 0px 4px #999; padding: 2px; display: block; border-radius: 2px; text-decoration: none;\" href=\"https:\/\/lemasney.com\/consulting\/2014\/01\/18\/17-365-color-design-principle\/\" target=\"_blank\" rel=\"noopener noreferrer\"><\/a><a style=\"display: block; overflow: hidden; text-decoration: none; line-height: 12pt; height: 80px; padding: 5px 2px 0 2px;\" href=\"https:\/\/lemasney.com\/consulting\/2014\/01\/18\/17-365-color-design-principle\/\" target=\"_blank\" rel=\"noopener noreferrer\">17 of 365: Color #design principle<\/a><\/li>\n<li class=\"zemanta-article-ul-li-image zemanta-article-ul-li\" style=\"padding: 0; background: none; list-style: none; display: block; float: left; vertical-align: top; text-align: left; width: 84px; font-size: 11px; margin: 2px 10px 10px 2px;\"><a style=\"box-shadow: 0px 0px 4px #999; padding: 2px; display: block; border-radius: 2px; text-decoration: none;\" href=\"https:\/\/lemasney.com\/consulting\/2014\/01\/13\/13-365-chunking-design-principle\/\" target=\"_blank\" rel=\"noopener noreferrer\"><\/a><a style=\"display: block; overflow: hidden; text-decoration: none; line-height: 12pt; height: 80px; padding: 5px 2px 0 2px;\" href=\"https:\/\/lemasney.com\/consulting\/2014\/01\/13\/13-365-chunking-design-principle\/\" target=\"_blank\" rel=\"noopener noreferrer\">13 of 365: Chunking #design #principle<\/a><\/li>\n<li class=\"zemanta-article-ul-li-image zemanta-article-ul-li\" style=\"padding: 0; background: none; list-style: none; display: block; float: left; vertical-align: top; text-align: left; width: 84px; font-size: 11px; margin: 2px 10px 10px 2px;\"><a style=\"box-shadow: 0px 0px 4px #999; padding: 2px; display: block; border-radius: 2px; text-decoration: none;\" href=\"https:\/\/lemasney.com\/consulting\/2014\/01\/16\/16-365-cognitive-dissonance-design-principle\/\" target=\"_blank\" rel=\"noopener noreferrer\"><\/a><a style=\"display: block; overflow: hidden; text-decoration: none; line-height: 12pt; height: 80px; padding: 5px 2px 0 2px;\" href=\"https:\/\/lemasney.com\/consulting\/2014\/01\/16\/16-365-cognitive-dissonance-design-principle\/\" target=\"_blank\" rel=\"noopener noreferrer\">16 of 365: Cognitive Dissonance #design principle<\/a><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<div class=\"zemanta-pixie\" style=\"margin-top: 10px; height: 15px;\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Common fate is another of the gestalt principles, and states that objects that are closer to each other or grouped in some way comparative to the overall set seem to be together, on a common path, or associated more closely than other design elements. In this illustration, I started with a line of identical circles, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6772,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[3,7,18,3659,1128,3653,3654,29,31,32,5],"tags":[244,1682,411,3870],"class_list":{"0":"post-6771","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-brand","8":"category-consulting","9":"category-cv","10":"category-design-principles","11":"category-illustration","12":"category-insights","13":"category-portfolio","14":"category-research-interests","15":"category-teaching","16":"category-teaching-experience","17":"category-technology","18":"tag-design","19":"tag-emotion","20":"tag-inkscape","21":"tag-john-lemasney","22":"czr-hentry"},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/01\/18-of-365-Common-fate-design-principle.png?fit=1000%2C667&ssl=1","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p3h6y2-1Ld","jetpack_likes_enabled":true,"jetpack-related-posts":[{"id":6836,"url":"https:\/\/lemasney.com\/consulting\/2014\/01\/24\/24-365-contour-bias-design-principle\/","url_meta":{"origin":6771,"position":0},"title":"24 of 365: Contour Bias #design principle","author":"lemsy","date":"2014-01-24","format":false,"excerpt":"Contour Bias is a well-studied theory that shows that humans prefer\u00a0rounded objects and choices over angled ones. The more angled, the more that human brains reacted with activity in the brain associated with fear and flight. The studies also made sure to remove objects that might normally have a fear\u2026","rel":"","context":"In &quot;brand&quot;","block_context":{"text":"brand","link":"https:\/\/lemasney.com\/consulting\/category\/consulting\/brand\/"},"img":{"alt_text":"24 of 365 - Contour bias design principle by John LeMasney via lemasney.com","src":"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/01\/24-of-365-Contour-bias-design-principle.png?fit=1000%2C667&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/01\/24-of-365-Contour-bias-design-principle.png?fit=1000%2C667&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/01\/24-of-365-Contour-bias-design-principle.png?fit=1000%2C667&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/01\/24-of-365-Contour-bias-design-principle.png?fit=1000%2C667&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":6809,"url":"https:\/\/lemasney.com\/consulting\/2014\/01\/23\/23-365-constraint-design-principle\/","url_meta":{"origin":6771,"position":1},"title":"23 of 365: Constraint #design principle","author":"lemsy","date":"2014-01-23","format":false,"excerpt":"Constraint is built into systems to allow limits to negative actions a user might otherwise take in that system. In mechanical systems where too much power, volume, or other resources could be over-applied, constraints prevent the user from doing so. We also can be psychologically or physically constrained from entering\u2026","rel":"","context":"In &quot;brand&quot;","block_context":{"text":"brand","link":"https:\/\/lemasney.com\/consulting\/category\/consulting\/brand\/"},"img":{"alt_text":"23 of 365 - Constraint design principle by John LeMasney via lemasney.com","src":"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/01\/23-of-365-Constraint-design-principle.png?fit=1000%2C667&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/01\/23-of-365-Constraint-design-principle.png?fit=1000%2C667&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/01\/23-of-365-Constraint-design-principle.png?fit=1000%2C667&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/01\/23-of-365-Constraint-design-principle.png?fit=1000%2C667&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":6799,"url":"https:\/\/lemasney.com\/consulting\/2014\/01\/22\/22-365-constancy-design-principle\/","url_meta":{"origin":6771,"position":2},"title":"22 of 365: Constancy #design principle","author":"lemsy","date":"2014-01-22","format":false,"excerpt":"Constancy is the idea that we see a particular object in the size, color, shape, feel, and other senses that we expect. We always see humans, for instance, in the same way. We expect that they will be 6 foot tall or less, and see multiple humans in that context.\u2026","rel":"","context":"In &quot;brand&quot;","block_context":{"text":"brand","link":"https:\/\/lemasney.com\/consulting\/category\/consulting\/brand\/"},"img":{"alt_text":"22 of 365 - Constancy design principle by John LeMasney via lemasney.com","src":"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/01\/22-of-365-Constancy-design-principle.png?fit=1000%2C667&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/01\/22-of-365-Constancy-design-principle.png?fit=1000%2C667&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/01\/22-of-365-Constancy-design-principle.png?fit=1000%2C667&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/01\/22-of-365-Constancy-design-principle.png?fit=1000%2C667&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":6787,"url":"https:\/\/lemasney.com\/consulting\/2014\/01\/21\/21-365-consistency-design-principle\/","url_meta":{"origin":6771,"position":3},"title":"21 of 365: Consistency #design principle","author":"lemsy","date":"2014-01-21","format":false,"excerpt":"Consistency is important in design because it allows you to create the same quality of experience across pages (such as the use of grids in magazines), spaces (the common layout of department stores of a chain), objects (the dashboard of a car), buttons (standardized web browser dialogs), or other design\u2026","rel":"","context":"In &quot;brand&quot;","block_context":{"text":"brand","link":"https:\/\/lemasney.com\/consulting\/category\/consulting\/brand\/"},"img":{"alt_text":"21 of 365 - Consistency design principle by John LeMasney via lemasney.com","src":"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/01\/21-of-365-Consistency-design-principle.png?fit=1000%2C667&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/01\/21-of-365-Consistency-design-principle.png?fit=1000%2C667&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/01\/21-of-365-Consistency-design-principle.png?fit=1000%2C667&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/01\/21-of-365-Consistency-design-principle.png?fit=1000%2C667&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":6777,"url":"https:\/\/lemasney.com\/consulting\/2014\/01\/19\/19-365-comparison-design-principle\/","url_meta":{"origin":6771,"position":4},"title":"19 of 365: Comparison #design principle","author":"lemsy","date":"2014-01-19","format":false,"excerpt":"Comparison as a design principle takes into account the effect of illustration of differences in a controlled system. Comparison is most effective when it is benchmarked against standard systems, enforced by fact and citation, and when apples are compared to apples. It is easy but not recommended to create a\u2026","rel":"","context":"In &quot;brand&quot;","block_context":{"text":"brand","link":"https:\/\/lemasney.com\/consulting\/category\/consulting\/brand\/"},"img":{"alt_text":"19 of 365 - Comparison design principle by John LeMasney via lemasney.com","src":"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/01\/19-of-365-Comparison-design-principle.png?fit=1000%2C667&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/01\/19-of-365-Comparison-design-principle.png?fit=1000%2C667&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/01\/19-of-365-Comparison-design-principle.png?fit=1000%2C667&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/01\/19-of-365-Comparison-design-principle.png?fit=1000%2C667&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":6782,"url":"https:\/\/lemasney.com\/consulting\/2014\/01\/20\/20-365-confirmation-design-principle\/","url_meta":{"origin":6771,"position":5},"title":"20 of 365: Confirmation #design principle","author":"lemsy","date":"2014-01-20","format":false,"excerpt":"Confirmation is necessary when you want to remind, warn, or make a user especially aware of the importance of a change or choice that they are about to make. Confirmation can happen in industrial design, such as when you have to confirm your intention to arm a device by lifting\u2026","rel":"","context":"In &quot;brand&quot;","block_context":{"text":"brand","link":"https:\/\/lemasney.com\/consulting\/category\/consulting\/brand\/"},"img":{"alt_text":"20 of 365 - Confirmation design principle by John LeMasney via lemasney.com","src":"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/01\/20-of-365-Confirmation-design-principle.png?fit=1000%2C667&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/01\/20-of-365-Confirmation-design-principle.png?fit=1000%2C667&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/01\/20-of-365-Confirmation-design-principle.png?fit=1000%2C667&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/01\/20-of-365-Confirmation-design-principle.png?fit=1000%2C667&ssl=1&resize=700%2C400 2x"},"classes":[]}],"_links":{"self":[{"href":"https:\/\/lemasney.com\/consulting\/wp-json\/wp\/v2\/posts\/6771","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lemasney.com\/consulting\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lemasney.com\/consulting\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lemasney.com\/consulting\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lemasney.com\/consulting\/wp-json\/wp\/v2\/comments?post=6771"}],"version-history":[{"count":6,"href":"https:\/\/lemasney.com\/consulting\/wp-json\/wp\/v2\/posts\/6771\/revisions"}],"predecessor-version":[{"id":44675,"href":"https:\/\/lemasney.com\/consulting\/wp-json\/wp\/v2\/posts\/6771\/revisions\/44675"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lemasney.com\/consulting\/wp-json\/wp\/v2\/media\/6772"}],"wp:attachment":[{"href":"https:\/\/lemasney.com\/consulting\/wp-json\/wp\/v2\/media?parent=6771"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lemasney.com\/consulting\/wp-json\/wp\/v2\/categories?post=6771"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lemasney.com\/consulting\/wp-json\/wp\/v2\/tags?post=6771"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}