{"id":785,"date":"2024-10-01T09:05:02","date_gmt":"2024-10-01T09:05:02","guid":{"rendered":"https:\/\/www.interactiondesignhistory.com\/Fall2024\/?p=785"},"modified":"2024-10-01T09:05:02","modified_gmt":"2024-10-01T09:05:02","slug":"gestalt-principles-and-fittss-law-3","status":"publish","type":"post","link":"https:\/\/www.interactiondesignhistory.com\/Fall2024\/industrial-age\/gestalt-principles-fittss-law\/gestalt-principles-and-fittss-law-3\/","title":{"rendered":"Gestalt Principles and Fitts&#8217;s Law"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">When I sit down to design an app or a website, I always keep Gestalt principles in mind to make things easier for users. For example, if I\u2019m designing a shopping app, I\u2019ll place the \u201cAdd to Cart\u201d button close to the product image and details so it\u2019s clear that they belong together. I\u2019ll also use the same color for all action buttons, like \u201cBuy Now\u201d or \u201cSave for Later,\u201d because it helps users quickly understand they have similar functions.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I will also apply Fitt\u2019s Law to make interactions smoother. For instance, when designing a mobile game, I\u2019ll make the main action button larger and place it near the bottom of the screen, where users naturally hold their phones. By doing this, I make it easier and faster for users to tap on important buttons, improving their experience and making the app feel more intuitive to use.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>When I sit down to design an app or a website, I always keep Gestalt principles in mind to make&#8230;<\/p>\n","protected":false},"author":9,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14],"tags":[],"class_list":["post-785","post","type-post","status-publish","format-standard","hentry","category-gestalt-principles-fittss-law"],"_links":{"self":[{"href":"https:\/\/www.interactiondesignhistory.com\/Fall2024\/wp-json\/wp\/v2\/posts\/785","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\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.interactiondesignhistory.com\/Fall2024\/wp-json\/wp\/v2\/comments?post=785"}],"version-history":[{"count":1,"href":"https:\/\/www.interactiondesignhistory.com\/Fall2024\/wp-json\/wp\/v2\/posts\/785\/revisions"}],"predecessor-version":[{"id":786,"href":"https:\/\/www.interactiondesignhistory.com\/Fall2024\/wp-json\/wp\/v2\/posts\/785\/revisions\/786"}],"wp:attachment":[{"href":"https:\/\/www.interactiondesignhistory.com\/Fall2024\/wp-json\/wp\/v2\/media?parent=785"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.interactiondesignhistory.com\/Fall2024\/wp-json\/wp\/v2\/categories?post=785"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.interactiondesignhistory.com\/Fall2024\/wp-json\/wp\/v2\/tags?post=785"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}