{"id":399,"date":"2015-08-04T11:40:28","date_gmt":"2015-08-04T11:40:28","guid":{"rendered":"http:\/\/fazilabdulkhadar.com\/?p=399"},"modified":"2021-02-23T10:09:29","modified_gmt":"2021-02-23T10:09:29","slug":"mobile-handedness-and-ow-zone","status":"publish","type":"post","link":"http:\/\/fazilabdulkhadar.com\/index.php\/2015\/08\/04\/mobile-handedness-and-ow-zone\/","title":{"rendered":"Mobile Handedness and OW Zone"},"content":{"rendered":"<p><strong>How the people use their phone with hands &amp; fingers?<\/strong>. which of there screens best serves a user using this app with a single hand ?.<\/p>\n<div class=\"slate-resizable-image-embed slate-image-embed__resize-full-width\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1066 lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-src=\"http:\/\/fazilabdulkhadar.com\/wp-content\/uploads\/2020\/09\/46.jpeg\" alt=\"\" width=\"849\" height=\"418\" data-sizes=\"auto\" data-srcset=\"http:\/\/fazilabdulkhadar.com\/wp-content\/uploads\/2020\/09\/46.jpeg 849w, http:\/\/fazilabdulkhadar.com\/wp-content\/uploads\/2020\/09\/46-300x148.jpeg 300w, http:\/\/fazilabdulkhadar.com\/wp-content\/uploads\/2020\/09\/46-768x378.jpeg 768w\" sizes=\"auto, (max-width: 849px) 100vw, 849px\" \/><\/div>\n<p><strong>Image 1 and 2:\u00a0<\/strong>The touch target in the two images are very tough to reach. u can test with your phone for this experiment.<\/p>\n<p><strong>Image 3:\u00a0<\/strong>Touch target is nice and big. The place is really easy to touch with one hand.<\/p>\n<p><strong>Image 4:<\/strong> the touch target is very tiny so its very hard to touch with one hand. each element on the phone should be a minimum of <strong>48dpi<\/strong>\u00a0touch target and good padding.<\/p>\n<p><strong>Ow Zone:<\/strong> 50% of mobile users are using the mobile device through a single hand. This brings us to something called the OW zone. So the following diagram is very important to keep in mind when you are building a mobile application.<\/p>\n<div class=\"slate-resizable-image-embed slate-image-embed__resize-full-width\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1067 lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-src=\"http:\/\/fazilabdulkhadar.com\/wp-content\/uploads\/2020\/09\/47.jpeg\" alt=\"\" width=\"400\" height=\"653\" data-sizes=\"auto\" data-srcset=\"http:\/\/fazilabdulkhadar.com\/wp-content\/uploads\/2020\/09\/47.jpeg 400w, http:\/\/fazilabdulkhadar.com\/wp-content\/uploads\/2020\/09\/47-184x300.jpeg 184w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/div>\n<p><strong>Red Zone:<\/strong> Once you should avoid. this is called\u00a0<strong>OW Zones<\/strong>.<br \/>\n<strong>Green or Natural Zone: <\/strong>This is the touch zone. If you put any action or buttons in this area it will make your application much easier to use with a single hand.<\/p>\n<p>Please take your smartphone and identify the OW Zones and natural zones.<\/p>\n<p>OW Zone Image courtesy: Udacity<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>How the people use their phone with hands &amp; fingers?. which of there screens best serves a user using this app with a single hand ?. Image 1 and 2:\u00a0The touch target in the two images are very tough to reach. u can test with your phone for this experiment. Image 3:\u00a0Touch target is nice&hellip;<\/p>\n","protected":false},"author":1,"featured_media":400,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,41],"tags":[],"class_list":["post-399","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","category-ux-designer"],"_links":{"self":[{"href":"http:\/\/fazilabdulkhadar.com\/index.php\/wp-json\/wp\/v2\/posts\/399","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/fazilabdulkhadar.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/fazilabdulkhadar.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/fazilabdulkhadar.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/fazilabdulkhadar.com\/index.php\/wp-json\/wp\/v2\/comments?post=399"}],"version-history":[{"count":3,"href":"http:\/\/fazilabdulkhadar.com\/index.php\/wp-json\/wp\/v2\/posts\/399\/revisions"}],"predecessor-version":[{"id":1069,"href":"http:\/\/fazilabdulkhadar.com\/index.php\/wp-json\/wp\/v2\/posts\/399\/revisions\/1069"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/fazilabdulkhadar.com\/index.php\/wp-json\/wp\/v2\/media\/400"}],"wp:attachment":[{"href":"http:\/\/fazilabdulkhadar.com\/index.php\/wp-json\/wp\/v2\/media?parent=399"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/fazilabdulkhadar.com\/index.php\/wp-json\/wp\/v2\/categories?post=399"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/fazilabdulkhadar.com\/index.php\/wp-json\/wp\/v2\/tags?post=399"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}