{"id":746,"date":"2024-09-24T21:51:04","date_gmt":"2024-09-24T21:51:04","guid":{"rendered":"https:\/\/www.interactiondesignhistory.com\/Fall2024\/?p=746"},"modified":"2024-09-24T21:51:05","modified_gmt":"2024-09-24T21:51:05","slug":"what-i-will-consider-gestalt-principles-and-fitts-law-in-my-future-ixd-design","status":"publish","type":"post","link":"https:\/\/www.interactiondesignhistory.com\/Fall2024\/industrial-age\/what-i-will-consider-gestalt-principles-and-fitts-law-in-my-future-ixd-design\/","title":{"rendered":"What I will consider Gestalt principles and Fitt\u2019s Law in my future ixd design"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">First, about Gestalt principles using in my future ixd design.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/www.interactiondesignhistory.com\/Fall2024\/wp-content\/uploads\/2024\/09\/gestalt-laws-of-perceptual-organization-2795835-01-8f488f3d191048a0bc42e23ff9470042-1024x683.png\" alt=\"\" class=\"wp-image-747\" style=\"width:208px;height:auto\" srcset=\"https:\/\/www.interactiondesignhistory.com\/Fall2024\/wp-content\/uploads\/2024\/09\/gestalt-laws-of-perceptual-organization-2795835-01-8f488f3d191048a0bc42e23ff9470042-1024x683.png 1024w, https:\/\/www.interactiondesignhistory.com\/Fall2024\/wp-content\/uploads\/2024\/09\/gestalt-laws-of-perceptual-organization-2795835-01-8f488f3d191048a0bc42e23ff9470042-300x200.png 300w, https:\/\/www.interactiondesignhistory.com\/Fall2024\/wp-content\/uploads\/2024\/09\/gestalt-laws-of-perceptual-organization-2795835-01-8f488f3d191048a0bc42e23ff9470042-768x512.png 768w, https:\/\/www.interactiondesignhistory.com\/Fall2024\/wp-content\/uploads\/2024\/09\/gestalt-laws-of-perceptual-organization-2795835-01-8f488f3d191048a0bc42e23ff9470042-820x547.png 820w, https:\/\/www.interactiondesignhistory.com\/Fall2024\/wp-content\/uploads\/2024\/09\/gestalt-laws-of-perceptual-organization-2795835-01-8f488f3d191048a0bc42e23ff9470042-750x500.png 750w, https:\/\/www.interactiondesignhistory.com\/Fall2024\/wp-content\/uploads\/2024\/09\/gestalt-laws-of-perceptual-organization-2795835-01-8f488f3d191048a0bc42e23ff9470042.png 1500w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">1.Similarity. This is most about unity in one design. All the typeface\/color\/logo\/overall brand idea\/concept\/etc have to be in one style. Which means the brand book is very important to made.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">2.Good Figure. Make a obvious different between background and content. Thus, users would&#8217;t be disturb when they are reading the content.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">3.Proximity.I will place all the similar function\/bottom\/information\/icon\/ect near each other. Thus, users can find the category they want more quickly and accurately.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">4.Continuity.If I&#8217;m developing an app, I will first consider the concept map, causal map, and stock flow before starting the actual build. These maps help create a smoother user experience and provide a clear vision of how the app should function.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">5.Closure. The end and start should be super easy recognizable for users. Thus , the page for part for end and start have to include clear symbols.  <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">6.Common Region. Think about what element are in one same group. Then make them moving or toward in one direction.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<p class=\"wp-block-paragraph\">Second, about Fitt\u2019s Law using in my future ixd design. I\u2019d also make sure that interactive elements follow Fitts\u2019 Law to improve usability:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"512\" height=\"192\" src=\"https:\/\/www.interactiondesignhistory.com\/Fall2024\/wp-content\/uploads\/2024\/09\/image-17.png\" alt=\"\" class=\"wp-image-749\" style=\"width:330px;height:auto\" srcset=\"https:\/\/www.interactiondesignhistory.com\/Fall2024\/wp-content\/uploads\/2024\/09\/image-17.png 512w, https:\/\/www.interactiondesignhistory.com\/Fall2024\/wp-content\/uploads\/2024\/09\/image-17-300x113.png 300w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Long in short, the theory of Fitt\u2019s Law is the farther away a target is and the smaller it is, the longer it takes to reach. In opposite, the closer and larger a target is, the easier it is to interact with. Base on this, I will design the bottom, icon, image and etc that are expect to click mostly have to be as big as esay to achieve and click on accurately by mouse or finger.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>First, about Gestalt principles using in my future ixd design. 1.Similarity. This is most about unity in one design. All&#8230;<\/p>\n","protected":false},"author":15,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14,13],"tags":[],"class_list":["post-746","post","type-post","status-publish","format-standard","hentry","category-gestalt-principles-fittss-law","category-industrial-age"],"_links":{"self":[{"href":"https:\/\/www.interactiondesignhistory.com\/Fall2024\/wp-json\/wp\/v2\/posts\/746","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.interactiondesignhistory.com\/Fall2024\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.interactiondesignhistory.com\/Fall2024\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.interactiondesignhistory.com\/Fall2024\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/www.interactiondesignhistory.com\/Fall2024\/wp-json\/wp\/v2\/comments?post=746"}],"version-history":[{"count":1,"href":"https:\/\/www.interactiondesignhistory.com\/Fall2024\/wp-json\/wp\/v2\/posts\/746\/revisions"}],"predecessor-version":[{"id":756,"href":"https:\/\/www.interactiondesignhistory.com\/Fall2024\/wp-json\/wp\/v2\/posts\/746\/revisions\/756"}],"wp:attachment":[{"href":"https:\/\/www.interactiondesignhistory.com\/Fall2024\/wp-json\/wp\/v2\/media?parent=746"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.interactiondesignhistory.com\/Fall2024\/wp-json\/wp\/v2\/categories?post=746"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.interactiondesignhistory.com\/Fall2024\/wp-json\/wp\/v2\/tags?post=746"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}