{"id":18201,"date":"2017-06-20T15:14:21","date_gmt":"2017-06-20T19:14:21","guid":{"rendered":"https:\/\/mjtsai.com\/blog\/?p=18201"},"modified":"2017-06-20T15:14:21","modified_gmt":"2017-06-20T19:14:21","slug":"why-reach-navigation-should-replace-the-navbar","status":"publish","type":"post","link":"https:\/\/mjtsai.com\/blog\/2017\/06\/20\/why-reach-navigation-should-replace-the-navbar\/","title":{"rendered":"Why Reach Navigation Should Replace the Navbar"},"content":{"rendered":"<p><a href=\"https:\/\/medium.com\/tall-west\/lets-ditch-the-nav-bar-3692cb17cc67\">Brad Ellis<\/a> (via <a href=\"https:\/\/daringfireball.net\/linked\/2017\/06\/19\/ellis-reach-navigation\">John Gruber<\/a>):<\/p>\n<blockquote cite=\"https:\/\/medium.com\/tall-west\/lets-ditch-the-nav-bar-3692cb17cc67\"><p>Burgeoning screens mean the distance between the navbar and our thumbs has grown. The screen on a 7 Plus is so tall it would take a thumb-length increase of 150 percent to reach those pesky buttons with one hand.<\/p>\n<p>[&#8230;]<\/p>\n<p>Now here&rsquo;s where the turn toward Reach Nav gets more apparent. Apple has already started weaning their apps off the navbar. Maps and Music both had structural redesigns for iOS 10 that diminished or removed the need for navbars.<\/p>\n<p>Now both apps use a sheet you can swipe down to dismiss.<\/p>\n<p>[&#8230;]<\/p>\n<p>Here are some specifics on how to incorporate Reach Nav in your apps[&#8230;]<\/p><\/blockquote>\n<p>Swiping is often more convenient, even on an iPhone SE. I do this all the time in Overcast, even though I can reach the button.<\/p>","protected":false},"excerpt":{"rendered":"<p>Brad Ellis (via John Gruber): Burgeoning screens mean the distance between the navbar and our thumbs has grown. The screen on a 7 Plus is so tall it would take a thumb-length increase of 150 percent to reach those pesky buttons with one hand. [&#8230;] Now here&rsquo;s where the turn toward Reach Nav gets more [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"apple_news_api_created_at":"","apple_news_api_id":"","apple_news_api_modified_at":"","apple_news_api_revision":"","apple_news_api_share_url":"","apple_news_coverimage":0,"apple_news_coverimage_caption":"","apple_news_is_hidden":false,"apple_news_is_paid":false,"apple_news_is_preview":false,"apple_news_is_sponsored":false,"apple_news_maturity_rating":"","apple_news_metadata":"\"\"","apple_news_pullquote":"","apple_news_pullquote_position":"","apple_news_slug":"","apple_news_sections":"\"\"","apple_news_suppress_video_url":false,"apple_news_use_image_component":false,"footnotes":""},"categories":[2],"tags":[618,77,31,1472,157,647],"class_list":["post-18201","post","type-post","status-publish","format-standard","hentry","category-technology","tag-apple-maps","tag-design","tag-ios","tag-ios-11","tag-music","tag-overcast"],"apple_news_notices":[],"_links":{"self":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts\/18201","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/comments?post=18201"}],"version-history":[{"count":1,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts\/18201\/revisions"}],"predecessor-version":[{"id":18202,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts\/18201\/revisions\/18202"}],"wp:attachment":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/media?parent=18201"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/categories?post=18201"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/tags?post=18201"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}