{"id":12195,"date":"2023-01-02T09:36:01","date_gmt":"2023-01-02T08:36:01","guid":{"rendered":"https:\/\/mobivery.com\/fitts-law-applied-in-ux-2\/"},"modified":"2025-04-15T14:18:45","modified_gmt":"2025-04-15T12:18:45","slug":"fitts-law-ux","status":"publish","type":"post","link":"https:\/\/mobivery.com\/en\/fitts-law-ux\/","title":{"rendered":"Fitts Law applied in UX"},"content":{"rendered":"

Introduction to Fitts Law<\/h2>\n

Have you updated your iPhone to iOS 16 and have you seen that notifications are now displayed at the bottom of the screen? Yes, this is what we are going to see today with Fitts Law applied in UX<\/i>. Let’s first see what Fitts Law<\/strong> is.<\/p>\n

 <\/p>\n

\"Fitts<\/p>\n

 <\/p>\n

What is Fitts Law?<\/h2>\n

It is a mathematical model made by the psychologist Paul Fitts in 1954<\/strong>. After a series of studies and experiments on psychomotricity, Fitts identified a relation between time needed to aim and reach a target and its size and distance. So, if the target is closer or larger is faster to reach it<\/strong>. This law today is perfectly applicable to the design of digital products.<\/p>\n

 <\/p>\n

\"what<\/p>\n

 <\/p>\n

 <\/p>\n

\n

 <\/p>\n

\u201c<\/span>Time required to hit a target with a fast move is a function of the size of the target and the distance to travel to it.\u201d<\/span><\/p>\n

Paul Fitts, 1954<\/span><\/span><\/p>\n

 <\/p>\n

\n

<\/h2>\n

And how do we apply Fitts Law in the UX of our apps?<\/h2>\n

 <\/p>\n

\"Fitts<\/p>\n

 <\/p>\n

Designers apply this law in various ways:<\/p>\n

– The important actions or buttons<\/strong> will be positioned in a place where our thumb can comfortably access using only one hand<\/strong>. We can see in the above image the area where users can easily reaching with their thumb. Here we will place the lower menu to change of sections and the primary actions of the app such as like, favorite, comments, buy, register… etc.<\/p>\n

– We will not make the forms too long<\/strong> because every time we have to reach something, the brain quickly calculates the goal and the distance to find the result of the speed and precision necessary for the task. In this example it would be to finish the form quickly and easily. Well, if this is so, our brain releases dopamine<\/strong> facilitating the repetition of the action. So it enables a direct increase in conversions<\/strong>. Therefore, the purchasing or contracting processes should be short, with few forms to fill out and little text to read.<\/span><\/p>\n

– We will design the buttons with large<\/strong> sizes and quite striking. So in this way, user can recognize the main actions<\/strong>and the work will be done intuitively and efficiently<\/strong>.<\/p>\n

– We will structure the navigability with sense<\/strong> so user finds what he needs quickly. We will keep in mind for the design the user’s reading pattern<\/strong> and also the hierarchy<\/strong> of the elements so that they can intuit where they should go, according to what they need, without reading or becoming saturated. This translates into good usability and ergonomics<\/strong>.<\/p>\n

 <\/p>\n

And what does this have to do with the example of notifications at the bottom of the screen?<\/h3>\n

As we have mentioned before, in this latest iOS 16 update, notifications have been placed lower so that the user, holding the device with one hand, can reach to open them with his thumb<\/strong>. At the top of the screen, it forced the user to perform a more complicated gesture or even hold the mobile with two hands.<\/p>\n

 <\/p>\n

Conclusion<\/h2>\n

\u2192<\/span>It is essential to place the important actions in places where our thumb can reach, with large and striking buttons. Navigation should be easy and intuitive and the forms as short as possible.<\/p>\n

 <\/p>\n

If you liked this post, you will surely like this other one about UX<\/a> tips<\/a> to design your app<\/a>, and do not hesitate to contact our app development team<\/a>! Thank you!<\/p>\n

\"ley<\/p>\n","protected":false},"excerpt":{"rendered":"

Tiempo de lectura:<\/span> 3<\/span> minutos<\/span><\/span>Introduction to Fitts Law Have you updated your iPhone to iOS 16 and have you seen that notifications are now displayed at the bottom of the screen? Yes, this is what we are going to see today with Fitts Law applied in UX. Let’s first see what Fitts Law is.     What is Fitts […]<\/p>\n","protected":false},"author":4,"featured_media":12173,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[113],"tags":[121,131],"class_list":["post-12195","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-en-2","tag-design-en","tag-diseno-en"],"yoast_head":"\nFitts Law applied in UX<\/title>\n<meta name=\"description\" content=\"Explore how Fitts\u2019 Law applies to UX design to create faster, more accessible, and user-friendly interfaces.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mobivery.com\/en\/fitts-law-ux\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Fitts Law applied in UX\" \/>\n<meta property=\"og:description\" content=\"Explore how Fitts\u2019 Law applies to UX design to create faster, more accessible, and user-friendly interfaces.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mobivery.com\/en\/fitts-law-ux\/\" \/>\n<meta property=\"og:site_name\" content=\"Mobivery\" \/>\n<meta property=\"article:published_time\" content=\"2023-01-02T08:36:01+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-15T12:18:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mobivery.com\/wp-content\/uploads\/2022\/10\/ley-de-fitts.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1512\" \/>\n\t<meta property=\"og:image:height\" content=\"1130\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Laura Abajo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Laura Abajo\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/mobivery.com\\\/en\\\/fitts-law-ux\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mobivery.com\\\/en\\\/fitts-law-ux\\\/\"},\"author\":{\"name\":\"Laura Abajo\",\"@id\":\"https:\\\/\\\/mobivery.com\\\/en\\\/#\\\/schema\\\/person\\\/68bcd4db3b54b2f26d8184698ccad1d5\"},\"headline\":\"Fitts Law applied in UX\",\"datePublished\":\"2023-01-02T08:36:01+00:00\",\"dateModified\":\"2025-04-15T12:18:45+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/mobivery.com\\\/en\\\/fitts-law-ux\\\/\"},\"wordCount\":574,\"publisher\":{\"@id\":\"https:\\\/\\\/mobivery.com\\\/en\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/mobivery.com\\\/en\\\/fitts-law-ux\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/mobivery.com\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/ley-de-fitts.png\",\"keywords\":[\"Design\",\"Dise\u00f1o\"],\"articleSection\":[\"Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/mobivery.com\\\/en\\\/fitts-law-ux\\\/\",\"url\":\"https:\\\/\\\/mobivery.com\\\/en\\\/fitts-law-ux\\\/\",\"name\":\"Fitts Law applied in UX\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mobivery.com\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/mobivery.com\\\/en\\\/fitts-law-ux\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/mobivery.com\\\/en\\\/fitts-law-ux\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/mobivery.com\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/ley-de-fitts.png\",\"datePublished\":\"2023-01-02T08:36:01+00:00\",\"dateModified\":\"2025-04-15T12:18:45+00:00\",\"description\":\"Explore how Fitts\u2019 Law applies to UX design to create faster, more accessible, and user-friendly interfaces.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/mobivery.com\\\/en\\\/fitts-law-ux\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/mobivery.com\\\/en\\\/fitts-law-ux\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/mobivery.com\\\/en\\\/fitts-law-ux\\\/#primaryimage\",\"url\":\"https:\\\/\\\/mobivery.com\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/ley-de-fitts.png\",\"contentUrl\":\"https:\\\/\\\/mobivery.com\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/ley-de-fitts.png\",\"width\":1512,\"height\":1130,\"caption\":\"ley de fitts\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mobivery.com\\\/en\\\/fitts-law-ux\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/mobivery.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Fitts Law applied in UX\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/mobivery.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/mobivery.com\\\/en\\\/\",\"name\":\"Mobivery\",\"description\":\"We are touchnology\",\"publisher\":{\"@id\":\"https:\\\/\\\/mobivery.com\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/mobivery.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/mobivery.com\\\/en\\\/#organization\",\"name\":\"Mobivery\",\"url\":\"https:\\\/\\\/mobivery.com\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/mobivery.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/mobivery.com\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/Grupo-148-negro.png\",\"contentUrl\":\"https:\\\/\\\/mobivery.com\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/Grupo-148-negro.png\",\"width\":260,\"height\":62,\"caption\":\"Mobivery\"},\"image\":{\"@id\":\"https:\\\/\\\/mobivery.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/es.linkedin.com\\\/company\\\/mobivery\",\"https:\\\/\\\/www.instagram.com\\\/mobivery\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/mobivery.com\\\/en\\\/#\\\/schema\\\/person\\\/68bcd4db3b54b2f26d8184698ccad1d5\",\"name\":\"Laura Abajo\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/efdf9e2280ac98fd0d7f18e0898cf2c9beff69354108ca1658e70e19e385ccb7?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/efdf9e2280ac98fd0d7f18e0898cf2c9beff69354108ca1658e70e19e385ccb7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/efdf9e2280ac98fd0d7f18e0898cf2c9beff69354108ca1658e70e19e385ccb7?s=96&d=mm&r=g\",\"caption\":\"Laura Abajo\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Fitts Law applied in UX","description":"Explore how Fitts\u2019 Law applies to UX design to create faster, more accessible, and user-friendly interfaces.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/mobivery.com\/en\/fitts-law-ux\/","og_locale":"en_US","og_type":"article","og_title":"Fitts Law applied in UX","og_description":"Explore how Fitts\u2019 Law applies to UX design to create faster, more accessible, and user-friendly interfaces.","og_url":"https:\/\/mobivery.com\/en\/fitts-law-ux\/","og_site_name":"Mobivery","article_published_time":"2023-01-02T08:36:01+00:00","article_modified_time":"2025-04-15T12:18:45+00:00","og_image":[{"width":1512,"height":1130,"url":"https:\/\/mobivery.com\/wp-content\/uploads\/2022\/10\/ley-de-fitts.png","type":"image\/png"}],"author":"Laura Abajo","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Laura Abajo","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/mobivery.com\/en\/fitts-law-ux\/#article","isPartOf":{"@id":"https:\/\/mobivery.com\/en\/fitts-law-ux\/"},"author":{"name":"Laura Abajo","@id":"https:\/\/mobivery.com\/en\/#\/schema\/person\/68bcd4db3b54b2f26d8184698ccad1d5"},"headline":"Fitts Law applied in UX","datePublished":"2023-01-02T08:36:01+00:00","dateModified":"2025-04-15T12:18:45+00:00","mainEntityOfPage":{"@id":"https:\/\/mobivery.com\/en\/fitts-law-ux\/"},"wordCount":574,"publisher":{"@id":"https:\/\/mobivery.com\/en\/#organization"},"image":{"@id":"https:\/\/mobivery.com\/en\/fitts-law-ux\/#primaryimage"},"thumbnailUrl":"https:\/\/mobivery.com\/wp-content\/uploads\/2022\/10\/ley-de-fitts.png","keywords":["Design","Dise\u00f1o"],"articleSection":["Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/mobivery.com\/en\/fitts-law-ux\/","url":"https:\/\/mobivery.com\/en\/fitts-law-ux\/","name":"Fitts Law applied in UX","isPartOf":{"@id":"https:\/\/mobivery.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mobivery.com\/en\/fitts-law-ux\/#primaryimage"},"image":{"@id":"https:\/\/mobivery.com\/en\/fitts-law-ux\/#primaryimage"},"thumbnailUrl":"https:\/\/mobivery.com\/wp-content\/uploads\/2022\/10\/ley-de-fitts.png","datePublished":"2023-01-02T08:36:01+00:00","dateModified":"2025-04-15T12:18:45+00:00","description":"Explore how Fitts\u2019 Law applies to UX design to create faster, more accessible, and user-friendly interfaces.","breadcrumb":{"@id":"https:\/\/mobivery.com\/en\/fitts-law-ux\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mobivery.com\/en\/fitts-law-ux\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mobivery.com\/en\/fitts-law-ux\/#primaryimage","url":"https:\/\/mobivery.com\/wp-content\/uploads\/2022\/10\/ley-de-fitts.png","contentUrl":"https:\/\/mobivery.com\/wp-content\/uploads\/2022\/10\/ley-de-fitts.png","width":1512,"height":1130,"caption":"ley de fitts"},{"@type":"BreadcrumbList","@id":"https:\/\/mobivery.com\/en\/fitts-law-ux\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mobivery.com\/en\/"},{"@type":"ListItem","position":2,"name":"Fitts Law applied in UX"}]},{"@type":"WebSite","@id":"https:\/\/mobivery.com\/en\/#website","url":"https:\/\/mobivery.com\/en\/","name":"Mobivery","description":"We are touchnology","publisher":{"@id":"https:\/\/mobivery.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mobivery.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/mobivery.com\/en\/#organization","name":"Mobivery","url":"https:\/\/mobivery.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mobivery.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/mobivery.com\/wp-content\/uploads\/2022\/02\/Grupo-148-negro.png","contentUrl":"https:\/\/mobivery.com\/wp-content\/uploads\/2022\/02\/Grupo-148-negro.png","width":260,"height":62,"caption":"Mobivery"},"image":{"@id":"https:\/\/mobivery.com\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/es.linkedin.com\/company\/mobivery","https:\/\/www.instagram.com\/mobivery"]},{"@type":"Person","@id":"https:\/\/mobivery.com\/en\/#\/schema\/person\/68bcd4db3b54b2f26d8184698ccad1d5","name":"Laura Abajo","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/efdf9e2280ac98fd0d7f18e0898cf2c9beff69354108ca1658e70e19e385ccb7?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/efdf9e2280ac98fd0d7f18e0898cf2c9beff69354108ca1658e70e19e385ccb7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/efdf9e2280ac98fd0d7f18e0898cf2c9beff69354108ca1658e70e19e385ccb7?s=96&d=mm&r=g","caption":"Laura Abajo"}}]}},"_links":{"self":[{"href":"https:\/\/mobivery.com\/en\/wp-json\/wp\/v2\/posts\/12195","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mobivery.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mobivery.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mobivery.com\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/mobivery.com\/en\/wp-json\/wp\/v2\/comments?post=12195"}],"version-history":[{"count":0,"href":"https:\/\/mobivery.com\/en\/wp-json\/wp\/v2\/posts\/12195\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mobivery.com\/en\/wp-json\/wp\/v2\/media\/12173"}],"wp:attachment":[{"href":"https:\/\/mobivery.com\/en\/wp-json\/wp\/v2\/media?parent=12195"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mobivery.com\/en\/wp-json\/wp\/v2\/categories?post=12195"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mobivery.com\/en\/wp-json\/wp\/v2\/tags?post=12195"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}